*{box-sizing:border-box}html,body{height:100%;margin:0}body{color:var(--kit-text);font:15px/1.5 var(--kit-mono);-webkit-font-smoothing:antialiased;background:#0a0b09}#root,.app{min-height:100%}.app{background:radial-gradient(at 50% 40%,#0b0d0a40,#0b0d0ad8 75%),linear-gradient(#0b0d0a99,#0b0d0a99),url(/kit/map-backdrop.webp) 50%/cover fixed;min-height:100vh;position:relative}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-amber{color:var(--kit-amber)}.app-error{color:#f08a78;margin:8px 0 0}.app-link{color:var(--kit-amber);font:inherit;cursor:pointer;background:0 0;border:0;padding:0 2px;text-decoration:underline}.app-link:hover{color:var(--kit-amber-hot)}.app-field{gap:4px;min-width:0;display:grid}.app-field__label{font:700 13px var(--kit-font);letter-spacing:.08em;text-transform:uppercase;color:var(--kit-muted)}.app-help{color:var(--kit-muted);margin:0;font-size:12px;display:block}.app-help.is-error{color:#f08a78}.app-inline{align-items:center;gap:6px;display:flex}.app-inline .app-input{flex:1;min-width:0}.app-input,.app-select{border:1px solid var(--kit-line);background:linear-gradient(#050604e6,#0a0b08e6),var(--kit-steel) center/200px;width:100%;min-height:36px;color:var(--kit-text);font:15px var(--kit-mono);caret-color:var(--kit-amber);border-radius:0;padding:5px 10px;box-shadow:inset 0 2px 5px #000c,0 1px #ffffff0d}.app-input:focus-visible,.app-select:focus-visible{outline:2px solid var(--kit-amber);outline-offset:1px;border-color:var(--kit-line-hi)}.app-input:disabled{color:var(--kit-muted)}.app-input[aria-invalid=true]{border-color:var(--kit-red)}.app-input--link{color:var(--kit-amber);margin:2px 0 10px;font-size:13px}.app-select{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:8px;display:inline-flex}.app-select:disabled{cursor:default;box-shadow:none;background:#0006;border-color:#2c2a20}.app-select:hover:not(:disabled){border-color:var(--kit-line-hi)}.app-select__chev{color:var(--kit-amber);font-size:12px}.app-select__menu{z-index:60;min-width:var(--radix-select-trigger-width);max-height:var(--radix-select-content-available-height);font:15px var(--kit-mono);padding:4px}.app-select__item{cursor:pointer;-webkit-user-select:none;user-select:none;outline:0;align-items:center;padding:6px 10px;display:flex}.app-select__item[data-highlighted]{color:#fff0c8;background:#c8a24a26}.app-select__item[data-state=checked]{color:var(--kit-amber)}.app-select__item[data-disabled]{opacity:.35;cursor:not-allowed}.app-select--color{min-width:110px}.app-check{cursor:pointer;align-items:center;gap:10px;display:flex}.app-check input{appearance:none;border:1px solid var(--kit-line);cursor:pointer;background:#050604;flex:none;place-items:center;width:20px;height:20px;margin:0;display:grid;box-shadow:inset 0 2px 4px #000c}.app-check input:checked:after{content:"";background:var(--kit-amber);width:10px;height:10px;box-shadow:0 0 6px #f0b44188}.app-check input:focus-visible{outline:2px solid var(--kit-amber);outline-offset:2px}.app-check input:disabled{cursor:default;opacity:.6}.app-check:has(input:disabled){cursor:default}.swatch{text-transform:capitalize;align-items:center;gap:8px;display:inline-flex}.swatch i{border:1px solid #000;width:14px;height:14px;box-shadow:inset 0 1px #fff5,inset 0 -2px 3px #0006}.app-conn{z-index:40;align-items:center;gap:8px;padding:5px 12px;font-size:13px;display:flex;position:fixed;top:14px;right:16px}.app-conn small{color:var(--kit-muted)}.app-conn .kit-dot{--c:var(--kit-muted);width:10px;height:10px}.app-conn.is-online .kit-dot{--c:var(--kit-ok)}.app-conn.is-connecting .kit-dot{--c:var(--kit-amber)}.app-conn.is-offline .kit-dot{--c:var(--kit-red)}.app-notices{z-index:70;pointer-events:none;gap:8px;display:grid;position:fixed;top:60px;right:16px}.app-overlay{z-index:50;background:#050604b0;position:fixed;inset:0}.app-dialog{z-index:51;width:min(520px,100vw - 32px);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.app-dialog:focus{outline:0}.landing{place-items:center;min-height:100vh;padding:24px 16px;display:grid}.landing__inner{justify-items:center;gap:22px;width:min(440px,100%);display:grid}.landing__title{font:700 clamp(44px,9vw,72px)/1 var(--kit-font);letter-spacing:.1em;text-transform:uppercase;color:var(--kit-text);text-shadow:0 3px 2px #000,0 0 30px #000;margin:0}.landing__title span{color:var(--kit-amber);text-shadow:0 0 18px #f0a03055,0 3px 2px #000}.landing__panel{width:100%}.landing__who{align-items:baseline;gap:10px;margin:0 0 6px;display:flex}.landing__who span{color:var(--kit-muted);font:700 13px var(--kit-font);letter-spacing:.08em;text-transform:uppercase}.landing__who b{font:700 24px var(--kit-font);letter-spacing:.05em;color:var(--kit-amber)}.landing__actions{justify-content:center}.landing__actions .kit-btn--primary{width:100%}.landing__wait{text-align:center;padding:0 16px 14px}.lobby{grid-template:"bar bar""players settings""chat settings"minmax(260px,1fr)/minmax(0,1.45fr) minmax(340px,1fr);gap:14px;max-width:1360px;min-height:100vh;margin:0 auto;padding:14px 16px 16px;display:grid}.lobby--loading{place-items:center;display:grid}.lobby__bar{flex-wrap:wrap;grid-area:bar;justify-content:space-between;align-items:center;gap:10px;padding-right:220px;display:flex}.lobby__bar-actions{gap:10px;display:flex}.lobby__panel{flex-direction:column;width:auto;min-width:0;display:flex}.lobby__players{grid-area:players}.lobby__settings{grid-area:settings}.lobby__chat{grid-area:chat;min-height:260px}.lobby__count{font:16px var(--kit-mono);color:var(--kit-amber)}.roster{padding:10px 12px 4px;display:grid}.roster__row{border-left:4px solid var(--c,#2c2a20);background:#0007;grid-template-columns:28px minmax(120px,1.4fr) minmax(130px,1fr) minmax(110px,.9fr) minmax(130px,.9fr) minmax(34px,auto);align-items:center;gap:10px;min-height:52px;margin-bottom:6px;padding:6px 10px;display:grid;box-shadow:inset 0 0 0 1px #2c2a20}.roster__head{min-height:0;box-shadow:none;font:700 12px var(--kit-font);letter-spacing:.08em;text-transform:uppercase;color:var(--kit-muted);background:0 0;border-left-color:#0000;padding:0 10px 2px}.roster__row.is-self{background:linear-gradient(90deg,#c8a24a1a,#0007 60%)}.roster__row.is-open{opacity:.8;border-left-style:dashed}.roster__num{font:700 20px var(--kit-font);color:var(--kit-muted)}.roster__name{align-items:center;gap:8px;min-width:0;display:flex}.roster__name b{font:700 18px var(--kit-font);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.roster__name .kit-dot{--c:var(--kit-ok);width:10px;height:10px}.roster__name .kit-dot.is-offline{--c:var(--kit-muted)}.roster__name .kit-label{padding:0 6px;font-size:11px}.roster__muted{color:var(--kit-muted);white-space:nowrap}.roster__status{color:var(--kit-muted);align-items:center;gap:6px;display:flex}.roster__status.is-ready{color:var(--kit-ok)}.roster__status .kit-icon{width:20px;height:20px}.startbar{border-top:1px solid #0008;flex-wrap:wrap;align-items:center;gap:12px;margin-top:auto;padding:10px 16px 16px;display:flex;box-shadow:inset 0 1px #ffffff0d}.startbar__why{min-width:180px;color:var(--kit-muted);flex:1;margin:0;font-size:12px}.startbar .kit-btn.is-ready{color:var(--kit-ok);--tint:#1d2a0f80}.settings{gap:14px;padding:12px 14px 16px;display:grid}.settings__grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-items:end;gap:12px 14px;display:grid}.settings__grid>.app-field:first-child{grid-column:1/-1}.map-preview{box-shadow:0 0 0 1px var(--kit-line),0 6px 16px #0009;background:#12140f;border:1px solid #000;margin:0}.map-preview svg{width:100%;height:auto;display:block}.map-preview__num{font:700 34px var(--kit-font)}.map-preview figcaption{color:var(--kit-muted);background:#0b0d0a;flex-wrap:wrap;justify-content:space-between;gap:6px 12px;padding:5px 10px;font-size:12px;display:flex}.map-preview__legend{text-transform:capitalize;gap:10px;display:flex}.map-preview__legend span{align-items:center;gap:5px;display:inline-flex}.map-preview__legend i{border:1px solid #000;width:10px;height:10px}.map-preview.is-error{aspect-ratio:1;text-align:center;color:#f08a78;place-items:center;padding:16px;display:grid}.chat{flex-direction:column;flex:1;min-height:0;padding:8px 12px 12px;display:flex}.chat__log{overscroll-behavior:contain;flex:1;width:auto;min-height:140px;max-height:42vh;padding:4px 4px 8px;overflow-y:auto}.lobby__chat .chat__log{height:0;min-height:160px;max-height:none}.chat__log p{overflow-wrap:anywhere}.chat__log time{color:#7d7966;font-size:12px}.chat__log .is-error{color:#f08a78}.chat__composer{margin-top:6px}.chat__composer .kit-btn{min-height:28px}.strat{background:#12150f;position:fixed;inset:0;overflow:hidden}.strat__map{touch-action:none;cursor:grab;outline:0;width:100%;height:100%;display:block;position:absolute;inset:0}.strat__map.is-dragging{cursor:grabbing}.strat__labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.strat-label{font:700 22px/1 var(--kit-font);color:#ece6cf;letter-spacing:.02em;text-shadow:0 1px 2px #000,0 0 8px #000a;white-space:nowrap;flex-direction:column;align-items:center;gap:3px;display:flex;position:absolute;top:0;left:0}.strat-label__name{align-items:baseline;gap:4px;display:flex}.strat-label__building{font:600 12px/1.2 var(--kit-font)}.strat-label small{font:10px var(--kit-mono);border:1px solid var(--owner,#ece6cf);color:var(--owner,#ece6cf);text-shadow:none;background:#121a14c0;padding:1px 4px}.strat-label.is-selected{color:var(--kit-amber)}.strat__error{color:#f08a78;padding:12px 16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.strat__top,.strat__bottom{pointer-events:none;justify-content:space-between;gap:12px;display:flex;position:absolute;left:16px;right:16px}.strat__top{flex-direction:column;align-items:flex-start;top:14px;right:auto}.strat__bottom{align-items:flex-end;bottom:16px}.strat__top>*,.strat__bottom>:not(.chat-overlay),.chat-overlay>:not(.chat-overlay__recent){pointer-events:auto}.strat__phase{gap:12px;padding-left:6px}.strat__phase .kit-btn{min-height:30px}.strat__players{gap:4px;min-width:220px;margin:0;padding:8px 10px;list-style:none;display:grid}.strat__players li{border-left:3px solid var(--c,#2c2a20);align-items:center;gap:8px;padding:3px 6px 3px 8px;display:flex}.strat__players li.is-self{background:linear-gradient(90deg,#c8a24a1a,#0000 70%)}.strat__players li.is-left{opacity:.5}.strat__players b{font:700 16px var(--kit-font);letter-spacing:.04em}.strat__players small{color:var(--kit-muted);margin-left:auto;padding-left:10px;font-size:12px}.strat__players li.is-done small{color:var(--kit-ok)}.strat__players li.is-turn{background:linear-gradient(90deg,#f0b44126,#0000 80%)}.strat__players li.is-turn small{color:var(--kit-amber)}.strat__players .kit-dot{--c:var(--kit-ok);width:9px;height:9px}.strat__players .kit-dot.is-offline{--c:var(--kit-muted)}.strat__players .kit-label{padding:0 5px;font-size:10px}.strat__tools{gap:4px;display:flex}.strat__tools .kit-btn{min-width:36px}.strat-turn{text-align:center;pointer-events:none;z-index:5;position:absolute;top:12px;left:50%;transform:translate(-50%)}.strat-turn h2{font:700 clamp(30px,4.2vw,52px)/1 var(--kit-font);letter-spacing:.12em;text-transform:uppercase;color:var(--c,var(--kit-text));text-shadow:0 3px 2px #000,0 0 22px #000,0 0 2px #000;margin:0}.strat-turn p{font:19.5px var(--kit-mono);color:#e4e0cc;text-shadow:0 1px 2px #000,0 0 6px #000;margin:4px 0 0}.strat__side{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.strat__info{color:var(--kit-muted);text-align:right;gap:2px;max-width:260px;padding:6px 10px;font-size:11px;display:grid}.hand{z-index:20;width:0;height:0;position:fixed;bottom:0;left:50%}.chip-slot{display:contents}.chip{--d:70px;width:var(--d);height:var(--d);pointer-events:none;background:radial-gradient(circle,#0000 61%,#0009 62%,#0000 66%), radial-gradient(circle,#0000 69%,var(--c) 70% 84%,#0000 85%), radial-gradient(circle at 38% 30%,#8c8f86,#5c5f57 55%,#3e403a);border-radius:50%;transition:transform .26s cubic-bezier(.2,.8,.25,1),opacity .2s,box-shadow .2s;position:absolute;top:0;left:0;box-shadow:0 0 0 2px #0b0d0a,0 4px #0b0d0a,0 7px 12px #000a,inset 0 2px 1px #ffffff40,inset 0 -3px 3px #0008}.chip__face{color:#f4efdc;background:radial-gradient(circle at 40% 35%,#2a2c24,#121410 70%);border-radius:50%;place-content:center;line-height:1;display:grid;position:absolute;inset:15px;box-shadow:inset 0 2px 4px #000c,0 0 0 1px #0009}.chip__face b{font:700 21px/1 var(--kit-font)}.chip__face small{font:9px/1 var(--kit-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--kit-muted);margin-top:2px}.chip.is-nuke .chip__face b{color:var(--kit-amber)}.chip.is-bluff .chip__face b{color:var(--kit-muted)}.chip.is-dropship .chip__face{background:radial-gradient(circle at 40% 35%,#2a3036,#11151a 70%)}.chip.is-hover{box-shadow:0 0 0 2px #0b0d0a,0 5px #0b0d0a,0 14px 22px #000c,0 0 14px #f0b44155,inset 0 2px 1px #ffffff40,inset 0 -3px 3px #0008}.chip.is-held{transition:opacity .2s,box-shadow .2s;box-shadow:0 0 0 2px #0b0d0a,0 6px #0b0d0a,0 22px 28px #000d,0 0 18px #f0b44188,inset 0 2px 1px #ffffff40,inset 0 -3px 3px #0008;z-index:100!important}.chip.is-parked{opacity:0}.chip-hit{--d:70px;width:var(--d);height:calc(var(--d) + 26px);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:35px;padding:0;position:absolute;top:0;left:0}.hand.is-dragging .chip-hit{cursor:grabbing}.chip-hit.is-parked{pointer-events:none}.chip-hit[data-blocked]{cursor:not-allowed}.chip-hit:focus-visible{outline:2px solid var(--kit-amber);outline-offset:3px}.strat-tokens{pointer-events:none;z-index:2;position:absolute;inset:0}.strat-mapchip{--w:52px;width:var(--w);height:calc(var(--w) / 2);transform-origin:0 0;background:0 0;border:0;border-radius:50%;padding:0;position:absolute;top:0;left:0;box-shadow:0 1px #3a3c36,0 2px #34362f,0 3px #2c2e28,0 4px #24261f,0 5px #0b0d0a,0 7px 6px #000b}.strat-mapchip:before{content:"";background:linear-gradient(160deg,#ffffff38,#0000 45%,#0000 55%,#0006),var(--c);border-radius:50%;position:absolute;inset:0;box-shadow:0 0 0 1px #0b0d0a}.strat-mapchip:after{content:"";background:radial-gradient(at 40% 35%,#8a8d84,#5c5f57 60%,#4a4c45);border-radius:50%;position:absolute;inset:16% 13%;box-shadow:0 -1px #0007,0 1px #ffffff30,inset 0 1px #ffffff40}.strat-mapchip>span{z-index:1;font:700 21px/1 var(--kit-font);color:#f4efdc;text-shadow:0 1px 1px #000,0 0 3px #000;place-items:center;display:grid;position:absolute;inset:0;transform:scaleY(.62)}.strat-mapchip.is-facedown:after{background:radial-gradient(ellipse,var(--c) 0 22%,#0b0d0a 24% 30%,#0000 32%),radial-gradient(ellipse at 40% 35%,#8a8d84,#5c5f57 60%,#4a4c45)}.strat-mapchip.is-clickable{pointer-events:auto;cursor:pointer}.strat-mapchip.is-clickable:hover:before{box-shadow:0 0 0 2px var(--kit-amber)}.strat__labels.is-dragging .strat-label{opacity:.35;transition:opacity .15s}.strat__labels.is-dragging .strat-label.is-target{opacity:1}.app-dialog--squad{flex-direction:column;width:min(920px,100vw - 32px);height:min(690px,100vh - 32px);display:flex}.app-dialog--squad .kit-dialog__body{flex:1;min-height:0;padding:12px 16px 4px;overflow:auto}.app-dialog--squad .kit-dialog__foot{flex:none;align-items:center}.squad__budget{grid-template-columns:auto 1fr auto 110px;align-items:center;gap:14px;margin-bottom:12px;display:grid}.squad__budget>span{color:var(--kit-muted);font-size:13px}.squad__budget b{font:700 22px var(--kit-font);color:var(--kit-amber);white-space:nowrap}.squad__budget small{text-align:right;color:var(--kit-muted)}.squad__budget small.is-over{color:#f08a78}.squad__meter{margin:0}.squad__error{color:#f08a78;flex:1;margin:0;font-size:12px}.squad__error.is-ok{color:var(--kit-muted)}.squad__grid{grid-template-rows:repeat(2,232px);grid-template-columns:repeat(3,minmax(250px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.squad-slot{background:#0007;border:1px solid #2c2a20;flex-direction:column;gap:7px;min-width:0;padding:9px 10px;display:flex;box-shadow:inset 0 1px #ffffff0a}.squad-slot__head{align-items:flex-start;gap:10px;height:72px;display:flex}.squad-portrait{box-shadow:0 0 0 1px var(--kit-line);border:1px solid #000;flex:none}.squad-slot__title{gap:2px;min-width:0;padding-top:4px;display:grid}.squad-slot__title b{font:700 17px/1.1 var(--kit-font);letter-spacing:.03em}.squad-slot__title small{color:var(--kit-muted);font-size:12px}.squad-slot__remove{margin-left:auto}.squad-slot__row{align-items:center;gap:8px;min-height:36px;display:flex}.squad-slot__row.is-locked{opacity:.55}.squad-slot__icon{background:#050604;border:1px solid #2c2a20;flex:none;place-items:center;width:44px;height:36px;display:grid}.squad-slot__icon--weapon{height:44px}.squad-slot__select{flex:1;min-width:0;min-height:32px;font-size:13px}.squad-slot__select>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.squad-slot__fixed{font-size:13px;display:grid}.squad-slot__fixed small{color:var(--kit-muted);font-size:11px}.squad-slot__consumables{gap:6px;display:grid}.squad-slot.is-empty,.squad-slot.is-add{background:#0004;border-style:dashed;justify-content:center;align-items:center}.squad-slot__empty{color:#6f6b58;text-align:center;font-size:12px}.squad-slot.is-add{gap:10px}.squad-slot__plus{border:1px dashed var(--kit-line);width:56px;height:56px;color:var(--kit-amber);font:700 32px var(--kit-font);place-items:center;display:grid}.squad-slot.is-add .squad-slot__select{flex:none;width:80%}.squad-slot__hint{color:var(--kit-muted);font-size:11px}.squad-opt{align-items:center;gap:8px;display:inline-flex}.squad-opt svg{flex:none}@media (width<=860px){.squad__grid{grid-template-rows:repeat(3,232px);grid-template-columns:repeat(2,minmax(220px,1fr))}}@media (width<=560px){.squad__grid{grid-template-rows:repeat(6,232px);grid-template-columns:minmax(0,1fr)}.squad__budget{grid-template-columns:1fr auto}.squad__meter{grid-area:2/1/auto/-1}}.strat__sector{width:min(280px,100vw - 32px);position:absolute;top:60px;right:16px}.strat__sector h4{justify-content:space-between;align-items:center;display:flex}.strat-callout{z-index:40;pointer-events:none;width:0;height:0;position:fixed;top:0;left:0}.strat-callout__dot{background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;top:-3px;left:-3px;box-shadow:0 0 0 1px #000a}.strat-callout__leader{width:1px;height:1px;position:absolute;top:0;left:0;overflow:visible}.strat-callout__leader polyline{fill:none;stroke:#ddd3b4cc;stroke-width:1.5px;stroke-linejoin:round}.kit-tooltip.strat-callout__box{width:min(250px,100vw - 16px);position:absolute;top:0;left:0}.kit-tooltip h4.strat-callout__action{text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:12px;font-size:24px;font-weight:700;display:flex}.strat-callout__icon{width:33px;height:33px}.strat-info{gap:2px;display:grid}.strat-info__building{font:700 18px/1.15 var(--kit-font);letter-spacing:.03em;color:var(--kit-text)}.strat-info__note{color:var(--kit-muted);font-size:16px;line-height:1.35}.strat-info__owner{margin:6px 0 0}.strat-info__owner b{font-weight:700}.strat__close{color:var(--kit-muted);cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:22px;line-height:1}.strat__close:hover{color:var(--kit-amber)}.strat-battles{z-index:6;width:min(300px,100vw - 32px);max-height:calc(100vh - 260px);padding:8px 10px 10px;position:absolute;top:60px;right:16px;overflow:auto}.strat-battles h4{font:700 15px var(--kit-font);letter-spacing:.06em;text-transform:uppercase;color:var(--kit-amber);margin:0 0 6px}.strat-battles ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.strat-battles li{background:#0007;border:1px solid #2c2a20;gap:4px;padding:6px 8px;display:grid}.strat-battles li.is-running{border-color:var(--kit-line-hi)}.strat-battles li.is-done{opacity:.65}.strat-battles__head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.strat-battles__head b{font:700 17px var(--kit-font)}.strat-battles__head small{color:var(--kit-muted);font-size:12px}.strat-battles__sides{font:700 13px var(--kit-font);flex-wrap:wrap;gap:4px 10px;display:flex}.strat-battles__choose{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.strat-battles__choose small{color:var(--kit-muted);flex-basis:100%;font-size:11px}.battle{z-index:45;background:#141417;position:fixed;inset:0}.battle__stage{position:absolute;inset:0;overflow:hidden}.battle__stage canvas{image-rendering:pixelated;position:absolute;top:0;left:0}.battle__stage canvas.smooth{image-rendering:auto}.battle__stage #overlay{pointer-events:none}.battle__bar{z-index:3;align-items:flex-start;gap:8px;display:flex;position:absolute;top:56px;right:16px}.battle__title{text-align:right;gap:2px;padding:6px 12px;display:grid}.battle__title b{font:700 20px var(--kit-font);letter-spacing:.04em}.battle__title span{font:700 13px var(--kit-font);flex-wrap:wrap;justify-content:flex-end;gap:4px 10px;display:flex}.battle__title i{font-style:normal}.battle__title small{color:var(--kit-muted);font-size:11px}.battle__notice{z-index:3;padding:12px 18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.battle__result{z-index:4;width:min(380px,100vw - 32px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.battle #hud{z-index:2;border:1px solid var(--kit-line);min-width:260px;max-width:min(420px,100vw - 24px);font:13px/1.5 var(--kit-mono);color:var(--kit-text);background:#0b0d0ae6;padding:10px 14px;position:absolute;top:12px;left:12px;box-shadow:0 6px 16px #0009}.battle #hud .turn{font:700 16px var(--kit-font);letter-spacing:.04em;color:var(--kit-amber);margin-bottom:4px}.battle #hud .unit{color:#c9c3ab;margin:4px 0}.battle #hud .buttons{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.battle #hud button,.battle #hud select{border:1px solid var(--kit-line);min-height:30px;color:var(--kit-text);font:700 13px var(--kit-font);letter-spacing:.04em;cursor:pointer;background:#1b1d18;padding:4px 10px}.battle #hud button:hover:not(:disabled){border-color:var(--kit-line-hi);color:#fff}.battle #hud button:disabled{opacity:.4;cursor:default}.battle #hud button.on{background:#6a3a2a;border-color:#a65}.battle #hud #surrender{color:#f08a78;margin-left:auto}.battle #msg{color:#f08a78;min-height:1em;margin-top:6px;font-size:12px}.battle #aimui{z-index:2;pointer-events:none;text-transform:uppercase;letter-spacing:.5px;width:0;height:0;font:600 13px system-ui,sans-serif;display:none;position:absolute}.battle #aimui>*{pointer-events:auto;position:absolute}.battle #aim-head{text-align:center;white-space:nowrap;pointer-events:none;top:-190px;left:0;transform:translate(-50%)}.battle #aim-name{color:#fff;text-shadow:0 1px 3px #000;text-transform:none;font-size:16px}.battle #aim-class{color:#ccc;text-shadow:0 1px 3px #000;text-transform:none;font-size:11px;font-weight:400}.battle #aim-status{color:#fff;background:#18181ce6;border-left:4px solid #d33;margin-top:3px;padding:2px 10px;display:inline-block}.battle #aim-modes,.battle #aim-levels{gap:8px;display:grid;top:-95px}.battle #aim-modes{justify-items:end;right:70px}.battle #aim-levels{justify-items:start;left:70px}.battle .aim-opt{color:#ddd;font:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:0;padding:0;display:flex}.battle .aim-opt .lbl{background:#24262ce6;border:1px solid #50535c;padding:5px 12px}.battle .aim-opt .ico{color:#ddd;letter-spacing:-2px;background:#2c2f36;border:2px solid #60646e;border-radius:50%;place-items:center;width:34px;height:34px;font-size:14px;display:grid}.battle .aim-opt .cost{white-space:nowrap;color:#aaa;text-transform:none;margin-left:6px;font-size:11px}.battle .aim-opt.on .lbl{color:#1a1a1a;background:#e0b040;border-color:#e0b040}.battle .aim-opt.on .ico{border-color:#e0b040}.battle .aim-opt.dim{opacity:.45}.battle .aim-opt:hover:not(.on) .lbl{background:#34363e}.battle #aim-bottom{white-space:nowrap;justify-items:center;gap:6px;display:grid;top:75px;left:0;transform:translate(-50%)}.battle #aim-ap{color:#bbb;background:#24262ce6;border:1px solid #50535c;padding:4px 16px;font-size:13px}.battle #aim-ap b{color:#f0c040;font-size:24px}.battle #aim-ap.short b{color:#f05040}.battle #aim-range{color:#ccc;align-items:center;gap:8px;font-size:11px;display:flex}.battle #aim-range .bar{background:#555;width:140px;height:4px;position:relative}.battle #aim-dist{background:#e0b040;border-radius:50%;width:10px;height:10px;margin-left:-5px;position:absolute;top:-5px}.battle #aim-fire{color:#fff;letter-spacing:2px;cursor:pointer;background:#a8321e;border:1px solid #e06040;padding:7px 34px;font:700 16px system-ui}.battle #aim-fire:hover:not(:disabled){background:#c43c24}.battle #aim-fire:disabled{opacity:.5}.battle #aim-clear{color:#f0a050;text-transform:none;min-height:1em;font-size:11px}@media (width<=720px){.battle__bar{top:auto;bottom:12px}}.strat__results{z-index:30;width:min(440px,100vw - 32px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chat-overlay{flex-direction:column;align-items:flex-start;gap:6px;width:min(420px,100vw - 32px);display:flex}.chat-overlay__recent{pointer-events:none;flex-direction:column;justify-content:flex-end;display:flex}.chat-overlay__line{animation:10s linear forwards chat-fade}@keyframes chat-fade{0%,75%{opacity:1}to{opacity:0}}.chat-overlay__panel{width:100%;padding:8px 10px 10px}.chat-overlay__panel .chat__log{width:100%;height:min(260px,40vh);max-height:none}.chat-overlay__toggle{position:relative}.chat-overlay__badge{background:var(--kit-amber);min-width:18px;height:18px;color:var(--kit-ink);font:700 12px var(--kit-mono);place-items:center;margin-left:8px;padding:0 4px;display:inline-grid}@media (width<=720px){.strat__bottom{flex-direction:column;align-items:stretch}.chip,.chip-hit{--d:56px}.strat__info{display:none}.strat__tools{justify-content:flex-end}.strat__players{min-width:0}.strat__sector{top:auto;bottom:150px}}@media (width<=980px){.lobby{grid-template:"bar""players""chat""settings"/minmax(0,1fr)}.lobby__bar{padding-top:44px;padding-right:0}.lobby__chat .chat__log{height:auto;max-height:40vh}}@media (width<=720px){.roster__head{display:none}.roster__row{grid-template-columns:24px minmax(0,1fr) auto;grid-template-areas:"n name x""n fac fac""n col col""n st st";row-gap:6px}.roster__row>:first-child{grid-area:n;align-self:start}.roster__row>:nth-child(2){grid-area:name}.roster__row>:nth-child(3){grid-area:fac}.roster__row>:nth-child(4){grid-area:col}.roster__row>:nth-child(5){grid-area:st}.roster__row>:nth-child(6){grid-area:x}.roster__row.is-open>:nth-child(3),.roster__row.is-open>:nth-child(4){display:none}.lobby__bar-actions{width:100%}.lobby__bar-actions .kit-btn{flex:1}}