:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1420;--panel:#14212f;--panel2:#1b2c3e;--line:#2a3d52;--text:#dce7f2;--dim:#8aa0b5;--alpha:#4ba3f5;--omega:#f5a34b;--danger:#e5484d;--ok:#46a758;font-family:Avenir Next,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% -20%, #16283c, var(--bg));color:var(--text);margin:0}button{font:inherit;color:var(--text);background:var(--panel2);border:1px solid var(--line);cursor:pointer;border-radius:10px;padding:10px 14px}button:disabled{opacity:.45;cursor:default}button.on{border-color:var(--alpha);background:#2c4763}button.big{width:100%;margin-top:10px;padding:14px 20px;font-size:1.1rem}button.danger{border-color:var(--danger);background:#4a1d20}input,select{font:inherit;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px}.page{max-width:640px;margin:0 auto;padding:16px}.page.home{text-align:center;padding-top:12vh}.home h1{letter-spacing:3px}.home .joinrow{justify-content:center;gap:8px;margin-top:24px;display:flex}.home input{text-align:center;letter-spacing:4px;width:140px;font-size:1.2rem}.sub{color:var(--dim)}.hint{color:var(--dim);font-size:.85rem}.banner{border:1px solid var(--alpha);text-align:center;background:#223a52;border-radius:10px;margin:10px 0;padding:10px 14px}.banner.error{border-color:var(--danger);z-index:50;background:#46181b;position:sticky;top:8px}.banner.gameover{border-color:var(--ok);background:#1c3a24;font-size:1.2rem;font-weight:700}.joinform,.lobby,.setup{flex-direction:column;gap:12px;display:flex}.teampick{gap:8px;display:flex}.teampick button{flex:1}.teampick .sel.alpha{border-color:var(--alpha);background:#1d3a57}.teampick .sel.omega{border-color:var(--omega);background:#4a3319}.rolepick{grid-template-columns:1fr 1fr;gap:8px;display:grid}.rolepick label{background:var(--panel);border:1px solid var(--line);border-radius:10px;align-items:center;gap:8px;padding:12px;display:flex}.rolepick label.on{border-color:var(--ok);background:#1a2f22}.teams{gap:10px;display:flex}.teamcol{background:var(--panel);border-top:3px solid var(--line);border-radius:12px;flex:1;padding:10px}.teamcol.alpha{border-top-color:var(--alpha)}.teamcol.omega{border-top-color:var(--omega)}.playerrow{padding:4px 0}.playerrow span{color:var(--dim);font-size:.85rem;display:block}.settings,.screens{flex-wrap:wrap;gap:14px;display:flex}.screens a{color:var(--alpha)}.mapgrid{touch-action:none;background:#0d1b29;border-radius:12px;width:100%;height:auto}.mapgrid .hdr{fill:var(--dim);text-anchor:middle;font-size:.55px}.mapgrid .water{fill:#17324a}.mapgrid .water.lit{fill:#2b5578}.mapgrid .island{fill:#5b7350}.mapgrid .sector line{stroke:#0d1b29;stroke-width:.12px}.mapgrid .route{fill:none;stroke:#6fc1ff;stroke-width:.16px;stroke-linejoin:round}.mapgrid .routestart{fill:#6fc1ff}.mapgrid .sub{fill:#ffe066;stroke:#0d1b29;stroke-width:.08px}.mapgrid .selected{fill:none;stroke:#ffe066;stroke-width:.14px}.mapgrid .mine{fill:#ff8787;text-anchor:middle;font-size:.7px}.mapgrid .mark{text-anchor:middle;font-size:.6px}.mapgrid .trail polyline{fill:none;stroke:#ff5d5d;stroke-width:.18px;stroke-dasharray:.28 .14}.mapgrid .trailstart{fill:#ff5d5d;opacity:.7}.mapgrid .trailend{fill:none;stroke:#ff5d5d;stroke-width:.12px}.mapgrid .trailmark{fill:#ff9d9d;font-size:.55px}.statusbar{flex-wrap:wrap;align-items:center;gap:12px;padding:8px 0;display:flex}.teamtag{font-weight:700}.strikewarn{color:#ffd43b;font-weight:700}.surfaced{color:#74c0fc;font-weight:700}.tabs{gap:6px;margin-bottom:10px;display:flex}.tabs button{flex:1}.damage-track{align-items:center;gap:4px;display:flex}.damage-label{color:var(--dim);margin-right:2px;font-size:.8rem}.dmg{border:1px solid var(--line);border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;font-size:.75rem;display:inline-flex}.dmg.hit{background:var(--danger);border-color:var(--danger)}.dmg.big{width:34px;height:34px}.modebar{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.modebar button{flex:1;min-width:90px}.dpad{grid-template-columns:1fr 1fr 1fr;gap:8px;max-width:340px;margin:0 auto;display:grid}.dpad button{padding:18px 0;font-size:1.15rem;font-weight:700}.dpad button.illegal{opacity:.4}.dpad .surface{background:#14324a;font-size:.85rem}.actionrow{flex-direction:column;gap:8px;margin-top:8px;display:flex}.sysnote{color:var(--dim);font-size:.9rem}.minelist{flex-flow:wrap}.silrow{gap:6px;display:flex}.silrow button{flex:1}.surfacenote{background:#14324a;border-radius:10px;margin-top:10px;padding:14px}.modal{z-index:100;background:#040a12d9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modalbox{background:var(--panel);border:1px solid var(--alpha);border-radius:14px;width:100%;max-width:420px;padding:18px}.cluerow{align-items:center;gap:8px;margin:8px 0;display:flex}.truthy{color:var(--ok);font-weight:700}.falsy{color:var(--danger);font-weight:700}.pendingchip{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:999px;margin-bottom:10px;padding:10px 14px}.pendingchip.hot{color:#ffd43b;border-color:#ffd43b;animation:1.2s infinite pulse}@keyframes pulse{50%{opacity:.6}}.gauges{flex-direction:column;gap:8px;display:flex}.gauge{justify-content:space-between;align-items:center;padding:12px;display:flex}.gauge.full{border-color:var(--ok)}.gauge.broken{border-color:var(--danger)}.gauge-pips{gap:4px;display:flex}.pip{border:1px solid var(--line);border-radius:50%;width:14px;height:14px}.pip.on{background:#6fc1ff;border-color:#6fc1ff}.fm-actions{flex-direction:column;gap:10px;margin-top:14px;display:flex}.eng-sheet{background:#0d1b29;border-radius:12px;width:100%;height:auto}.eng-plate{fill:#142f42;stroke:var(--line);stroke-width:1px;opacity:.8}.eng-plate.active{stroke:#ffd43b;stroke-width:1.6px;opacity:1;filter:drop-shadow(0 0 5px #ffd43b66)}.eng-label{fill:var(--dim);text-anchor:middle;font-size:11px;font-weight:800}.eng-label.active{fill:#ffd43b}.eng-divider{stroke:#24405a;stroke-width:1px;stroke-dasharray:3 3}.eng-pipe{fill:none;stroke-width:4px;stroke-linejoin:round;stroke-linecap:round;opacity:.85}.eng-node{pointer-events:none}.eng-node.tappable{pointer-events:all;cursor:pointer}.eng-node.tappable:hover circle:first-of-type,.eng-node.tappable:hover rect:first-of-type{filter:brightness(1.5)}.eng-rad{text-anchor:middle;fill:#b8c0cc;font-size:11px}.eng-x{stroke:#fff;stroke-width:2.4px;stroke-linecap:round}.repairbar{background:var(--panel);border:1px solid var(--line);border-radius:999px;height:18px;overflow:hidden}.repairfill{background:var(--ok);height:100%;transition:width .15s}.radiopad{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px;display:grid}.radiopad .dirbtn{padding:14px 0;font-size:1.2rem;font-weight:800}.intel{background:var(--panel);border-radius:10px;margin-top:10px;padding:10px}.intel h4{color:var(--dim);margin:0 0 6px}.intelrow{border-bottom:1px solid #1c2c3d;padding:3px 0;font-size:.92rem}.page.teamscreen{max-width:1180px}.ts-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.ts-status{align-items:center;gap:16px;display:flex}.teamscreen.alpha h2{color:var(--alpha)}.teamscreen.omega h2{color:var(--omega)}.ts-main{grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);gap:14px;display:grid}@media (width<=800px){.ts-main{grid-template-columns:1fr}}.megaflash{border:2px solid var(--alpha);z-index:60;white-space:nowrap;background:#0a1420eb;border-radius:20px;padding:24px 48px;font-size:4rem;font-weight:900;animation:.25s flashpop;position:fixed;top:18%;left:50%;transform:translate(-50%)}@keyframes flashpop{0%{opacity:0;transform:translate(-50%)scale(.7)}}.legend{color:var(--dim);flex-wrap:wrap;gap:14px;margin:8px 0;font-size:.85rem;display:flex}.lg.route{color:#6fc1ff}.lg.trail{color:#ff5d5d}.repairzone{background:#14324a;border-radius:12px;margin-bottom:10px;padding:14px}.mutebtn{padding:6px 10px}.page.tv{text-align:center;max-width:1100px}.tv-teams{grid-template-columns:1fr 1fr;gap:18px;margin:18px 0;display:grid}.tv-team{background:var(--panel);border-top:5px solid var(--line);border-radius:16px;padding:18px}.tv-team.alpha{border-top-color:var(--alpha)}.tv-team.omega{border-top-color:var(--omega)}.tv-health{justify-content:center;gap:8px;margin:10px 0;display:flex}.tv-phase{margin:8px 0;font-weight:800}.tv-phase.surfacing{color:#74c0fc}.tv-phase.sunk{color:var(--danger)}.tv-roster{text-align:left;display:inline-block}.tv-roster .roles{color:var(--dim);font-size:.85rem}.tv-ticker{background:var(--panel);text-align:left;border-radius:12px;padding:12px 16px}