*{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:13px 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{--d:70px;width:var(--d);height:var(--d);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#0000 52%,#0007 53%,#0000 56%), repeating-conic-gradient(from 11.25deg,var(--c) 0 22.5deg,#efe7cf 22.5deg 33.75deg,var(--c) 33.75deg 45deg);border:0;border-radius:50%;padding:0;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 0 0 3px #0006}.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:13px;box-shadow:inset 0 2px 4px #000c,0 0 0 2px #0008,0 0 0 3px #fff2}.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}.chip.is-held{cursor:grabbing;transition:opacity .2s,box-shadow .2s;box-shadow:0 0 0 2px #0b0d0a,0 6px #0b0d0a,0 22px 28px #000d,0 0 18px #f0b44188;z-index:100!important}.chip.is-parked{opacity:0;pointer-events:none}.chip[data-blocked]{cursor:not-allowed}.chip:focus-visible{outline:2px solid var(--kit-amber);outline-offset:3px}.strat-tokens{pointer-events:none;position:absolute;inset:0}.strat-mapchip{width:34px;height:34px;font:700 13px var(--kit-font);color:#f4efdc;text-shadow:0 1px 1px #000;background:radial-gradient(circle,#15171299 40%,#0000 41%),repeating-conic-gradient(from 11.25deg,var(--c) 0 22.5deg,#efe7cf 22.5deg 33.75deg,var(--c) 33.75deg 45deg);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:0;left:0;box-shadow:0 0 0 2px #0b0d0a,0 3px #0b0d0a,0 5px 8px #000a}.strat-mapchip.is-facedown{background:radial-gradient(circle,var(--c) 30%,#0b0d0a 31%,#0b0d0a 37%,#0000 38%),repeating-conic-gradient(from 11.25deg,var(--c) 0 22.5deg,#3a3a32 22.5deg 45deg)}.strat-mapchip.is-clickable{pointer-events:auto;cursor:pointer}.strat-mapchip.is-clickable:hover{box-shadow:0 0 0 2px var(--kit-amber),0 3px 0 #0b0d0a,0 5px 10px #000a}.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__sector dl>div{display:contents}.strat__sector dd{text-transform:capitalize}.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__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{--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}}