:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{color:#d7e4ec;background:#0a141c;min-height:100vh;margin:0;font:16px/1.5 system-ui,sans-serif}.screen{max-width:420px;margin:0 auto;padding:12vh 1.5rem 2rem}.screen[hidden],[hidden]{display:none!important}#game{max-width:none;padding:0}#game-canvas{background:#06222e;width:100vw;height:100vh;display:block}#porthole{pointer-events:none;background:radial-gradient(50% 38% at 50% 36%,#0000 92%,#0a0f14 96%,#05080b 100%);position:fixed;inset:0}#helm-console{background:#0a0f14;border-top:2px solid #1d2b33;height:28vh;position:absolute;bottom:0;left:0;right:0}#hud{pointer-events:none;color:#9fe8d8;text-shadow:0 0 4px #000;font:13px/1.45 ui-monospace,Menlo,monospace;position:fixed;inset:0}#hud-left{position:absolute;top:12px;left:14px}#hud-stats{gap:10px;display:flex}#depth-gauge{background:#06222e99;border:1px solid #1d4a3a;width:12px;position:relative}#thermal-band{background:#2f8fd0aa;position:absolute;left:0;right:0}#depth-needle{background:#7fffd4;height:2px;position:absolute;left:-3px;right:-3px}#noise-gauge{vertical-align:0;background:#06222e99;border:1px solid #1d4a3a;width:70px;height:8px;display:inline-block}#noise-fill{background:#7fffd4;height:100%;display:block}#hud-help{color:#9db4bf;grid-template-columns:max-content max-content;gap:1px 10px;margin:8px 0 0;font-size:11px;display:grid}#hud-help dt{color:#9fe8d8}#hud-help dd{margin:0}#hud-center{text-align:center;position:absolute;top:12px;left:50%;transform:translate(-50%)}#hud-watching{font-size:15px}#hud-zone{color:#ff8a6a;font-size:15px}#kill-feed{text-align:right;position:absolute;top:12px;right:14px}#waterfall{background:#02140f;border:1px solid #1d4a3a;width:260px;height:120px;position:absolute;bottom:14px;right:14px}#porthole:not([hidden])~#hud #waterfall{width:calc(100% - 24px);height:calc(28vh - 22px);bottom:10px;left:12px;right:12px}#torpedo-edge{justify-content:center;display:flex;position:absolute;inset:0;box-shadow:inset 0 0 70px 18px #ff2a1acc}#torpedo-edge span{color:#ff5a36;letter-spacing:.15em;margin-top:56px;font-size:18px;font-weight:600}#torpedo-marker{width:0;height:0;position:absolute;top:50%;left:50%}#torpedo-marker:before{content:"";border-bottom:26px solid #ff5a36;border-left:14px solid #0000;border-right:14px solid #0000;position:absolute;top:-34vh;left:-14px}h1{letter-spacing:.05em;margin:0 0 1.5rem;font-weight:600}input,button{font:inherit;color:inherit;background:#12232e;border:1px solid #28485a;border-radius:6px;padding:.6rem .8rem}input{width:100%}button{cursor:pointer;background:#1d6f8f;border-color:#1d6f8f}button:hover{background:#2488ae}button:disabled{opacity:.5;cursor:default}form{flex-direction:column;gap:.75rem;display:flex}.row{gap:.5rem;display:flex}.muted{color:#7f9aa8}.msg{color:#f0a0a0;min-height:1.5em}a{color:#6cc4e6}ul{margin:0 0 1.5rem;padding:0;list-style:none}li{border-bottom:1px solid #1a2f3b;padding:.4rem 0}li.offline{opacity:.5}table{border-collapse:collapse;width:100%;margin-bottom:1.5rem}th,td{text-align:left;border-bottom:1px solid #1a2f3b;padding:.4rem 0}.banner{text-align:center;color:#fff;z-index:10;background:#8a6a12;padding:.3rem;font-size:.85rem;position:fixed;top:0;left:0;right:0}