*{box-sizing:border-box}html,body,#root{margin:0;height:100%;width:100%}body{overflow:hidden;font-family:VT323,Courier New,monospace;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;letter-spacing:.02em}.game-container{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100vw;overflow:hidden}.top-bar{flex:0 0 auto;background-color:#2b2b2b;color:#fff;display:flex;align-items:center;gap:12px;padding:8px 12px 8px 52px;z-index:10}.burger-menu{position:fixed;top:8px;left:12px;font-size:24px;line-height:1;cursor:pointer;z-index:20;-webkit-user-select:none;user-select:none}.turn-counter,.turn-timer{flex:0 0 auto;font-size:22px;letter-spacing:.04em;padding:4px 12px;border:2px solid #000;box-shadow:0 0 0 2px #4a4a4a;background:#ffffff1a;white-space:nowrap;-webkit-user-select:none;user-select:none}.turn-timer--low{color:#ff6b6b;border-color:#7a2b2b;animation:timer-blink .6s steps(2,start) infinite}@keyframes timer-blink{50%{opacity:.45}}.game-over{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#080a0ec7}.game-over__panel{display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 40px;background:#1c1c1c;color:#fff;border:3px solid #000;box-shadow:0 0 0 3px #4a4a4a;text-align:center}.game-over__label{font-size:18px;text-transform:uppercase;letter-spacing:.14em;color:#a9a9a9}.game-over__avatar{width:56px;height:56px;border-radius:50%;border:3px solid rgba(255,255,255,.7)}.game-over__winner{margin:0;font-size:40px;letter-spacing:.04em;color:#ffd766}.game-over__reason{font-size:20px;color:#bdbdbd}.game-over__actions{display:flex;gap:16px;margin-top:8px}.game-over__btn{font-family:VT323,Courier New,monospace;font-size:22px;color:#fff;background:#2c313a;border:3px solid #000;box-shadow:3px 3px #000;padding:8px 20px;cursor:pointer}.game-over__btn:hover{background:#363c46}.game-over__btn:active{transform:translate(3px,3px);box-shadow:0 0 #000}.game-over__btn--primary{background:#234a34}.game-over__btn--primary:hover{background:#2b5b40}.players-info{display:flex;flex:1;align-items:center;justify-content:center;gap:clamp(12px,5vw,48px);min-width:0}.player-profile{display:flex;flex-direction:column;align-items:center;gap:6px;background:transparent;border:2px solid transparent;border-radius:8px;padding:4px 8px;color:inherit;cursor:pointer;opacity:.55;transition:opacity .15s ease,border-color .15s ease,background .15s ease}.player-profile:hover{opacity:.85}.player-profile--active{opacity:1;border-color:currentColor;background:#ffffff14}.player-avatar{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.6)}.player-stats{display:flex;flex-direction:row;gap:12px;font-size:19px}.coin-icon{width:14px;height:14px;vertical-align:-2px;image-rendering:pixelated}.stat{display:flex;align-items:center;gap:4px;white-space:nowrap}.stat__coin{width:16px;height:16px;display:block;image-rendering:pixelated}.end-turn-button{flex:0 0 auto;background-color:#f04e4e;color:#fff;border:3px solid #000;box-shadow:0 0 0 2px #7a2b2b;padding:6px 18px;cursor:pointer;font-size:24px;line-height:1}.end-turn-button:hover{background-color:#c03e3e}.side-menu{position:fixed;top:0;left:0;height:100%;width:250px;max-width:85vw;background-color:#3a3a3a;color:#fff;display:flex;flex-direction:column;gap:20px;padding:64px 16px 16px;z-index:15;overflow-y:auto;transform:translate(-100%);transition:transform .25s ease-in-out}.side-menu.open{transform:translate(0)}.side-menu button{background-color:#555;border:2px solid #000;padding:8px 10px;color:#fff;cursor:pointer;text-align:left;font-size:18px}.side-menu button:hover{background-color:#666}.menu-section{display:flex;flex-direction:column;gap:8px}.menu-section__title{font-size:16px;text-transform:uppercase;letter-spacing:.1em;color:#a9a9a9}.map-option{display:flex;flex-direction:column;gap:2px}.map-option__name{font-size:19px}.map-option__desc{font-size:15px;color:#bdbdbd}.map-option--active{background-color:#2f6f4f!important;outline:1px solid #4caf7d}.game-content{flex:1 1 auto;position:relative;min-height:0;background:radial-gradient(circle at 50% 40%,#dfe9f3,#b9c8dc)}.shop{position:absolute;left:50%;bottom:12px;transform:translate(-50%);display:flex;gap:8px;padding:8px;max-width:calc(100% - 24px);overflow-x:auto;background:#1c1c1c;border:3px solid #000;box-shadow:0 0 0 3px #4a4a4a;z-index:12}.shop-item{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:4px;width:78px;padding:6px;border:2px solid transparent;background:#ffffff0f;color:#fff;cursor:pointer;transition:background .12s ease,transform .12s ease}.shop-item:hover{background:#ffffff24}.shop-item:active{transform:scale(.96)}.shop-item__icon{width:42px;height:42px;object-fit:contain;image-rendering:pixelated}.shop-item__name{font-size:15px;text-align:center;line-height:1}.shop-item__cost{display:flex;align-items:center;gap:2px;font-size:16px;color:#ffd766}.shop-item--active{background:#ffffff2e}.shop-item--disabled{opacity:.4;cursor:not-allowed}.shop-item--disabled:hover{background:#ffffff0f}.shop-item--disabled:active{transform:none}.soldier-panel{position:absolute;left:50%;bottom:12px;transform:translate(-50%);display:flex;align-items:center;gap:16px;padding:12px 18px;max-width:calc(100% - 24px);color:#fff;background:#1c1c1c;border:3px solid #000;box-shadow:0 0 0 3px #4a4a4a;z-index:12}.soldier-panel__portrait{position:relative;flex:0 0 auto;width:64px;height:64px;display:flex;align-items:center;justify-content:center;padding:0;border:3px solid rgba(255,255,255,.6);background:#2a2a2a;image-rendering:pixelated;cursor:pointer;transition:background .12s ease}.soldier-panel__portrait:hover{background:#343434}.soldier-panel__portrait--active{background:#3a3a3a}.soldier-panel__portrait img{width:52px;height:52px;object-fit:contain;image-rendering:pixelated}.soldier-panel__level{position:absolute;bottom:-2px;right:-2px;padding:1px 4px;font-size:11px;line-height:1;white-space:nowrap;color:#fff;background:#000;border:1px solid #4a4a4a}.soldier-panel__portrait .soldier-panel__notif{position:absolute;top:-6px;left:-6px;width:22px;height:22px;image-rendering:pixelated;filter:drop-shadow(0 0 2px #000)}.soldier-panel__stats{display:flex;flex-direction:column;gap:10px;min-width:190px}.soldier-panel__specs{display:flex;flex-direction:column;gap:4px;font-size:18px;min-width:160px}.bonus-panel{position:absolute;left:0;right:0;bottom:calc(100% + 10px);box-sizing:border-box;min-height:clamp(150px,30vh,240px);max-height:min(55vh,460px);padding:clamp(8px,2vw,12px) clamp(10px,3vw,18px);background:#1c1c1c;border:3px solid #000;box-shadow:0 0 0 3px #4a4a4a;display:flex;flex-direction:column;overflow:hidden;z-index:13}.bonus-panel__nav{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:clamp(6px,1.5vw,10px);padding-top:clamp(6px,1.5vw,10px);border-top:2px solid #000}.bonus-panel__nav-label{flex:1;text-align:center;font-size:14px;color:#d0d0d0;text-transform:uppercase;letter-spacing:.05em}.bonus-panel__nav-btn{flex:0 0 auto;width:28px;height:28px;display:flex;align-items:center;justify-content:center;padding:0;color:#fff;background:#2a2a2a;border:2px solid #000;box-shadow:inset 0 0 0 1px #4a4a4a;cursor:pointer}.bonus-panel__nav-btn:hover:not(:disabled){background:#3a3a3a}.bonus-panel__nav-btn:disabled{opacity:.35;cursor:default}.bonus-list{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:clamp(6px,1.5vw,10px)}.bonus-card{display:flex;gap:clamp(8px,2vw,10px);width:100%;box-sizing:border-box;padding:clamp(6px,1.5vw,8px);background:#ffffff0f;border:2px solid #000;box-shadow:inset 0 0 0 1px #4a4a4a}.bonus-card__portrait{position:relative;flex:0 0 auto;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border:3px solid rgba(255,255,255,.6);background:#2a2a2a;image-rendering:pixelated}.bonus-card__portrait img{width:42px;height:42px;object-fit:contain;image-rendering:pixelated}.bonus-card__placeholder{font-size:26px;font-weight:700;color:#6a6a6a;line-height:1}.bonus-card__level{position:absolute;bottom:-2px;right:-2px;padding:1px 3px;font-size:11px;line-height:1;color:#fff;background:#000;border:1px solid #4a4a4a}.bonus-card__body{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.bonus-card__header{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}.bonus-card__name{font-size:16px;color:#fff}.bonus-card__cost{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.bonus-card__price{font-size:15px;color:#ffd766;white-space:nowrap}.bonus-card__price--free{color:#5bd35b}.bonus-card__upkeep{font-size:12px;color:#ff6b6b;white-space:nowrap}.bonus-card__challenge{margin:0;font-size:13px;color:#a9a9a9;line-height:1.2;display:flex;align-items:flex-start;gap:5px}.bonus-card__challenge--done .bonus-card__line-text{text-decoration:line-through}.bonus-card__effect{margin:0;font-size:13px;color:#8fd0ff;line-height:1.2;display:flex;align-items:flex-start;gap:5px}.bonus-card__line-icon{flex:0 0 auto;width:15px;height:15px;margin-top:1px;image-rendering:pixelated}.bonus-card__portrait .bonus-card__lock,.bonus-card__portrait .bonus-card__notif{position:absolute;image-rendering:pixelated;filter:drop-shadow(0 0 2px #000)}.bonus-card__portrait .bonus-card__lock{top:50%;left:50%;transform:translate(-50%,-50%);width:26px;height:26px}.bonus-card__portrait .bonus-card__notif{top:-6px;left:-6px;width:20px;height:20px}.bonus-card--unlocked{border-color:#5bd35b;animation:bonus-card-pulse 1.1s ease-in-out infinite}.bonus-card--unlocked .bonus-card__challenge{color:#5bd35b}.bonus-card--equipped{border-color:#ffd766;box-shadow:inset 0 0 0 1px #ffd766;animation:none}.bonus-card--blocked{opacity:.5;animation:none}.bonus-card--preview{opacity:.6;filter:grayscale(.65);animation:none}.bonus-card__buy{align-self:flex-start;margin-top:4px;padding:3px 8px;font-size:13px;color:#1c1c1c;background:#5bd35b;border:2px solid #000;cursor:pointer}.bonus-card__buy:hover:not(:disabled){background:#6fe06f}.bonus-card__buy:disabled{background:#4a4a4a;color:#9a9a9a;cursor:not-allowed}.bonus-card__equipped{align-self:flex-start;margin-top:4px;font-size:13px;color:#ffd766;letter-spacing:.04em}@keyframes bonus-card-pulse{0%,to{box-shadow:inset 0 0 0 1px #5bd35b,0 0 3px #5bd35b66}50%{box-shadow:inset 0 0 0 1px #5bd35b,0 0 12px #5bd35bd9}}.soldier-stat{display:flex;align-items:center;gap:8px}.soldier-stat__icon{font-size:16px;line-height:1}.soldier-stat__img{width:18px;height:18px;display:block;image-rendering:pixelated}.soldier-stat__track{flex:1;height:14px;background:#111;border:2px solid #000;box-shadow:inset 0 0 0 1px #3a3a3a;overflow:hidden;image-rendering:pixelated}.soldier-stat__fill{height:100%;background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.28) 0,rgba(0,0,0,.28) 2px,transparent 2px,transparent 7px);background-color:#5bd35b;transition:width .15s steps(8)}.soldier-stat--hp .soldier-stat__fill{background-color:#5bd35b}.soldier-stat--atk .soldier-stat__fill{background-color:#ff8a3d}.soldier-stat__value{min-width:62px;text-align:right;font-size:18px;letter-spacing:.04em}.soldier-spec{display:flex;justify-content:space-between;gap:12px}.soldier-spec__label{color:#a9a9a9}.soldier-spec__value{color:#ffd766}.soldier-spec__affinity{display:block;width:20px;height:20px;image-rendering:pixelated}.soldier-spec__value--cost{color:#ff6b6b}.soldier-spec__value--gain{color:#ffd766}.merge-preview{position:absolute;left:50%;top:16px;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:12px 16px;max-width:calc(100% - 24px);color:#fff;background:#1c1c1c;border:3px solid #000;box-shadow:0 0 0 3px #4a4a4a;z-index:14;pointer-events:none}.merge-preview__op{font-size:28px;line-height:1;color:#ffd766}.merge-card{display:flex;flex-direction:column;align-items:center;gap:6px}.merge-card__label{font-size:14px;color:#a9a9a9;text-transform:uppercase;letter-spacing:.06em}.merge-card__portrait{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:3px solid rgba(255,255,255,.6);background:#2a2a2a;image-rendering:pixelated}.merge-card__portrait img{width:38px;height:38px;object-fit:contain;image-rendering:pixelated}.merge-card__stats{display:flex;flex-direction:column;gap:6px;min-width:150px}.merge-card__hp{position:relative}.merge-card__dmg{position:absolute;right:0;top:-14px;font-size:14px;color:#ff6b6b;letter-spacing:.04em}.merge-card__level{position:absolute;bottom:-2px;right:-2px;padding:1px 4px;font-size:10px;line-height:1;white-space:nowrap;color:#fff;background:#000;border:1px solid #4a4a4a}.merge-card__skull{position:absolute;top:-10px;left:50%;transform:translate(-50%);font-size:20px;line-height:1}.merge-card--dead{opacity:.55;filter:grayscale(.7)}.merge-preview--combat .merge-preview__op{color:#ff6b6b}@media (max-width: 600px){.turn-counter{font-size:12px;padding:4px 8px}.players-info{gap:10px}.player-avatar{width:28px;height:28px}.player-stats{flex-direction:column;font-size:12px;gap:2px}.end-turn-button{padding:8px 12px;font-size:16px}.soldier-panel{flex-wrap:wrap;gap:10px 12px;padding:8px 12px}.soldier-panel__stats,.soldier-panel__specs{min-width:130px}.bonus-card__portrait{width:44px;height:44px}.bonus-card__portrait img{width:34px;height:34px}.bonus-card__name{font-size:14px}.bonus-card__price{font-size:13px}.bonus-card__challenge,.bonus-card__effect{font-size:12px}}.home-screen,.setup-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;font-family:VT323,Courier New,monospace;color:#f2f2f2;background-color:#14171c;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:24px 24px;letter-spacing:.02em;overflow:hidden}.menu-btn{font-family:VT323,Courier New,monospace;font-size:22px;color:#f2f2f2;background:#23262d;border:3px solid #000;box-shadow:4px 4px #000;padding:8px 18px;cursor:pointer;letter-spacing:.04em;transition:transform .06s ease,box-shadow .06s ease,background .12s ease}.menu-btn:hover{background:#2c313a}.menu-btn:active{transform:translate(4px,4px);box-shadow:0 0 #000}.menu-btn--ghost{font-size:20px;background:transparent;box-shadow:none;border-color:#4a4a4a;padding:6px 14px}.menu-btn--ghost:hover{background:#ffffff14}.menu-btn--ghost:active{transform:none}.menu-btn--play{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:240px;padding:20px 24px}.menu-btn--offline{background:#234a34}.menu-btn--offline:hover{background:#2b5b40}.menu-btn--online{background:#223b57}.menu-btn--online:hover{background:#294869}.menu-btn .menu-btn__label{font-size:34px;line-height:1}.menu-btn .menu-btn__sub{font-size:16px;color:#a9a9a9;letter-spacing:.06em}.menu-btn:disabled{opacity:.5;cursor:not-allowed}.menu-btn:disabled:active{transform:none;box-shadow:4px 4px #000}.home-topbar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 20px}.home-topbar__brand{font-size:26px;letter-spacing:.16em;color:#a9a9a9}.home-hero{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:20px}.home-hero__title{margin:0;font-size:clamp(56px,12vw,120px);line-height:.9;letter-spacing:.08em;color:#ffd766;text-shadow:4px 4px 0 #000,8px 8px 0 rgba(0,0,0,.35)}.home-hero__tagline{margin:0 0 40px;font-size:24px;color:#a9a9a9}.home-hero__actions{display:flex;gap:28px;flex-wrap:wrap;justify-content:center}.setup-topbar{flex:0 0 auto;display:flex;align-items:center;gap:16px;padding:12px 20px;background:#1c1c1c;border-bottom:3px solid #000;box-shadow:0 3px #4a4a4a;z-index:5}.setup-topbar__title{flex:1;margin:0;text-align:center;font-size:30px;letter-spacing:.08em;color:#f2f2f2}.setup-topbar__spacer{width:96px}.setup-body{flex:1 1 auto;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:24px;max-width:980px;width:100%;margin:0 auto}.setup-section{display:flex;flex-direction:column;gap:12px}.setup-section__title{display:flex;align-items:center;gap:10px;margin:0;font-size:22px;text-transform:uppercase;letter-spacing:.12em;color:#a9a9a9;border-bottom:2px solid #4a4a4a;padding-bottom:6px}.setup-section__count{font-size:18px;color:#ffd766;letter-spacing:.04em}.map-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.map-card{display:flex;flex-direction:column;gap:4px;text-align:left;padding:12px 14px;color:#f2f2f2;background:#1c1c1c;font-family:VT323,Courier New,monospace;border:3px solid #000;box-shadow:0 0 0 3px #4a4a4a;cursor:pointer;transition:background .12s ease,transform .06s ease}.map-card:hover{background:#262a31}.map-card:active{transform:translateY(1px)}.map-card__name{font-size:24px;color:#f2f2f2}.map-card__desc{font-size:16px;color:#a9a9a9}.map-card__cap{font-size:15px;color:#3f7fd8;letter-spacing:.04em}.map-card--active{background:#2f6f4f;box-shadow:0 0 0 3px #5bd35b}.map-card--active .map-card__cap{color:#cfefd8}.player-list{display:flex;flex-direction:column;gap:10px}.player-row{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#1c1c1c;border:3px solid #000;box-shadow:0 0 0 3px #4a4a4a;flex-wrap:wrap}.player-row__num{flex:0 0 auto;width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#000;background:#ffd766;border:2px solid #000}.player-row__name{flex:1 1 160px;min-width:120px;font-family:VT323,Courier New,monospace;font-size:20px;color:#f2f2f2;background:#000;border:2px solid #4a4a4a;padding:5px 10px}.player-row__name:focus{outline:none;border-color:#ffd766}.player-row__name::placeholder{color:#6a6a6a}.player-row__remove{flex:0 0 auto;margin-left:auto;width:30px;height:30px;font-family:VT323,Courier New,monospace;font-size:24px;line-height:1;color:#f2f2f2;background:#3a2020;border:2px solid #000;box-shadow:inset 0 0 0 1px #4a4a4a;cursor:pointer}.player-row__remove:hover:not(:disabled){background:#f04e4e}.player-row__remove:disabled{opacity:.35;cursor:not-allowed}.add-player-btn{align-self:flex-start;font-family:VT323,Courier New,monospace;font-size:20px;color:#5bd35b;background:transparent;border:2px dashed #4a4a4a;padding:8px 16px;cursor:pointer;transition:background .12s ease,color .12s ease}.add-player-btn:hover:not(:disabled){background:#5bd35b1a}.add-player-btn:disabled{color:#a9a9a9;cursor:not-allowed;border-style:solid}.segmented{display:inline-flex;border:2px solid #000;box-shadow:inset 0 0 0 1px #4a4a4a;background:#000}.segmented__opt{font-family:VT323,Courier New,monospace;font-size:18px;color:#a9a9a9;background:#23262d;border:none;padding:5px 14px;cursor:pointer;border-right:2px solid #000;transition:background .1s ease,color .1s ease}.segmented__opt:last-child{border-right:none}.segmented__opt:hover{color:#f2f2f2}.segmented__opt--active{color:#000;background:#ffd766}.segmented--sm .segmented__opt{font-size:16px;padding:4px 10px}.color-picker{position:relative;flex:0 0 auto}.color-picker__swatch{width:34px;height:34px;border:3px solid #000;box-shadow:inset 0 0 0 1px #fff6;cursor:pointer;padding:0}.color-picker__scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30}.color-picker__menu{position:absolute;top:calc(100% + 6px);left:0;z-index:31;display:grid;grid-template-columns:repeat(4,28px);gap:6px;padding:8px;background:#1c1c1c;border:3px solid #000;box-shadow:0 0 0 3px #4a4a4a}.color-picker__chip{width:28px;height:28px;border:2px solid #000;cursor:pointer;padding:0}.color-picker__chip--active{box-shadow:0 0 0 2px #ffd766}.color-picker__chip--taken{opacity:.3;cursor:not-allowed;position:relative}.setting-group{margin-bottom:10px}.setting-group__title{margin:0 0 6px;font-size:16px;text-transform:uppercase;color:#3f7fd8;letter-spacing:.08em}.setting-group__list{display:flex;flex-direction:column;gap:4px}.setting.setting--group{display:block;padding:0}.setting__grouphead{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:6px 10px;font-family:VT323,Courier New,monospace;text-align:left;color:#f2f2f2;background:transparent;border:none;cursor:pointer}.setting__grouphead:hover{background:#ffffff0a}.setting__chevron{flex:0 0 auto;font-size:13px;color:#a9a9a9}.setting__grouplist{display:grid;grid-template-columns:1fr 1fr;column-gap:0;row-gap:4px;padding:8px 10px 10px;border-top:2px solid #4a4a4a;background:#00000047}.setting__grouprow{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 0}.setting__grouprow:nth-child(odd){border-right:2px solid #4a4a4a;padding-right:16px}.setting__grouprow:nth-child(2n){padding-left:16px}.setting__grouplabel{font-size:16px;color:#d0d0d0;min-width:0}.setting{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 10px;background:#1c1c1c;border:2px solid #000;box-shadow:inset 0 0 0 1px #4a4a4a}.setting__text{display:flex;flex-direction:column;gap:1px;min-width:0}.setting__label{font-size:17px;color:#f2f2f2}.setting__help{font-size:13px;color:#a9a9a9;line-height:1.12}.setting__control{flex:0 0 auto}.setting__select{font-family:VT323,Courier New,monospace;font-size:18px;color:#f2f2f2;background:#000;border:2px solid #4a4a4a;padding:5px 8px;cursor:pointer}.setting__select:focus{outline:none;border-color:#ffd766}.setting__number{display:inline-flex;align-items:center;gap:4px}.setting__step{width:28px;height:28px;font-family:VT323,Courier New,monospace;font-size:20px;line-height:1;color:#f2f2f2;background:#23262d;border:2px solid #000;cursor:pointer}.setting__step:hover:not(:disabled){background:#2c313a}.setting__step:disabled{opacity:.35;cursor:not-allowed}.setting__input{width:58px;font-family:VT323,Courier New,monospace;font-size:19px;text-align:center;color:#ffd766;background:#000;border:2px solid #4a4a4a;padding:4px 2px;-moz-appearance:textfield}.setting__input:focus{outline:none;border-color:#ffd766}.setting__input::-webkit-outer-spin-button,.setting__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.setting__unit{font-size:16px;color:#a9a9a9;min-width:20px}.setup-launchbar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;background:#1c1c1c;border-top:3px solid #000;box-shadow:0 -3px #4a4a4a}.setup-launchbar__summary{font-size:20px;color:#a9a9a9}.menu-btn--launch{flex-direction:row;min-width:0;padding:12px 28px;font-size:26px;background:#234a34}.menu-btn--launch:hover{background:#2b5b40}@media (max-width: 600px){.home-hero__actions{flex-direction:column;width:100%;max-width:320px}.menu-btn--play{width:100%}.setup-topbar__title{font-size:22px}.setup-topbar__spacer{display:none}.setting__grouplist{grid-template-columns:1fr}.setting__grouprow:nth-child(odd){border-right:none;padding-right:0}.setting__grouprow:nth-child(2n){padding-left:0}.player-row{gap:8px}}.hex-board{position:relative;width:100%;height:100%;overflow:hidden}.hex-board__svg{width:100%;height:100%;display:block;touch-action:none;-webkit-tap-highlight-color:transparent;cursor:grab}.hex-board__svg:active{cursor:grabbing}.hex-board__controls{position:absolute;right:12px;bottom:104px;display:flex;flex-direction:column;gap:8px}.hex-board__controls button{width:40px;height:40px;border:none;border-radius:8px;background:#1e1e1ebf;color:#fff;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hex-board__controls button:hover{background:#1e1e1ee6}.hex-board__controls button:active{transform:scale(.94)}.hex__tile{stroke:#0000004d;stroke-width:1.5;transition:filter .1s ease}.hex:not(.hex--blocked):hover .hex__tile{filter:brightness(1.12)}.hex__placeable{fill:#fff;fill-opacity:.18;stroke:#fff;stroke-width:3;stroke-linejoin:round;pointer-events:none;animation:hex-pulse 1s ease-in-out infinite}.hex__reachable,.hex__conquerable{fill:#fff;fill-opacity:.14;stroke:#fff;stroke-width:3;stroke-linejoin:round;pointer-events:none;animation:hex-pulse 1s ease-in-out infinite}.hex__conquer-plus{stroke:#fff;stroke-linecap:round;pointer-events:none;animation:hex-pulse 1s ease-in-out infinite}.hex__mergeable{fill:#33e0e0;fill-opacity:.28;stroke:#33e0e0;stroke-width:3.5;stroke-linejoin:round;pointer-events:none;animation:hex-pulse .9s ease-in-out infinite}.hex__attackable{fill:#ff4d4d;fill-opacity:.3;stroke:#ff4d4d;stroke-width:3.5;stroke-linejoin:round;pointer-events:none;animation:hex-pulse .8s ease-in-out infinite}.hex__choppable{fill:#fff;fill-opacity:.14;stroke:#fff;stroke-width:3;stroke-linejoin:round;pointer-events:none;animation:hex-pulse 1s ease-in-out infinite}.hex__actionable{fill:#7cf76a;fill-opacity:.16;stroke:#7cf76a;stroke-width:3;stroke-linejoin:round;pointer-events:none;animation:hex-pulse 1.2s ease-in-out infinite}.hex__selected{fill:none;stroke:#fff;stroke-width:4;stroke-linejoin:round;stroke-dasharray:7 4;pointer-events:none}.hp-bar__frame{fill:#111;stroke:#000;stroke-width:1;shape-rendering:crispEdges}.hp-bar__fill{fill:#5bd35b;shape-rendering:crispEdges}@keyframes hex-pulse{0%,to{stroke-opacity:.45}50%{stroke-opacity:1}}