*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior:none;background:#05080c;width:100%;height:100%;margin:0;position:fixed;inset:0;overflow:hidden}#root{width:100%;height:var(--app-height,100dvh);max-height:var(--app-height,100dvh);background:#05080c;margin:0;position:fixed;inset:0;overflow:hidden}.sound-toggle{top:calc(.65rem + env(safe-area-inset-top,0px));right:calc(.75rem + env(safe-area-inset-right,0px));z-index:5;pointer-events:auto;font:inherit;letter-spacing:.08em;text-transform:uppercase;color:#9ef09e;cursor:pointer;opacity:.85;background:#001208e0;border:1px solid #39ff1447;border-radius:4px;padding:.35rem .55rem;font-size:.65rem;position:absolute}.sound-toggle:hover{opacity:1;border-color:#39ff148c}.app{width:100%;max-width:100vw;height:var(--app-height,100dvh);max-height:var(--app-height,100dvh);touch-action:none;-webkit-user-select:none;user-select:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box;background:#000804;font-family:Consolas,JetBrains Mono,ui-monospace,monospace;position:fixed;inset:0;overflow:hidden}.matrix-rain{z-index:0;pointer-events:none;background:#000804;width:100%;height:100%;position:absolute;inset:0}.scene-layer{z-index:1;width:100%;height:100%;min-height:0;max-height:100%;position:absolute;inset:0;overflow:hidden}.scene-layer--game:after{content:"";pointer-events:none;z-index:3;background:radial-gradient(90% 80%,#0000 0% 42%,#00060359 72%,#000201bf 100%);position:absolute;inset:0}.scene-layer canvas{display:block;width:100%!important;height:100%!important}.radar-outcome{z-index:4;pointer-events:none;color:#b8ffb8;background:radial-gradient(55% 45% at 50% 48%,#0008048c 0%,#0000 68%);justify-content:center;align-items:center;font-family:inherit;display:flex;position:absolute;inset:0}.radar-outcome__frame{text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000e06d1;border:1px solid #39ff1459;border-radius:6px;padding:1.25rem 2rem 1.35rem;animation:.45s ease-out both radar-outcome-in;box-shadow:0 0 48px #00000073}.radar-outcome--win .radar-outcome__frame{border-color:#39ff148c;box-shadow:0 0 48px #00000073,0 0 64px #39ff142e}.radar-outcome--lose .radar-outcome__frame{border-color:#ff664480;box-shadow:0 0 48px #00000073,0 0 56px #ff503026}.radar-outcome__kicker{letter-spacing:.22em;text-transform:uppercase;color:#9ef09e;text-shadow:0 0 12px #39ff1473;margin:0 0 .4rem;font-size:.72rem;font-weight:600}.radar-outcome--win .radar-outcome__kicker{color:#7dff7d}.radar-outcome--lose .radar-outcome__kicker{color:#fa8;text-shadow:0 0 10px #ff785059}.radar-outcome--your-turn .radar-outcome__kicker{color:#ffe566;text-shadow:0 0 10px #fff17666}.radar-outcome--their-turn .radar-outcome__kicker{color:#8fd88f;opacity:.95}.radar-outcome__label{letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:clamp(1.85rem,7.5vw,3.25rem);font-weight:700;line-height:1.05}.radar-outcome--win .radar-outcome__label{color:#39ff14;text-shadow:0 0 24px #39ff14d9,0 0 48px #39ff1459}.radar-outcome--lose .radar-outcome__label{color:#f75;text-shadow:0 0 20px #ff6644bf,0 0 40px #ff50304d}@keyframes radar-outcome-in{0%{opacity:0;transform:scale(.94)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.radar-outcome--turn{background:0 0;justify-content:center;align-items:flex-start;padding-top:clamp(3.25rem,16vh,6.5rem)}.radar-outcome__frame--turn{padding:.6rem 1.25rem .7rem}.radar-outcome__label--turn{letter-spacing:.22em;font-size:clamp(1.05rem,4.2vw,1.75rem)}.radar-outcome--your-turn .radar-outcome__frame{border-color:#fff17673;animation:.35s ease-out both radar-outcome-in;box-shadow:0 0 32px #00000059,0 0 40px #fff1761f}.radar-outcome--your-turn .radar-outcome__label{color:#fff176;text-shadow:0 0 18px #fff176bf,0 0 36px #fff17647}.radar-outcome--their-turn .radar-outcome__frame{border-color:#8fd88f47;animation:.35s ease-out both radar-outcome-in}.radar-outcome--their-turn .radar-outcome__label{color:#8fd88f;text-shadow:0 0 14px #39ff1459;font-size:clamp(.92rem,3.5vw,1.45rem)}.hud-turn-strip{pointer-events:none;max-width:min(11.5rem,48vw);margin:.45rem 0 0;display:none}.app[data-layout-tier=mobile-portrait] .hud--in-game .hud-turn-strip,.app[data-layout-tier=mobile-landscape] .hud--in-game .hud-turn-strip{display:block}@media (orientation:landscape) and (height<=540px){.hud--in-game .hud-turn-strip{display:block}.scene-layer .radar-outcome.radar-outcome--turn,.scene-layer .radar-outcome--win,.scene-layer .radar-outcome--lose{display:none!important}}@media (width<=720px){.hud--in-game .hud-turn-strip{display:block}.scene-layer .radar-outcome.radar-outcome--turn,.scene-layer .radar-outcome--win,.scene-layer .radar-outcome--lose{display:none!important}}.hud-outcome-strip{pointer-events:none;max-width:min(12rem,52vw);margin:.45rem 0 0;display:none}.app[data-layout-tier=mobile-portrait] .hud--in-game .hud-outcome-strip,.app[data-layout-tier=mobile-landscape] .hud--in-game .hud-outcome-strip{display:block}@media (orientation:landscape) and (height<=540px){.hud--in-game .hud-outcome-strip{display:block}}@media (width<=720px){.hud--in-game .hud-outcome-strip{display:block}}.hud-outcome-strip__frame{text-align:left;background:#000e06e0;border-radius:4px;flex-direction:column;gap:.12rem;padding:.4rem .65rem .45rem;animation:.4s ease-out both radar-outcome-in;display:flex;box-shadow:0 0 20px #00000059}.hud-outcome-strip__kicker{letter-spacing:.18em;text-transform:uppercase;font-size:.58rem;font-weight:600}.hud-outcome-strip__label{letter-spacing:.16em;font-size:clamp(.78rem,3.4vw,1rem);font-weight:700;line-height:1.1}.hud-outcome-strip--win .hud-outcome-strip__frame{border:1px solid #39ff148c;box-shadow:0 0 20px #00000059,0 0 28px #39ff1426}.hud-outcome-strip--win .hud-outcome-strip__kicker{color:#7dff7d}.hud-outcome-strip--win .hud-outcome-strip__label{color:#39ff14;text-shadow:0 0 14px #39ff14bf,0 0 28px #39ff1447}.hud-outcome-strip--lose .hud-outcome-strip__frame{border:1px solid #ff664473;box-shadow:0 0 20px #00000059,0 0 24px #ff50301f}.hud-outcome-strip--lose .hud-outcome-strip__kicker{color:#fa8}.hud-outcome-strip--lose .hud-outcome-strip__label{color:#f75;text-shadow:0 0 12px #ff6644a6,0 0 24px #ff503040}.panel--postgame-bar{padding:.4rem .45rem}.panel--postgame-bar .actions{margin-top:0}.postgame-bar__status{color:#ffe082;margin:0 0 .35rem;font-size:.68rem;line-height:1.35}.app[data-layout-tier=mobile-portrait] .hud--portrait.hud--in-game .panel--postgame-bar .postgame-bar__actions{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.app[data-layout-tier=mobile-portrait] .hud--portrait.hud--in-game .panel--postgame-bar .postgame-bar__actions .primary{grid-column:1/-1}.app[data-layout-tier=mobile-landscape] .hud--landscape.hud--in-game .panel--postgame-bar{padding:.32rem .4rem}.app[data-layout-tier=mobile-landscape] .hud--landscape.hud--in-game .panel--postgame-bar .postgame-bar__status{margin-bottom:.28rem;font-size:.64rem}.app[data-layout-tier=mobile-landscape] .hud--landscape.hud--in-game .panel--postgame-bar.panel--landscape-bar .postgame-bar__actions button{min-height:2.1rem;font-size:.68rem}.hud-turn-strip__frame{text-align:left;background:#000e06e0;border:1px solid #39ff1459;border-radius:4px;padding:.4rem .65rem .45rem;animation:.35s ease-out both radar-outcome-in;box-shadow:0 0 20px #00000059}.hud-turn-strip__kicker{letter-spacing:.18em;text-transform:uppercase;margin:0 0 .2rem;font-size:.58rem;font-weight:600}.hud-turn-strip__label{letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:clamp(.72rem,3.2vw,.95rem);font-weight:700;line-height:1.1}.hud-turn-strip--your-turn .hud-turn-strip__frame{border-color:#fff17673;box-shadow:0 0 20px #00000059,0 0 24px #fff1761a}.hud-turn-strip--your-turn .hud-turn-strip__kicker{color:#ffe566;text-shadow:0 0 8px #fff17659}.hud-turn-strip--your-turn .hud-turn-strip__label{color:#fff176;text-shadow:0 0 12px #fff1768c}.hud-turn-strip--their-turn .hud-turn-strip__frame{border-color:#8fd88f47}.hud-turn-strip--their-turn .hud-turn-strip__kicker{color:#8fd88f}.hud-turn-strip--their-turn .hud-turn-strip__label{color:#8fd88f;text-shadow:0 0 10px #39ff144d;font-size:clamp(.65rem,2.8vw,.85rem)}.hud{z-index:2;pointer-events:none;color:#b8ffb8;text-shadow:0 0 10px #39ff1473;flex-direction:column;justify-content:space-between;padding:.75rem 1rem;display:flex;position:absolute;inset:0}.hud-top{max-width:min(36rem,55vw)}.hud-dock{pointer-events:none;align-self:flex-end;max-width:min(20rem,42vw);margin-top:auto}.hud--menu{justify-content:center;align-items:center;padding:1rem}.hud-menu{text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:.65rem;max-width:min(28rem,92vw);display:flex}.hud-header--center h1{letter-spacing:.06em;font-size:clamp(1rem,3.2vw,1.35rem)}.status--center{opacity:.85;max-width:22rem;margin:0}.menu-mobile-tip{text-align:center;color:#ffe082;background:#2820008c;border:1px solid #ffe08273;border-radius:4px;max-width:18rem;margin:.65rem 0 0;padding:.55rem .65rem;font-size:.72rem;line-height:1.4}.menu-mobile-tip--ok{color:#b8ffb8;background:#00180aa6;border-color:#39ff1459}.panel--menu{pointer-events:auto;width:min(17.5rem,92vw);margin-top:.35rem;padding:1.15rem 1.25rem 1.25rem;box-shadow:0 0 40px #39ff1426}.menu-actions{flex-direction:column;align-items:stretch;gap:.55rem;display:flex}.menu-btn{box-sizing:border-box;width:100%;padding:.55rem .85rem;font-size:.84rem}.menu-btn.primary{padding:.62rem .85rem;font-size:.88rem}.menu-btn--join{flex-shrink:0;align-self:end;width:auto;min-width:4.75rem}.menu-divider{letter-spacing:.14em;text-transform:uppercase;opacity:.55;color:#8fd88f;align-items:center;gap:.65rem;margin:.35rem 0 .15rem;font-size:.62rem;display:flex}.menu-divider:before,.menu-divider:after{content:"";background:linear-gradient(90deg,#0000,#39ff1459 40% 60%,#0000);flex:1;height:1px}.join-row{align-items:flex-end;gap:.5rem;width:100%;display:flex}.join-row__label{text-align:left;flex-direction:column;flex:1;align-items:stretch;gap:.28rem;min-width:0;display:flex}.join-row__caption{letter-spacing:.1em;text-transform:uppercase;opacity:.6;font-size:.62rem}.room-input{box-sizing:border-box;text-align:center;letter-spacing:.14em;text-transform:uppercase;width:100%;font:inherit;color:inherit;background:#000c04d9;border:1px solid #39ff1459;border-radius:4px;padding:.5rem .55rem;font-size:.82rem}.room-input::placeholder{opacity:.35;letter-spacing:.08em}.room-input:focus{border-color:#39ff14;outline:none;box-shadow:0 0 12px #39ff1433}.room-code{letter-spacing:.14em}.hud-header h1{letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:1rem;font-weight:600}.subtitle{opacity:.7;margin:.15rem 0 0;font-size:.72rem}.status{margin:.45rem 0 0;font-size:.82rem;line-height:1.35;transition:color .15s,text-shadow .15s}.status--hit{color:#fff176;text-shadow:0 0 16px #fff176bf}.status--miss{color:#f95;text-shadow:0 0 14px #ff66448c}.panel{pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#001408eb;border:1px solid #39ff1459;border-radius:6px;padding:.75rem .9rem;box-shadow:0 0 24px #39ff1414}.panel--compact p{margin:0 0 .4rem;font-size:.8rem}.panel--compact .hint{margin-bottom:0!important}.actions{flex-wrap:wrap;gap:.45rem;margin-top:.5rem;display:flex}button{font:inherit;color:#b8ffb8;cursor:pointer;background:#001a0aeb;border:1px solid #39ff1466;border-radius:4px;padding:.4rem .65rem;font-size:.78rem}button:hover:not(:disabled){background:#002810f2;border-color:#39ff14}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:#39ff141f;border-color:#39ff14}button.ghost{background:0 0;border-color:#c8f5dc33}.hint{opacity:.65;margin-top:.45rem!important;font-size:.72rem!important}.turn{font-size:.82rem}.target-lock{color:#fff176;text-shadow:0 0 12px #fff1768c}.panel--fire-bar{padding:.4rem .45rem}.fire-bar{grid-template-columns:minmax(0,1fr) minmax(6.25rem,42%);align-items:stretch;gap:.4rem;width:100%;display:grid}.fire-bar__target{background:#0c0e008c;border:1px solid #fff17647;border-radius:4px;flex-direction:column;justify-content:center;gap:.08rem;min-height:2.65rem;padding:.3rem .55rem;display:flex}.fire-bar--locked .fire-bar__target{border-color:#fff1768c;box-shadow:0 0 16px #fff1761f}.fire-bar__label{letter-spacing:.18em;text-transform:uppercase;color:#ffe566;opacity:.9;font-size:.56rem;font-weight:600}.fire-bar__coord{letter-spacing:.14em;color:#fff176;text-shadow:0 0 14px #fff176a6,0 0 28px #fff17633;font-size:clamp(1rem,4.5vw,1.25rem);font-weight:700;line-height:1.05}.fire-bar__coord--idle{letter-spacing:.08em;opacity:.45;text-shadow:none;font-size:.95rem;font-weight:500}.fire-bar__btn{letter-spacing:.16em;text-transform:uppercase;touch-action:manipulation;min-height:2.65rem;margin:0;padding:.45rem .65rem;font-size:.82rem;font-weight:700}.fire-bar--locked .fire-bar__btn:not(:disabled){animation:2.2s ease-in-out infinite fire-ready-pulse}@keyframes fire-ready-pulse{0%,to{box-shadow:0 0 10px #39ff1433,inset 0 0 0 1px #39ff1459}50%{box-shadow:0 0 22px #39ff146b,inset 0 0 0 1px #39ff148c}}.victory{color:#39ff14;font-size:1rem;font-weight:600;margin-bottom:.35rem!important}@media (width<=720px){.hud{padding:.5rem .65rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom,0px))}.hud-top{max-width:72vw}.hud-top h1{font-size:clamp(.82rem,3.8vw,1rem)}.hud-dock{align-self:stretch;max-width:100%}.panel--compact{padding:.75rem .85rem}.panel--compact .actions button{min-height:2.75rem;font-size:.82rem}.menu-btn,.panel--compact .actions .primary{min-height:2.85rem}.room-input{min-height:2.75rem;font-size:1rem}}.app[data-layout-tier=mobile-portrait] .hud-top{max-width:92vw}.app[data-layout-tier=mobile-portrait] .hud-top .subtitle{display:none}.app[data-layout-tier=mobile-portrait] .hud-header h1{font-size:.78rem;line-height:1.25}.app[data-layout-tier=mobile-portrait] .status{font-size:.78rem;line-height:1.35}.app[data-layout-tier=mobile-portrait] .radar-outcome__label{font-size:clamp(.85rem,4.5vw,1.25rem)}.rotate-btn{font-weight:600}.mobile-rotate-hint{pointer-events:none;letter-spacing:.1em;text-transform:uppercase;text-align:center;opacity:.5;color:#8fd88f;margin:0 0 .35rem;font-size:.62rem}.placement-ship-bar{pointer-events:auto;gap:.45rem;width:100%;margin-bottom:.45rem;display:flex}.ship-chip{min-width:0;min-height:3rem;font:inherit;color:#9ef09e;cursor:pointer;touch-action:manipulation;background:#001208eb;border:1px solid #39ff1447;border-radius:6px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.1rem;padding:.35rem .25rem;font-size:.68rem;display:flex}.ship-chip--selected{border-color:#fff176d9;box-shadow:0 0 12px #fff17640}.ship-chip--deployed{opacity:.72}.ship-chip__name{letter-spacing:.04em;font-weight:600}.ship-chip__len{opacity:.65;font-size:.62rem}.ship-chip__tag{text-transform:uppercase;letter-spacing:.08em;opacity:.75;font-size:.58rem}.battle-tabs{pointer-events:auto;gap:.35rem;width:100%;margin-bottom:.45rem;display:flex}.battle-tabs__btn{min-height:2.75rem;font:inherit;letter-spacing:.06em;text-transform:uppercase;color:#8fd88f;cursor:pointer;touch-action:manipulation;background:#001208eb;border:1px solid #39ff1440;border-radius:6px;flex:1;font-size:.78rem;font-weight:600}.battle-tabs__btn--active{color:#e8ffe8;border-color:#39ff148c;box-shadow:0 0 14px #39ff1426}.app[data-layout-tier=mobile-portrait] .hud--portrait.hud--in-game .hud-top{pointer-events:none;max-width:none;position:absolute;top:.35rem;left:.5rem;right:3.5rem}.app[data-layout-tier=mobile-portrait] .hud--portrait.hud--in-game .hud-header h1{margin:0;font-size:.72rem}.app[data-layout-tier=mobile-portrait] .hud--portrait.hud--in-game .hud-header .subtitle{display:none}.app[data-layout-tier=mobile-portrait] .hud--portrait.hud--in-game .status{max-height:2.6em;margin:.15rem 0 0;font-size:.72rem;line-height:1.3;overflow:hidden}.app[data-layout-tier=mobile-portrait] .hud--portrait.hud--in-game .hud-dock{-webkit-overflow-scrolling:touch;max-height:42vh;margin-top:auto;overflow-y:auto}.app[data-layout-tier=mobile-portrait] .hud--portrait.hud--in-game .panel--compact .hint{display:none}.app[data-layout-tier=mobile-portrait] .hud--portrait.hud--in-game .panel--compact{padding:.55rem .65rem .65rem}.app[data-layout-tier=mobile-portrait] .hud--portrait.hud--in-game .panel--compact .actions{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.app[data-layout-tier=mobile-portrait] .hud--portrait.hud--in-game .panel--compact .actions .primary{grid-column:1/-1}.app[data-layout-tier=mobile-landscape] .hud--landscape.hud--in-game .hud-top{max-width:min(22rem,58vw)}.app[data-layout-tier=mobile-landscape] .hud--landscape.hud--in-game .hud-top .subtitle{display:none}.app[data-layout-tier=mobile-landscape] .hud--landscape.hud--in-game .hud-dock{left:max(.45rem, env(safe-area-inset-left,0px));right:max(.45rem, env(safe-area-inset-right,0px));bottom:calc(.35rem + env(safe-area-inset-bottom,0px));pointer-events:none;align-self:stretch;width:auto;max-width:none;margin-top:0;position:absolute}.app[data-layout-tier=mobile-landscape] .hud--landscape.hud--in-game .panel--compact{padding:.35rem .45rem}.app[data-layout-tier=mobile-landscape] .hud--landscape.hud--in-game .panel--compact .hint{display:none}.app[data-layout-tier=mobile-landscape] .hud--landscape.hud--in-game .panel--landscape-bar .actions{flex-wrap:nowrap;align-items:stretch;gap:.28rem;display:flex}.app[data-layout-tier=mobile-landscape] .hud--landscape.hud--in-game .panel--landscape-bar .actions button{flex:1 1 0;min-width:0;min-height:2rem;padding:.28rem .35rem;font-size:.68rem;line-height:1.15}.app[data-layout-tier=mobile-landscape] .hud--landscape.hud--in-game .panel--landscape-bar .actions .primary{flex:1.35 1 0;font-size:.72rem}.app[data-layout-tier=mobile-landscape] .hud--landscape.hud--in-game .panel--landscape-bar.panel--compact{flex-wrap:wrap;align-items:center;gap:.35rem .5rem;display:flex}.app[data-layout-tier=mobile-landscape] .hud--landscape.hud--in-game .panel--fire-bar{padding:.32rem .4rem}.app[data-layout-tier=mobile-landscape] .hud--landscape.hud--in-game .fire-bar__btn{min-height:2.45rem;font-size:.78rem}.app[data-layout-tier=mobile-landscape] .hud--landscape.hud--in-game .fire-bar__target{min-height:2.45rem}@media (orientation:landscape) and (height<=540px) and (hover:none){.hud--in-game.hud--landscape .hud-dock,.hud--in-game:not(.hud--portrait) .hud-dock{left:max(.45rem, env(safe-area-inset-left,0px));right:max(.45rem, env(safe-area-inset-right,0px));bottom:calc(.35rem + env(safe-area-inset-bottom,0px));align-self:stretch;max-width:none;margin-top:0;position:absolute}.hud--in-game:not(.hud--portrait) .panel--compact .hint{display:none}.hud--in-game:not(.hud--portrait) .panel--landscape-bar .actions{flex-wrap:nowrap;gap:.28rem;display:flex}.hud--in-game:not(.hud--portrait) .panel--landscape-bar .actions button{min-height:2rem;padding:.28rem .35rem;font-size:.68rem}}