.button{display:flex;align-items:center;padding:6px var(--spacing);border-radius:2px;box-shadow:0 .5px 1px #0000001a,inset 0 .5px .5px #ffffff4d,0 0 0 .5px #0000001f;color:var(--default-text-color);transition-property:color,filter;transition-duration:.2s;-webkit-user-select:none;user-select:none}.button--enabled{cursor:pointer}.button--with-icon{gap:8px;padding-left:10px}.button--enabled:hover{color:var(--default-text-color-hover);filter:brightness(115%)}.button--enabled:active{color:var(--default-text-color-active);filter:brightness(95%)}.button--primary{background:linear-gradient(to right,#4d1300,8%,#812709,92%,#4d1300);border:1px solid transparent}.button--secondary,.button--disabled{background:linear-gradient(to right,#423e40,8%,#4d4d4d,92%,#423e40);border:1px solid rgb(54 54 54)}.button--disabled{color:var(--disabled-text-color)}.button--large{margin:2rem;padding:1rem 2rem;font-size:1.5rem;line-height:1;border-radius:4px}.button--large.button--with-icon{padding-left:1.5rem}.button--small{padding:2px 8px}.button__image{width:24px;height:24px}.button__image--small{width:20px;height:20px}.login-page{display:flex;flex-direction:column;width:100%;min-height:100svh;align-items:center;justify-content:center}.login-page__error{margin:2rem;color:#dfd9d9}.start-page{width:100%;min-height:100lvh;display:flex;flex-direction:column;align-items:center;justify-content:center}.start-page__container{margin:2rem;padding:2rem;min-width:400px;min-height:calc(min(600px,100svh) - 4rem);background-color:var(--lobby-background);color:var(--default-text-color);border-radius:10px}@media (min-width: 768px){.start-page__container{min-width:600px;min-height:600px}}.start-page__background{position:fixed;z-index:var(--z-background);top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.start-page__background img{width:360px}@media (min-width: 768px){.start-page__background img{width:550px}}.start-page__header{display:flex;align-items:center;gap:var(--spacing);margin-bottom:calc(2 * var(--spacing))}@media (max-width: 767px){.start-page__header-create-button{display:none}}.start-page__mobile-create-button{width:fit-content}@media (min-width: 768px){.start-page__mobile-create-button{display:none}}.start-page__heading{align-self:start;padding:0;margin:0;font-size:1.5rem;flex:1 0 auto}.start-page__list{padding:0}.match-list-entry-display{border:1px solid var(--layout-border-color);border-radius:2px;padding:var(--spacing);list-style-type:none;margin-top:var(--spacing)}.match-list-entry-display--finished{border-color:gray}.match-list-entry-display:hover{background-color:#ffffff0d}.match-list-entry-display__link{color:var(--default-text-color)}.match-list-entry-display__link:hover{color:var(--default-text-color-hover)}.match-list-entry-display__link:active{color:var(--default-text-color-active)}.match-list-entry-display__dates-row{display:flex;gap:calc(2 * var(--spacing));font-size:.9rem}.match-list-entry-display__name-row{display:flex;align-items:center;gap:calc(2 * var(--spacing))}.match-list-entry-display__id{color:var(--disabled-text-color)}.match-list-entry-display__name{font-size:1.4rem}.debug-state{position:absolute;top:0;right:0;width:400px;bottom:0;background-color:#fff;overflow-y:auto;z-index:var(--z-debug-panel)}.debug-state__open-button-wrapper{position:absolute;top:calc(50% - 70px);right:1px;margin:0;padding:0;transform:rotate(-90deg);transform-origin:bottom right}.debug-state__open-button{margin:0;background-color:#fff;border-top-left-radius:5px;border-top-right-radius:5px;border:None;cursor:pointer;padding:3px 16px}.debug-state__open-button:hover{background-color:#ebebeb}.debug-state__close-button{z-index:var(--z-debug-panel)}.close-button{position:absolute;top:10px;right:16px;color:var(--default-text-color);cursor:pointer}.close-button:hover{color:var(--default-text-color-hover)}.close-button:active{color:var(--default-text-color-active)}.close-button--error{color:var(--error-text-color)}.close-button--error:hover{color:var(--error-text-color-hover)}.close-button--error:active{color:var(--error-text-color-active)}.player-area{position:absolute;bottom:0;left:0;right:var(--side-bar-width);height:var(--player-area-height);display:flex;flex-direction:column;gap:calc(var(--spacing) / 2);padding:var(--spacing);border-top:var(--layout-border);background:var(--gradient);overflow:hidden}.player-area__row{display:flex;gap:var(--spacing);overflow-x:auto;overflow-y:hidden;flex:0 0 auto;transition:margin-top .3s}.player-area__row--shift-upwards-1{margin-top:calc(-1 * (var(--skill-image-height) + var(--spacing) / 2))}.player-area__row--shift-upwards-2{margin-top:calc(-1 * (var(--skill-image-height) + var(--spacing) + var(--card-image-height)))}.player-area__card{height:var(--card-image-height);flex:0 0 auto}.player-area__unit-token{width:var(--unit-token-size);height:var(--unit-token-size)}.player-area__slot{position:relative}.player-area__bonds-of-loyalty{position:absolute;width:50px;top:var(--spacing)}.popup-deed-card{height:var(--card-image-height);position:relative}.popup-deed-card__overlay-button-area{position:absolute;top:10px;right:10px;display:none;flex-direction:column;gap:4px}@media (hover: hover){.popup-deed-card:hover .popup-deed-card__overlay-button-area{display:flex}}.popup-deed-card__popup{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing)}.popup-deed-card__popup-button-area{display:flex;flex-direction:column;gap:8px}.active-areas-deed-card{position:relative}.active-areas-deed-card--clickable{cursor:pointer}.active-areas-deed-card__active-area{position:absolute;left:0;right:0;cursor:pointer}.active-areas-deed-card__active-area:hover{background-color:#342a9921;transition:all .2s ease-in-out}.basic-deed-card-image{display:block;height:var(--card-image-height)}.basic-deed-card-image--full-size{height:auto}.basic-deed-card-image--stacked{height:70px}.basic-deed-card-image--clickable{cursor:pointer}.basic-deed-card-image--selected{outline:2px solid var(--selection-color);outline-offset:-2px}.popup__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;z-index:var(--z-popup);display:flex;justify-content:center;align-items:center;padding:var(--spacing)}@media (min-width: 768px){.popup__overlay--content{padding-top:var(--top-bar-height);padding-bottom:var(--player-area-height);padding-right:var(--side-bar-width)}}.popup__container{position:relative;width:auto;height:auto;max-height:calc(100% - 2 * var(--spacing));max-width:calc(100% - 2 * var(--spacing));overflow:auto;border:1px solid var(--layout-border-color);border-radius:4px;background:var(--gradient-popup);box-shadow:var(--dark-background) 4px 4px 8px 3px;outline:none;padding:var(--spacing)}.popup__container--large{height:calc(100% - 2 * var(--spacing));width:calc(100% - 2 * var(--spacing));max-width:1200px;max-height:800px}@media (min-width: 1600px){.popup__container--large{max-width:1500px;max-height:1000px}}.overlay-button{--transition-duration: .2s;display:flex;justify-content:center;align-items:center;width:32px;height:32px;color:var(--default-text-color);background-color:#0008;border-radius:5px;cursor:pointer}.overlay-button:hover{color:var(--default-text-color-hover)}.overlay-button__image{width:24px;height:24px}.overlay-button:hover .overlay-button__image{filter:brightness(115%)}.popup-skill{height:var(--skill-image-height);position:relative}.popup-skill__overlay-button-area{position:absolute;top:10px;right:10px;display:none;gap:var(--spacing)}@media (hover: hover){.popup-skill:hover .popup-skill__overlay-button-area{display:flex}}.popup-skill__popup{display:flex;align-items:flex-start;gap:var(--spacing)}.popup-skill__popup-button-area{display:flex;flex-direction:column;gap:8px}.basic-skill-image{height:var(--skill-image-height)}.basic-skill-image--full-size{height:auto}.basic-skill-image--clickable{cursor:pointer}.basic-skill-image--selected{outline:2px solid var(--selection-color);outline-offset:-2px}.basic-skill-image--used{filter:brightness(40%)}.popup-unit{height:var(--card-image-height);position:relative}.popup-unit__unit-token{position:absolute;width:var(--unit-token-size);height:var(--unit-token-size);left:calc((100% - var(--unit-token-size)) / 2);bottom:calc((50% - var(--unit-token-size)) / 2)}.popup-unit__stacked-cards{position:absolute;display:flex;justify-content:center;gap:4px;height:70px;top:calc((50% - 70px)/2);left:0%;width:100%;pointer-events:none}.popup-unit__bonds-of-loyalty{position:absolute;top:2px;left:calc((100% - 50px)/2);width:50px;pointer-events:none}.popup-unit__overlay-button-area{position:absolute;top:10px;right:10px;display:none;flex-direction:column;gap:4px}@media (hover: hover){.popup-unit:hover .popup-unit__overlay-button-area{display:flex}}.popup-unit__popup{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing)}.popup-unit__cards-in-popup{display:flex;flex-direction:row;gap:var(--spacing)}.popup-unit__bonds-of-loyalty-message{color:var(--default-text-color)}.popup-unit__popup-button-area{display:flex;flex-direction:column;gap:8px}.active-areas-unit{position:relative}.active-areas-unit--clickable{cursor:pointer}.active-areas-unit__active-area{position:absolute;left:0;right:0;cursor:pointer}.active-areas-unit__active-area:hover{background-color:#342a9921;transition:all .2s ease-in-out}.basic-unit-image{display:block;height:var(--card-image-height)}.basic-unit-image--damage-target{height:var(--damage-target-height)}.basic-unit-image--full-size{height:auto}.basic-unit-image--clickable{cursor:pointer}.basic-unit-image--selected{outline:2px solid var(--selection-color);outline-offset:-2px}.placeholder{display:flex;flex:0 0 auto;align-items:center;justify-content:center;padding:var(--spacing);border:1px solid #4a4141;border-radius:5px;background-color:#00000030;color:var(--disabled-text-color);text-align:center}.placeholder--card{width:calc(var(--card-image-height) * 364 / 513);height:var(--card-image-height)}.placeholder--skill{width:calc(var(--skill-image-height) * 216 / 142);height:var(--skill-image-height)}.placeholder--tactic{width:var(--tactic-card-image-width);height:var(--tactic-card-image-height)}.placeholder--tactic-mini{width:var(--tactic-card-image-width-mini);height:var(--tactic-card-image-height-mini)}.placeholder--clickable{cursor:pointer}.placeholder--clickable:hover{color:var(--default-text-color)}.global-error-page{width:100%;height:auto;min-height:100lvh;display:flex;flex-direction:column;align-items:center;justify-content:center}.global-error-page__heading{color:var(--error-text-color);margin:0 0 1rem}.global-error-page__container{margin:2rem;padding:2rem;min-width:400px;border:1px solid #424242;background:var(--gradient);color:var(--default-text-color);border-radius:10px}.top-bar{position:absolute;top:0;left:0;right:var(--side-bar-width);height:var(--top-bar-height);border-bottom:var(--layout-border);background:var(--gradient)}.top-bar--desktop{display:flex;align-items:center}.top-bar--mobile{display:grid;gap:0;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:var(--mobile-top-bar-row-height) var(--mobile-top-bar-row-height)}.top-bar__left-half{display:flex;padding-right:var(--spacing)}.top-bar__right-half{display:flex;padding-left:var(--spacing)}.top-bar__icon{position:relative;font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:color .2s;-webkit-user-select:none;user-select:none}.top-bar--desktop .top-bar__icon{width:48px;height:48px}.top-bar__icon--enabled{color:var(--default-text-color);cursor:pointer}.top-bar__icon--disabled{color:var(--disabled-text-color)}.top-bar__icon--enabled:hover{color:var(--active-text-color)}.top-bar__icon--enabled:active,.top-bar__icon--active{color:var(--active-text-color-active)}.top-bar__counter{position:absolute;bottom:4px;right:4px;background-color:#950000;width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--default-text-color);font-size:11px;font-weight:400}.top-bar__spacer{width:30px;flex:0 1 auto}.top-bar__spacer--expandable{flex:1 1 auto}@media (min-width: 1024px){.top-bar__spacer--expandable{width:50px}}.round-info-icon{display:flex;min-width:48px;justify-content:center;align-items:center;padding:2px 2px 2px 6px;gap:2px;color:var(--default-text-color);cursor:pointer}.round-info-icon:hover{color:var(--active-text-color)}.round-info-icon:active,.round-info-icon--highlighted{color:var(--active-text-color-active)}.round-info-icon__round-number{margin-top:4px;font-family:serif;font-size:24px}.round-info-icon__round-type{margin-bottom:14px}@media (min-width: 768px){.round-info-icon__round-number{margin-top:0}.round-info-icon__round-type{margin-bottom:18px}}.panel-frame__left,.panel-frame__right{position:fixed;top:var(--top-bar-height);bottom:calc(var(--player-area-height) + var(--action-bar-height));left:0;right:var(--side-bar-width);overflow:auto;z-index:var(--z-panel-frame);background-color:var(--dark-background-transparent)}@media (min-width: 1024px){.panel-frame__left{right:calc(50% + var(--side-bar-width) / 2);border-right:var(--layout-border)}.panel-frame__right{left:calc(50% - var(--side-bar-width) / 2)}.panel-frame__right--with-border{left:calc(50% - var(--side-bar-width) / 2 - 2px);border-left:var(--layout-border)}}.panel{padding:calc(2 * var(--spacing))}.panel-header{color:var(--default-text-color);font-size:1.5rem;margin-top:0}.panel-header--subheader{font-size:1.2rem;margin-top:calc(2 * var(--spacing))}.tactic-card{position:relative}.tactic-card__base{display:block;height:var(--tactic-card-image-height)}.tactic-card__base--mini{height:var(--tactic-card-image-height-mini)}.tactic-card__base--clickable{cursor:pointer}.tactic-card__overlay-button-area{position:absolute;top:10px;right:10px;display:none;flex-direction:column;gap:4px}@media (hover: hover){.tactic-card:hover .tactic-card__overlay-button-area{display:flex}}.tactic-card__mana-die{position:absolute;left:calc(50% - 16px);top:calc(70% - 16px)}.tactic-card__card-overlay{position:absolute;width:50px;left:calc(50% - 25px);top:calc(70% - 28px)}.tactic-card__card-overlay--mini{width:32px;left:calc(50% - 16px);top:calc(70% - 18px)}.tactic-card__count-overlay{position:absolute;width:32px;height:32px;left:calc(50% - 16px);bottom:8px;background-color:#362d2d;border:1px solid var(--default-text-color);border-radius:4px;color:var(--default-text-color);display:flex;text-align:center;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none}.tactic-card__count-overlay--mini{width:24px;height:24px;left:calc(50% - 12px)}.tactic-card__popup{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing)}.tactic-card__fullsize{height:auto}.mana-die{display:block;max-width:100%;max-height:100%}.mana-die--disabled{filter:brightness(75%)}.mana-die--clickable{cursor:pointer}.mana-die--clickable:hover{filter:brightness(115%)}.mana-die--selected{outline:2px solid var(--selection-color)}.tactics-panel__player-name{color:var(--default-text-color);text-align:center}.tactics-panel__list{display:flex;gap:var(--spacing);overflow-x:auto}.fame-board{display:flex;flex-direction:column;width:100%;height:100%}.fame-board__header{color:var(--default-text-color);font-size:1.5rem;margin-top:0}.fame-board__container{flex:0 1 auto;overflow:hidden;position:relative}.fame-board__image{max-width:100%;max-height:100%;overflow:hidden;object-fit:contain}.fame-board__token{position:absolute}.asset-offer-panel__button-bar{display:flex;gap:var(--spacing);margin-bottom:var(--spacing)}.asset-offer-panel__list{display:flex;flex-wrap:wrap;gap:var(--spacing)}.combat-panel__phase-buttons{display:flex;gap:var(--spacing)}.combat-panel__message{color:var(--disabled-text-color);font-style:italic}.combat-panel__enemies{display:flex;flex-wrap:wrap;gap:var(--spacing)}.combat-panel__effects{margin:var(--spacing) 0;color:var(--default-text-color)}.combat-panel__remaining-damage{color:var(--default-text-color);margin-bottom:var(--spacing)}.combat-panel__damage-targets{display:flex;gap:var(--spacing);overflow-x:auto;align-items:flex-start}.combat-panel__hero{height:var(--damage-target-height);cursor:pointer}.combat-panel__unit{max-height:var(--damage-target-height)}.enemy-image{width:150px;opacity:100%}.enemy-image--faint{opacity:50%}.enemy-image--clickable{cursor:pointer}.enemy-in-combat{position:relative;text-align:center;color:var(--default-text-color)}.enemy-in-combat__position-icon{width:24px;height:24px;position:absolute;right:-5px;top:-5px}.enemy-in-combat__token{display:block}.enemy-in-combat__modifications{max-width:150px;display:flex;flex-direction:column;margin-top:var(--spacing)}.enemy-in-combat__abilities{display:flex;justify-content:center;flex-wrap:wrap}.site-panel__message{color:var(--disabled-text-color);font-style:italic}.site-panel__tokens,.site-panel__actions{display:flex;gap:var(--spacing);flex-wrap:wrap}.site-panel__card{max-width:100%}.site-panel__shields{display:flex;gap:var(--spacing);margin-bottom:calc(2 * var(--spacing))}.site-panel__shield{width:40px}.crystals{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;padding:4px;gap:2px;max-width:70px;align-self:center}.crystals__column{display:flex;flex-direction:column;gap:2px;align-items:center}.crystals__crystal{width:8px;height:8px}.crystals__crystal--empty{filter:brightness(45%)}@media (min-width: 1024px){.crystals{gap:8px}.crystals__crystal{width:10px;height:10px}}.player-status{display:flex;flex-direction:column}.player-status__row{display:flex;gap:var(--spacing);margin-bottom:var(--spacing);align-items:center}.player-status__row--center{margin-bottom:calc(2 * var(--spacing))}.player-status__name{color:var(--default-text-color);font-size:1.2rem;overflow:hidden;text-overflow:ellipsis}.player-status__hero{height:50px;margin-left:25px}.player-status__level-token{width:100px}.player-status__fame-column{display:flex;flex-direction:column;gap:calc(var(--spacing) / 2);cursor:pointer}.player-status__fame-row{display:flex;gap:calc(var(--spacing) / 2);color:var(--default-text-color)}.player-status__card-count{display:flex;gap:4px;align-items:center;color:var(--default-text-color);cursor:pointer}.player-status__tactic-placeholder{font-size:20px}.player-status-panel__container{display:grid;grid-template-columns:270px;gap:calc(3 * var(--spacing))}@media (min-width: 1024px){.player-status-panel__container{grid-template-columns:270px 270px}}.tab-headers{display:flex;gap:calc(2 * var(--spacing));font-weight:700;font-size:1.2rem;color:var(--default-text-color)}.tab-headers__header{padding:2px 4px}.tab-headers__header--not-current{cursor:pointer}.tab-headers__header--not-current:hover{color:var(--default-text-color-hover)}.tab-headers__header--not-current:active{color:var(--default-text-color-active)}.tab-headers__header--current{border-bottom:1px solid var(--default-text-color)}.library-panel__content{padding:var(--spacing) 0;width:100%;overflow-x:auto;scrollbar-width:none}.library-panel__tokens{display:flex;flex-wrap:wrap;gap:var(--spacing)}.library-panel__token{text-align:center;color:var(--default-text-color)}.library-panel__token-image{display:block}.library-panel__skills{display:flex;flex-direction:column;gap:var(--spacing)}.library-panel__skill-card{width:1450px;max-width:190%}.level-up-panel__message{color:var(--default-text-color)}.level-up-panel__disabled-message{color:var(--disabled-text-color);font-style:italic}.level-up-panel__list{display:flex;flex-wrap:wrap;gap:var(--spacing);margin-bottom:calc(2 * var(--spacing))}.level-up-panel__skill-descriptions{color:var(--default-text-color);margin-bottom:var(--spacing);cursor:pointer}.level-up-panel__skill-descriptions:hover{color:var(--default-text-color-hover)}.level-up-panel__skill-descriptions:active{color:var(--default-text-color-active)}.mana-source{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;grid-column-end:span 2}.mana-source__row{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2px}.mana-source__die--disabled{filter:brightness(75%)}.mana-source__die--clickable{cursor:pointer}.mana-source__missing-die{width:32px;height:32px;min-width:32px;border:1px solid #786e6e;border-radius:2px;background-color:#645d5d}.effects-in-topbar{display:grid;grid-template-rows:1fr 1fr;height:var(--mobile-top-bar-row-height);gap:2px;padding:2px 4px 4px;grid-column-end:span 2;color:var(--default-text-color);overflow:hidden;flex:0 0 auto}@media (min-width: 1024px){.effects-in-topbar{gap:4px}}.effects-in-topbar--enabled{cursor:pointer}.effects-in-topbar--enabled:hover{color:var(--active-text-color)}.effects-in-topbar__mana-row{display:flex;justify-content:left;align-items:center;gap:2px;line-height:16px}.effects-in-topbar__effect-row{display:flex;justify-content:left;align-items:center;line-height:16px}.effects-in-topbar__points{flex:1 0 auto;padding-left:2px;padding-right:2px;max-width:30px}@media (min-width: 1024px){.effects-in-topbar__points{min-width:30px}}.effects-in-topbar__points--two-digits{font-size:80%}.effects-in-topbar__plus{margin-left:-4px}.effects-in-topbar__icon{flex:0 0 auto;width:16px;height:16px}.map-view{position:absolute;top:var(--top-bar-height);left:0;right:var(--side-bar-width);bottom:var(--player-area-height);overflow:hidden;background-color:var(--dark-background)}.map-view--loading{display:flex;justify-content:center;align-items:center}.loading-tile__hex{stroke:#6d6d6d;fill:transparent}.loading-tile__hex-0,.loading-tile__hex-1,.loading-tile__hex-2,.loading-tile__hex-3,.loading-tile__hex-4,.loading-tile__hex-5{animation:loader 4s infinite steps(6,start)}.loading-tile__hex-0{animation-delay:.67s}.loading-tile__hex-1{animation-delay:1.33s}.loading-tile__hex-2{animation-delay:2s}.loading-tile__hex-3{animation-delay:2.67s}.loading-tile__hex-4{animation-delay:3.33s}.loading-tile__hex-5{animation-delay:4s}@keyframes loader{0%{fill:#6d6d6d}17%{fill:#6d6d6d}21%{fill:transparent}96%{fill:transparent}to{fill:#6d6d6d}}.actions-menu{display:flex;flex-direction:column;gap:var(--spacing)}.dialog{padding:var(--spacing);color:var(--default-text-color);min-width:200px;min-height:100px}.dialog__heading{margin:0;margin-bottom:var(--spacing)}.dialog__heading--error{color:#d34a12}.choice-dialog__button-bar{display:flex;gap:var(--spacing);margin:var(--spacing) 0;overflow-x:auto}.choice-dialog__button-bar--vertical{flex-direction:column}.choice-dialog__mana-button{width:40px;cursor:pointer}.choice-dialog__mana-button:hover{filter:brightness(115%)}.action-bar{position:absolute;height:var(--action-bar-height);bottom:var(--player-area-height);left:0;right:var(--side-bar-width);display:flex;padding:0 var(--spacing);gap:var(--spacing);z-index:var(--z-panel-frame);align-items:center;border-top:var(--layout-border);background:linear-gradient(90deg,#4a2115ee,#3a180eee);color:var(--default-text-color);overflow-x:auto;overflow-y:hidden}.action-bar__message{text-wrap:nowrap;flex-shrink:0}.action-bar__message--clickable{cursor:pointer}.action-bar__message--error{color:#eb6129}.action-bar__message--clickable:hover{color:var(--default-text-color-hover)}.action-bar__message--clickable:active{color:var(--default-text-color-active)}.action-bar__actions{flex-grow:1;display:flex;gap:var(--spacing)}.effects-dialog{display:flex;flex-direction:column;gap:var(--spacing);min-width:300px;max-width:500px;min-height:250px}.effects-dialog__box{background:#e4d3d330;padding:var(--spacing);border-radius:4px;display:flex;gap:var(--spacing)}.effects-dialog__card{max-height:120px}.effects-dialog__column{display:flex;flex-direction:column}.effects-dialog__text{margin:4px 0;font-size:.9rem}.effects-dialog__title{font-weight:700}.effects-dialog__button-bar{display:flex;padding-top:8px}.match-menu{display:flex;flex-direction:column;gap:var(--spacing)}.side-bar{position:absolute;top:0;bottom:0;right:0;width:var(--side-bar-width);padding:var(--spacing);display:flex;flex-direction:column;gap:calc(2 * var(--spacing));background:linear-gradient(90deg,#2e2827,#282828);border-left:var(--layout-border)}.error-popup__button-bar{display:flex}.error-popup__button{margin-top:var(--spacing)}@media (min-width: 1024px){.deck-dialog{min-width:800px}}.deck-dialog__list{display:flex;gap:var(--spacing);flex-wrap:nowrap;overflow:auto}.deck-dialog__message{font-style:italic}.scores-dialog__table{border-collapse:collapse}.scores-dialog__header-row{border-bottom:2px solid var(--disabled-text-color)}.scores-dialog__normal-row+.scores-dialog__normal-row{border-top:1px solid var(--disabled-text-color)}.scores-dialog__cell{padding:8px;text-align:right;font-weight:400}.scores-dialog__cell--highlight{font-weight:700}.scores-dialog__cell--row-title{text-align:left}.scores-dialog__description{margin-left:8px;margin-top:4px;font-size:.9rem;font-style:italic}.scenario-dialog{display:flex;flex-direction:column;gap:var(--spacing);padding:var(--spacing)}.global-loading-page{width:100%;height:auto;min-height:100lvh;display:flex;flex-direction:column;align-items:center;justify-content:center}.global-loading-page__container{margin:2rem}.global-loading-page__message{color:var(--default-text-color);text-align:center}.new-match-page{width:100%;min-height:100lvh;display:flex;flex-direction:column;align-items:center;justify-content:center}.new-match-page__container{position:relative;min-width:300px;margin:var(--spacing);padding:var(--spacing);min-height:calc(min(600px,100svh) - 4rem);background-color:var(--lobby-background);color:var(--default-text-color);border-radius:10px}@media (min-width: 768px){.new-match-page__container{min-width:600px;margin:calc(2 * var(--spacing));padding:calc(2 * var(--spacing))}}.new-match-page__heading{font-size:1.5rem;margin-top:0;margin-bottom:.5rem;flex:1 0 auto}.new-match-page__error{color:var(--error-text-color)}.new-match-page__subheading{font-size:1.2rem;margin-top:calc(3 * var(--spacing));margin-bottom:var(--spacing)}.new-match-page__scenario-description{font-style:italic;padding:var(--spacing)}.new-match-page__city-levels{display:grid;grid-template-columns:max-content 30px 160px;gap:var(--spacing);align-items:center}.new-match-page__city-level-name{text-wrap:nowrap}.new-match-page__slider{max-width:150px}@media (min-width: 768px){.new-match-page__city-levels{grid-template-columns:max-content 30px 320px 1fr}.new-match-page__slider{max-width:300px}}.new-match-page__city-level-reset{grid-row:3;grid-column:1;grid-row-end:span 2;width:fit-content}@media (min-width: 768px){.new-match-page__city-level-reset{grid-row-start:1;grid-row-end:span 2;grid-column:4}}.new-match-page__hero-selection{display:flex;flex-direction:column;align-items:center}.new-match-page__hero-image-container{width:250px;height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing)}.new-match-page__hero-image-container--with-hero{justify-content:flex-end}.new-match-page__hero{flex:0 0 auto;max-height:230px}.new-match-page__hero--unknown{filter:blur(2px)}.new-match-page__hero-selection-bar{display:flex;align-items:center;gap:var(--spacing);margin-top:var(--spacing)}.new-match-page__hero{min-width:100px;text-align:center}.new-match-page__button-bar{display:flex;flex-direction:row;justify-content:end;margin-top:calc(3 * var(--spacing))}.rc-slider{position:relative;width:100%;height:14px;padding:5px 0;border-radius:6px;touch-action:none;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-rail{position:absolute;width:100%;height:4px;background-color:#e9e9e9;border-radius:6px}.rc-slider-track,.rc-slider-tracks{position:absolute;height:4px;background-color:#abe2fb;border-radius:6px}.rc-slider-track-draggable{z-index:1;box-sizing:content-box;background-clip:content-box;border-top:5px solid rgba(0,0,0,0);border-bottom:5px solid rgba(0,0,0,0);transform:translateY(-5px)}.rc-slider-handle{position:absolute;z-index:1;width:14px;height:14px;margin-top:-5px;background-color:#fff;border:solid 2px #96dbfa;border-radius:50%;cursor:pointer;cursor:-webkit-grab;cursor:grab;opacity:.8;-webkit-user-select:none;user-select:none;touch-action:pan-x}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging{border-color:#57c5f7;box-shadow:0 0 0 5px #96dbfa}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging-delete{opacity:0}.rc-slider-handle:focus{outline:none;box-shadow:none}.rc-slider-handle:focus-visible{border-color:#2db7f5;box-shadow:0 0 0 3px #96dbfa}.rc-slider-handle-click-focused:focus{border-color:#96dbfa;box-shadow:unset}.rc-slider-handle:hover{border-color:#57c5f7}.rc-slider-handle:active{border-color:#57c5f7;box-shadow:0 0 5px #57c5f7;cursor:-webkit-grabbing;cursor:grabbing}.rc-slider-mark{position:absolute;top:18px;left:0;width:100%;font-size:12px}.rc-slider-mark-text{position:absolute;display:inline-block;color:#999;text-align:center;vertical-align:middle;cursor:pointer}.rc-slider-mark-text-active{color:#666}.rc-slider-step{position:absolute;width:100%;height:4px;background:transparent}.rc-slider-dot{position:absolute;bottom:-2px;width:8px;height:8px;vertical-align:middle;background-color:#fff;border:2px solid #e9e9e9;border-radius:50%;cursor:pointer}.rc-slider-dot-active{border-color:#96dbfa}.rc-slider-dot-reverse{margin-right:-4px}.rc-slider-disabled{background-color:#e9e9e9}.rc-slider-disabled .rc-slider-track{background-color:#ccc}.rc-slider-disabled .rc-slider-handle,.rc-slider-disabled .rc-slider-dot{background-color:#fff;border-color:#ccc;box-shadow:none;cursor:not-allowed}.rc-slider-disabled .rc-slider-mark-text,.rc-slider-disabled .rc-slider-dot{cursor:not-allowed!important}.rc-slider-vertical{width:14px;height:100%;padding:0 5px}.rc-slider-vertical .rc-slider-rail{width:4px;height:100%}.rc-slider-vertical .rc-slider-track{bottom:0;left:5px;width:4px}.rc-slider-vertical .rc-slider-track-draggable{border-top:0;border-right:5px solid rgba(0,0,0,0);border-bottom:0;border-left:5px solid rgba(0,0,0,0);transform:translate(-5px)}.rc-slider-vertical .rc-slider-handle{position:absolute;z-index:1;margin-top:0;margin-left:-5px;touch-action:pan-y}.rc-slider-vertical .rc-slider-mark{top:0;left:18px;height:100%}.rc-slider-vertical .rc-slider-step{width:4px;height:100%}.rc-slider-vertical .rc-slider-dot{margin-left:-2px}.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-leave{display:block!important;animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active{animation-name:rcSliderTooltipZoomDownIn;animation-play-state:running}.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active{animation-name:rcSliderTooltipZoomDownOut;animation-play-state:running}.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-appear{transform:scale(0);animation-timing-function:cubic-bezier(.23,1,.32,1)}.rc-slider-tooltip-zoom-down-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}@keyframes rcSliderTooltipZoomDownIn{0%{transform:scale(0);transform-origin:50% 100%;opacity:0}to{transform:scale(1);transform-origin:50% 100%}}@keyframes rcSliderTooltipZoomDownOut{0%{transform:scale(1);transform-origin:50% 100%}to{transform:scale(0);transform-origin:50% 100%;opacity:0}}.rc-slider-tooltip{position:absolute;top:-9999px;left:-9999px;visibility:visible;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-tooltip *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-tooltip-hidden{display:none}.rc-slider-tooltip-placement-top{padding:4px 0 8px}.rc-slider-tooltip-inner{min-width:24px;height:24px;padding:6px 2px;color:#fff;font-size:12px;line-height:1;text-align:center;text-decoration:none;background-color:#6c6c6c;border-radius:6px;box-shadow:0 0 4px #d9d9d9}.rc-slider-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow{bottom:4px;left:50%;margin-left:-4px;border-width:4px 4px 0;border-top-color:#6c6c6c}.slider{cursor:pointer}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}:root{--spacing: 8px;--layout-border-size: 2px;--layout-border-color: #905325;--layout-border: var(--layout-border-size) ridge var(--layout-border-color);--dark-background: #180404;--dark-background-transparent: #180404ee;--lobby-background: #282323f4;--mobile-top-bar-row-height: 40px;--top-bar-height: calc(2 * var(--mobile-top-bar-row-height) + var(--layout-border-size));--side-bar-width: 0px;--action-bar-height: 40px;--card-image-height: 162px;--tactic-card-image-width: 107.14px;--tactic-card-image-height: 150px;--tactic-card-image-width-mini: 71.42px;--tactic-card-image-height-mini: 100px;--skill-image-height: 50px;--damage-target-height: 150px;--player-area-height: calc(var(--card-image-height) + 2 * var(--spacing) + var(--layout-border-size));--unit-token-size: 50px;--default-text-color: #b9b7b7;--default-text-color-hover: #cecbcb;--default-text-color-active: #a0a0a0;--disabled-text-color: #6d6d6d;--active-text-color: #e59960;--active-text-color-active: #c78553;--error-text-color: #b54a1f;--error-text-color-hover: #d95723;--error-text-color-active: #973a16;--selection-color: #3f3ff7;--gradient: linear-gradient(90deg, #49302c, #282828);--gradient-popup: linear-gradient(90deg, #503834, #3b3b3b);--z-background: -1;--z-panel-frame: 2;--z-debug-panel: 3;--z-popup: 4;background-color:var(--dark-background);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#00f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}@media (min-width: 768px){:root{--spacing: 16px;--top-bar-height: 60px;--card-image-height: 206px;--skill-image-height: 60px;--unit-token-size: 70px}}@media (min-width: 1024px){:root{--card-image-height: 266px;--skill-image-height: 70px}}@media (min-width: 1600px){:root{--side-bar-width: 300px}}a{font-weight:500;color:#d3a640;text-decoration:inherit}a:hover{color:#c2962f}body{margin:0;padding:0}img{-webkit-user-select:none;user-select:none}