.modal{display:flex;justify-content:center;position:fixed;left:0;top:0;width:100vw;height:100vh;padding-top:80px;z-index:var(--z-index-level-5);background-color:#0006;overflow-y:auto}.modal-content{display:flex;flex-direction:column;position:fixed;background-color:var(--color-white);border:1px solid var(--color-violett);padding-left:var(--padding-md);padding-right:var(--padding-md);padding-top:var(--padding-lg3);padding-bottom:var(--padding-lg)}.modal-content--size--sm2{width:20%}.modal-content--size--sm{width:40%}.modal-content--size--md{width:70%}.modal-content--size--lg{width:100%}.modal-header{display:flex;justify-content:center;position:relative;width:100%}.modal-header-close{position:absolute;top:-8px;right:var(--margin-sm);color:var(--color-violett-light);float:right;font-size:28px;font-weight:700}.modal-header-close:hover,.modal-header-close:focus{color:var(--color-violett);text-decoration:none;cursor:pointer}.modal-body{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:var(--margin-lg)}.modal-footer{display:flex;justify-content:space-between;margin-top:var(--margin-lg)}.modal-footer--justifyContent--center{justify-content:center}.start-screen-modal{display:flex;justify-content:center;width:100%}.start-screen-modal-panel{display:flex;flex-direction:column;justify-content:space-between;align-items:center;flex-grow:1;width:100%}.start-screen-modal-panel--border-left{border-left:1px solid var(--color-gray-light)}.text{font-family:Roboto;color:var(--color-black)}.text--color--black{color:var(--color-black)}.text--color--white{color:var(--color-white)}.text--color--purple{color:var(--color-purple)}.text--color--violett{color:var(--color-violett)}.text--color--red{color:var(--color-red)}.text--color--blue{color:var(--color-blue)}.text--color--gray{color:var(--color-gray)}.text--size--sm{font-size:var(--text-size-sm)}.text--size--md{font-size:var(--text-size-md)}.text--size--lg{font-size:var(--text-size-lg)}.text--weight--light{font-weight:400}.text--weight--bold{font-weight:600}.text--style--normal{font-style:normal}.text--style--italic{font-style:italic}.text--overflow--elipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text--text-align--center{text-align:center}.icon{background-size:cover;background-repeat:no-repeat;background-position:center center}.icon--clickable{cursor:pointer}.icon--size--sm{width:16px;height:16px}.icon--size--md{width:32px;height:32px}.icon--size--lg{width:64px;height:64px}.icon--image--telegram{background-image:url(/img/icons/icon-telegram.svg)}.icon--image--github{background-image:url(/img/icons/icon-github.svg)}.icon--image--berserkdeck{background-image:url(/img/icons/icon-berserkdeck.png)}.icon--image--close-card{background-image:url(/img/icons/icon-close-card.svg)}.icon--image--open-card{background-image:url(/img/icons/icon-open-card.svg)}.icon--image--dots-vertical{background-image:url(/img/icons/icon-dots-vertical.svg)}.icon--image--close{background-image:url(/img/icons/icon-close.svg)}.icon--image--arrow-left{background-image:url(/img/icons/icon-arrow-left.svg)}.icon--image--arrow-right{background-image:url(/img/icons/icon-arrow-right.svg)}.icon--image--start-new-game{background-image:url(/img/icons/icon-start-new-game.svg)}.icon--image--home{background-image:url(/img/icons/icon-home.svg)}.icon--image--plus{background-image:url(/img/icons/icon-plus.svg)}.icon--image--cogs{background-image:url(/img/icons/icon-cogs.svg)}.icon--image--import{background-image:url(/img/icons/icon-import.svg)}.icon--image--export{background-image:url(/img/icons/icon-export.svg)}.start-screen-modal-main-menu-item{display:flex;flex-direction:column;gap:8px;cursor:pointer}.start-screen-modal-main-menu-item:hover{opacity:.6}.start-screen-modal-social-media{display:flex}.start-screen-modal-social-media-item{display:flex;flex-direction:column;align-items:center;margin-left:var(--margin-md);margin-right:var(--margin-md)}.image--margin-top--lg{margin-top:var(--margin-lg)}.image--margin-bottom--lg{margin-bottom:var(--margin-lg)}.button{cursor:pointer;border:none;padding:var(--padding-sm)}.button:hover{opacity:.9}.button:active{opacity:.6}.button--disabled{background-color:var(--color-gray)!important;pointer-events:none}.button--size--sm{width:30%}.button--size--md{width:60%}.button--size--lg{width:80%}.button--size--lg2{width:100%}.button--color--white{background-color:var(--color-white);border:1px solid var(--color-black)}.button--color--violett{background-color:var(--color-violett)}.button--color--red{background-color:var(--color-red)}.button--color--blue{background-color:var(--color-blue)}.button--margin-bottom--md{margin-bottom:var(--margin-md)}.button--margin-top--lg{margin-top:var(--margin-lg2)}.button--margin-right--md{margin-right:var(--margin-md)}.button--padding--sm{padding:var(--padding-sm)}.button--padding--sm2{padding:var(--padding-sm2)}.button--border--none{border:none}.card{width:var(--card-width);height:var(--card-height);border:1px solid black;border-radius:var(--border-radius-md);background-size:cover;background-repeat:no-repeat;background-position:center center;pointer-events:none}.card--size--lg2{width:calc(var(--card-width) * 3);height:calc(var(--card-height) * 3)}.start-screen-modal-hero-card{display:flex;flex-direction:column;justify-content:center;align-items:center;width:var(--card-width);height:var(--card-height);border-radius:var(--border-radius-md);cursor:pointer;opacity:1}.start-screen-modal-hero-card:hover{opacity:.8;border:4px solid var(--color-violett);border-radius:var(--border-radius-md)}.start-screen-modal-hero-card--color--red{border:4px solid var(--color-red)}.start-screen-modal-hero-card--color--blue{border:4px solid var(--color-blue)}.start-screen-modal-hero-card-empty{display:flex;flex-direction:column;justify-content:center;align-items:center;width:var(--card-width);height:var(--card-height);border:2px dashed var(--color-purple-light);border-radius:var(--border-radius-lg);cursor:pointer}.start-screen-modal-hero-card-empty:hover{opacity:.8;border:2px dashed var(--color-purple-ultra-light)}.start-screen-modal-title{display:flex;flex-direction:column;justify-content:center;align-items:center}.decks-decklist-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;gap:8px 16px;row-gap:16px;column-gap:24px;box-sizing:border-box;border:1px solid var(--color-gray);width:100%;height:50vh;overflow-y:scroll}.decks-deck{width:128px}.decks-card-wrapper{display:flex;flex-direction:column;align-items:center;position:relative;cursor:pointer;border:4px solid var(--color-white);box-sizing:border-box;border-radius:var(--border-radius-md);opacity:.6}.decks-card-wrapper--color--red{border:4px solid var(--color-red);opacity:1}.decks-card-wrapper--color--blue{border:4px solid var(--color-blue);opacity:1}.decks-card-wrapper:hover{border:4px solid var(--color-violett);opacity:1}.decks-card-wrapper-buttons{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center;position:absolute}.decks-deck-desctiption{display:flex;flex-direction:column;text-align:center}.decks-card-berserkdeck-button{display:flex;align-items:center;gap:8px}.input{border:1px solid var(--color-black);padding:var(--padding-sm);font-family:Roboto;font-size:var(--font-md);color:var(--color-black)}.input::placeholder{color:var(--color-gray)}.input--state--error{border:1px solid var(--color-red);color:var(--color-red);outline:1px solid var(--color-red)}.input--size--sm{width:40%}.deck-editor-deck-title{display:flex;flex-direction:column;width:100%;margin-bottom:var(--margin-md);margin-right:var(--margin-md)}.deck-editor-deck-description{display:flex;flex-direction:column;width:100%;margin-bottom:var(--margin-md)}.deck-editor-deck-card-wrapper{position:relative}.deck-editor-deck-card-buttons{position:absolute;display:flex;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100%}.deck-editor-deck-cards{display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;gap:8px 16px;row-gap:16px;column-gap:24px;width:100%;height:30vh;border:2px dashed var(--color-purple-light);box-sizing:border-box;padding:var(--padding-sm);overflow-y:scroll;cursor:pointer}.deck-editor-deck-cards:hover{border:2px solid var(--color-violett)}.deck-editor-deck-cards--center{justify-content:center;align-items:center;align-content:center}.deck-editor-top-panel{display:flex;width:100%}.deck-editor-hero-card-empty{display:flex;flex-direction:column;justify-content:center;align-items:center;width:var(--card-width);height:var(--card-height);border:2px dashed var(--color-purple-light);border-radius:var(--border-radius-lg);cursor:pointer}.deck-editor-hero-card-empty:hover{opacity:.8;border:2px dashed var(--color-purple-ultra-light)}.deck-editor-hero-card{display:flex;flex-direction:column;justify-content:center;align-items:center;width:var(--card-width);height:var(--card-height);border:4px solid var(--color-white);border-radius:var(--border-radius-md);cursor:pointer;opacity:1}.deck-editor-hero-card:hover{opacity:.8;border:4px solid var(--color-violett);border-radius:var(--border-radius-md)}.deck-editor-hero-panel{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--margin-md)}.deck-editor-deck-switch{margin-bottom:var(--margin-sm)}.select{width:100%;border:1px solid var(--color-black);background-color:var(--color-white);padding:var(--padding-sm);font-family:Roboto;font-size:var(--font-md);color:var(--color-black);font-weight:700}.select-option--active{font-weight:700}.card-picker-set-select{width:100%}.card-picker-card-wrapper{cursor:pointer;border:4px solid var(--color-white);border-radius:var(--border-radius-md);box-sizing:border-box;opacity:.8}.card-picker-card-wrapper:hover{opacity:1}.card-picker-card-wrapper--active{border:4px solid var(--color-violett);opacity:1}.card-picker-card-list{display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;gap:8px 16px;row-gap:16px;column-gap:24px;width:100%;height:50vh;margin-top:var(--margin-md);margin-bottom:var(--margin-md);border:1px solid var(--color-gray);box-sizing:border-box;padding:var(--padding-sm);overflow-y:scroll}.card-picker-pagination{display:flex;justify-content:center;align-items:center;width:100%;margin-top:var(--margin-md)}.game-table-wrapper{display:flex;flex-direction:column;height:100vh;box-sizing:border-box}.game-table-wrapper-panel{display:flex;position:relative}.game-table-wrapper-panel--size--sm{flex-grow:0}.game-table-wrapper-panel--size--lg{flex-grow:100;min-height:100px}.game-table-zone-draggable-zone-card{position:relative;display:inline-block;cursor:grab;border:4px solid transparent;border-radius:var(--border-radius-md);z-index:var(--z-index-level-1)}.game-table-zone-draggable-zone-card--active{border:4px solid var(--color-violett);z-index:var(--z-index-level-2)}.game-table-zone-draggable-zone-card--position--absolute{position:absolute}.game-table-zone{position:relative;height:var(--card-height);padding-top:var(--padding-lg2);padding-bottom:var(--padding-lg2);padding-left:var(--padding-md);padding-right:var(--padding-md);border-top:1px solid var(--color-black);border-bottom:1px solid var(--color-black);border-left:1px solid var(--color-black)}.game-table-zone--active{-webkit-box-shadow:inset 0px 0px 0px 4px var(--color-violett);-moz-box-shadow:inset 0px 0px 0px 4px var(--color-violett);box-shadow:inset 0 0 0 4px var(--color-violett)}.game-table-zone--clickable{cursor:pointer}.game-table-zone--size--sm{min-width:calc(var(--card-width) + 8px);max-width:calc(var(--card-width) + 8px)}.game-table-zone--size--lg{width:100%;overflow-y:hidden}.game-table-zone--border-right--sm{border-right:1px solid var(--color-black)}.game-table-zone-title-additional-info{display:flex;align-items:center;gap:var(--margin-sm);width:100%;margin-left:var(--margin-lg)}.game-table-zone-title{position:absolute;top:var(--padding-sm);left:var(--padding-sm);width:90%;display:flex;z-index:var(--z-index--level-2)}.game-table-zone-content{opacity:.6;gap:8px;z-index:var(--z-index--level-1)}.game-table-zone-content--orientation--horizontal{display:flex;flex-direction:row;overflow-x:auto}.game-table-zone-content--active{opacity:1}.game-table-zone-menu{display:flex;flex-direction:column;justify-content:space-around;align-items:center;width:var(--card-width);height:var(--card-height)}.game-table-zone-info{position:absolute;display:flex;justify-content:center;align-items:center;width:24px;height:24px;border-left:1px solid var(--color-black);border-top:1px solid var(--color-black);background-color:var(--color-violett);right:0;bottom:0}.game-table-zone-menu-control{position:absolute;top:var(--margin-sm);right:var(--margin-sm);z-index:var(--z-index--level-2)}.game-table-zone-active-card-menu{position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:space-around;align-items:center;width:100%;height:100%}.game-table-zone-active-card-menu-button{position:absolute;top:var(--margin-sm);right:var(--margin-sm)}.game-table-card-settings-controls-panel{position:absolute;display:flex;flex-direction:column;justify-content:space-around;top:0;left:0;width:32px;height:200px;margin-bottom:8px;z-index:var(--z-index-level-3)}.game-table-card-settings-counter{display:flex;justify-content:center;align-items:center;width:32px;height:30px;margin:2px;border:2px solid var(--color-black);border-radius:var(--border-radius-lg)}.game-table-card-settings-counter--color--red{background-color:var(--color-red)}.game-table-card-settings-counter--color--green{background-color:var(--color-green)}.game-table-card-settings-counter--color--white{background-color:var(--color-white)}.game-table-card-settings-counter--color--black{background-color:var(--color-black)}.game-table-card-settings-controls{display:flex;flex-direction:column;align-items:center}.game-table-zone-card-wrapper{position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.game-table-zone-active-card-controls{display:flex;justify-content:center;align-items:center;height:60px}.game-table-zone-card-counters{display:flex;flex-direction:row;justify-content:center;align-items:center;height:120px}.game-table-game-zone{position:relative;width:100%;overflow:scroll;border-left:1px solid var(--color-black);border-right:1px solid var(--color-black)}.active-card-zoom{position:fixed;top:calc(50vh - ((var(--card-height) * 3) / 2));right:5vw;z-index:var(--z-index-level-6)}.left-menu-panel{position:absolute;top:calc(50vh - 105px);left:0;width:64px;height:210px;display:flex;flex-direction:column;align-items:center;background-color:var(--color-white);border:1px solid var(--color-black);border-top-right-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md);z-index:var(--z-index-level-4)}.left-menu-panel-title{margin-top:var(--margin-sm);margin-bottom:var(--margin-sm)}.left-menu-panel-item{margin-bottom:var(--margin-sm)}.message-modal{display:flex;justify-content:center;width:100%;height:30vh;overflow-y:scroll;border:1px solid var(--color-gray)}.confirmation-modal{display:flex;justify-content:center;width:100%}.settings-modal{width:100%}.settings-modal-settings-list{flex-direction:column;justify-content:flex-start;align-items:center;display:flex;flex-wrap:wrap;gap:8px;gap:8px 16px;row-gap:16px;column-gap:24px;box-sizing:border-box;border:1px solid var(--color-gray);width:100%;height:50vh;overflow-y:scroll}.settings-modal-database-panel-button{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px}.settings-modal-database-panel{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:var(--margin-md)}.settings-modal-setting{display:flex;justify-content:center;align-items:center;width:100%}.settings-modal-setting-panel{flex-basis:0;display:flex;flex-direction:column}.settings-modal-setting-panel--direction--left,.settings-modal-setting-panel--direction--right{flex-grow:1}.berserkdeck-import-modal-form{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%}body{margin:0;padding:0;width:100vw;height:100vh;background-color:var(--color-white);-webkit-user-select:none;user-select:none;--color-white: #f7f7f7;--color-white-ultra-light: #ffffff;--color-black: #111111;--color-gray: #cccccc;--color-gray-light: #eeeeee;--color-darkblue: #2f2556;--color-purple: #584c84;--color-purple-light: #827caf;--color-purple-ultra-light: #aeabd3;--color-orange: #ffa582;--color-orange-light: #ffd9ae;--color-red: #ff5470;--color-red-light: #ff807e;--color-green: #78d8b7;--color-brown: #b78482;--color-brown-light: #dda49f;--color-brown-ultra-light: #e0bdc1;--color-blue: #7789ef;--color-teal: #5ec1ff;--color-teal-light: #bae6ff;--color-violett-ultra-light: #e2d3ff;--color-violett-light: #be9bff;--color-violett: #9968e2;--z-index-level-1: 0;--z-index-level-2: 1;--z-index-level-3: 2;--z-index-level-4: 3;--z-index-level-5: 4;--z-index-level-6: 5;--padding-sm2: 4px;--padding-sm: 8px;--padding-md: 16px;--padding-lg: 24px;--padding-lg2: 32px;--padding-lg3: 48px;--margin-sm: 8px;--margin-md: 16px;--margin-lg: 24px;--margin-lg2: 48px;--text-size-sm: 12px;--text-size-md: 16px;--text-size-lg: 24px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 16px;--card-width: 120px;--card-height: 170px}@font-face{font-family:Roboto;src:url(/font/Roboto-Light.ttf);font-weight:400;font-style:normal}@font-face{font-family:Roboto;src:url(/font/Roboto-LightItalic.ttf);font-weight:400;font-style:italic}@font-face{font-family:Roboto;src:url(/font/Roboto-Bold.ttf);font-weight:600;font-style:normal}@font-face{font-family:Roboto;src:url(/font/Roboto-BoldItalic.ttf);font-weight:600;font-style:italic}