:root{--hud-bg:#08121ab8;--hud-edge:#96bed238;--hud-text:#dbe8ef;--hud-dim:#8ea6b4;--hud-amber:#f2b33d;--hud-green:#5fe07a;--hud-red:#ff6a4d;--hud-font:"Oxanium", "Rajdhani", ui-sans-serif, system-ui, sans-serif}.hud{pointer-events:none;z-index:3;font-family:var(--hud-font);color:var(--hud-text);position:fixed;inset:0}.hud .panel{background:var(--hud-bg);border:1px solid var(--hud-edge);-webkit-backdrop-filter:blur(6px);border-radius:10px;padding:12px 14px;position:absolute;box-shadow:0 10px 30px #00000059,inset 0 1px #ffffff0f}.hud .label{letter-spacing:.14em;text-transform:uppercase;color:var(--hud-dim);font-size:12px}.hud .value{letter-spacing:.06em;font-size:18px;font-weight:600}.hud .status{gap:8px;width:184px;display:grid;top:16px;left:16px}.hud .status .title .value{font-size:17px}.hud .meter{gap:5px;display:grid}.hud .meter .row{justify-content:space-between;align-items:baseline;display:flex}.hud .bar{background:#ffffff14;border-radius:3px;height:6px;overflow:hidden}.hud .bar>i{background:var(--hud-amber);border-radius:3px;height:100%;transition:width .25s;display:block}.hud .bar.low>i{background:var(--hud-red)}.hud .side{gap:8px;width:168px;display:grid;position:absolute;top:16px;right:16px}.hud .menu-btn{pointer-events:auto;cursor:pointer;background:var(--hud-amber);color:#1b1304;height:40px;font:700 14px var(--hud-font);letter-spacing:.18em;text-transform:uppercase;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:0;border-radius:8px}.hud .menu-btn:hover,.hud .menu-btn:focus-visible{background:#ffc85c;outline:none}.hud .side .panel{pointer-events:auto;background:#0009;gap:10px;display:grid;position:static}.hud .cam{gap:6px;display:flex}.hud .cam button{border:1px solid var(--hud-edge);height:40px;color:var(--hud-text);font:600 18px var(--hud-font);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#ffffff0f;border-radius:8px;flex:1}.hud .cam button:hover{border-color:var(--hud-amber)}.hud.menu-open .side{display:none}.hud .sonar{justify-items:center;gap:6px;display:grid}.hud .sonar svg{width:112px;height:112px}.hud .sonar .face{fill:#06150f;stroke:#78d2a066;stroke-width:1.2px}.hud .sonar .ring{fill:none;stroke:#78d2a047;stroke-width:.8px}.hud .sonar .sweep{transform-origin:0 0;animation:4s linear infinite sonar-sweep}.hud .sonar .sweep path{fill:#78d2a061}.hud .sonar .ping{fill:none;stroke:var(--hud-green);stroke-width:1.5px;opacity:0;transform-origin:0 0}.hud .sonar .ping.go{animation:1.1s ease-out sonar-ping}.hud .sonar .range{justify-content:space-between;align-items:baseline;width:100%;display:flex}@keyframes sonar-sweep{to{transform:rotate(360deg)}}@keyframes sonar-ping{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(13)}}@media (prefers-reduced-motion:reduce){.hud .sonar .sweep{animation:none}}.hud .word{background:#08121ade;width:430px;bottom:16px;right:16px}.hud .word .head{justify-content:space-between;align-items:center;gap:12px;margin:2px 0 13px;display:flex}.hud .word .letters{letter-spacing:.32em;min-height:60px;font-size:47px;font-weight:700;line-height:60px}.hud .word .letters b{font-weight:700}.hud .word .letters em{color:var(--hud-amber);opacity:.55;font-style:normal}.hud .word .len{white-space:nowrap;font-size:19px}.hud .keys{justify-content:center;display:flex}.hud{--kg:5px}.hud .kb{gap:var(--kg);align-content:start;display:grid}.hud .ks{flex:1}.hud .kl{flex:13}.hud .kr{flex:10}.hud .kb .row{display:grid}.hud .keys .key{height:36px;margin:0 calc(var(--kg) / 2);font:500 17px var(--hud-font);color:var(--hud-text);text-align:center;pointer-events:auto;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#ffffff0f;border:1px solid #ffffff14;border-radius:4px;padding:0}.hud .keys .key:hover{border-color:#ffffff4d}.hud .keys .key.hit{background:#5fe07a47;border-color:#5fe07a99}.hud .keys .key.miss{opacity:.32}.hud .keys .key.pulse{animation:.22s ease-out key-pulse}@keyframes key-pulse{0%{background:#f2b33db3;transform:scale(.9)}to{transform:scale(1)}}.hud.menu-open .keys .key{pointer-events:none}.hud .logo{letter-spacing:.32em;white-space:nowrap;font-size:13px;font-weight:700}.hud .logo span{color:var(--hud-amber)}.hud .status .logo{margin-bottom:-2px}.hud .menu .logo{margin-bottom:12px;font-size:17px}.hud .log{width:300px;font-size:13px;line-height:1.55;bottom:16px;left:16px}.hud .log div{white-space:nowrap;text-overflow:ellipsis;color:var(--hud-dim);overflow:hidden}.hud .log div:last-child{color:var(--hud-amber)}.hud .log time{color:#8ea6b4b3;margin-right:8px}.hud .aux-btn{display:none}.hud .mode{text-align:center;max-width:calc(100vw - 32px);padding:10px 18px;top:16px;left:50%;transform:translate(-50%)}.hud .mode .value{letter-spacing:.2em;font-size:20px}.hud .mode.torpedo .value{color:var(--hud-amber)}.hud .mode.radar .value{color:var(--hud-green)}.hud .mode .hint{color:var(--hud-dim);letter-spacing:.06em;margin-top:3px;font-size:12px}.hud .toast{opacity:0;border-color:#f2b33d99;align-items:center;gap:14px;padding:12px 22px;transition:opacity .25s,transform .25s;display:flex;top:92px;left:50%;transform:translate(-50%,-10px)}.hud .toast.show{opacity:1;transform:translate(-50%)}.hud .toast .value{color:var(--hud-amber);letter-spacing:.08em;font-size:22px}.hud .toast .sub{color:var(--hud-text);letter-spacing:.1em;font-size:14px}.hud .scrim{-webkit-backdrop-filter:blur(3px);opacity:0;pointer-events:none;background:#040c1259;transition:opacity .2s;position:absolute;inset:0}.hud.menu-open .scrim{opacity:1;pointer-events:auto}.hud .menu{text-align:center;pointer-events:auto;width:min(380px,100vw - 32px);padding:26px;display:none;top:50%;left:50%;transform:translate(-50%,-50%)}.hud.menu-open .menu{display:block}.hud .menu h2{letter-spacing:.12em;margin:0 0 6px;font-size:28px}.hud .menu.win h2{color:var(--hud-amber)}.hud .menu.lose h2{color:var(--hud-red)}.hud .menu dl{text-align:left;grid-template-columns:1fr auto;gap:6px 16px;margin:16px 0 4px;display:grid}.hud .menu dt{color:var(--hud-dim)}.hud .menu dd{margin:0;font-weight:600}.hud .menu .actions{gap:8px;margin-top:18px;display:grid}.hud .menu button{font:600 15px var(--hud-font);letter-spacing:.12em;text-transform:uppercase;color:var(--hud-text);border:1px solid var(--hud-edge);cursor:pointer;background:#ffffff0f;border-radius:8px;justify-content:space-between;align-items:center;padding:11px 14px;display:flex}.hud .menu button:hover,.hud .menu button:focus-visible{border-color:var(--hud-amber);outline:none}.hud .menu button .l{text-align:left;gap:2px;display:grid}.hud .menu button small{font:500 11px var(--hud-font);letter-spacing:.06em;text-transform:none;color:var(--hud-dim)}.hud .menu button .r{white-space:nowrap;letter-spacing:.1em}.hud .menu button.locked{opacity:.4;cursor:default}.hud .menu button:disabled:hover{border-color:var(--hud-edge)}.hud .menu.wide{width:min(560px,100vw - 32px);max-height:calc(100vh - 32px);overflow-y:auto}.hud .menu button.primary{color:var(--hud-amber);background:#f2b33d29;border-color:#f2b33db3}.hud .menu kbd{font:500 11px var(--hud-font);color:var(--hud-dim);letter-spacing:.08em}.hud{opacity:0;transition:opacity .4s}.hud.ready{opacity:1}@media (pointer:coarse){.hud .word{width:460px}.hud .keys .key{height:44px;font-size:16px}.hud{--kg:6px}.hud .cam button,.hud .menu-btn{height:44px}}@media (max-width:760px) and (orientation:portrait),(max-height:520px) and (orientation:landscape){.hud{--gx:max(8px, env(safe-area-inset-left));--gy:max(8px, env(safe-area-inset-top));--gr:max(8px, env(safe-area-inset-right));--gb:max(8px, env(safe-area-inset-bottom))}.hud .panel{-webkit-backdrop-filter:none;background:#08121acc;border-radius:8px;padding:8px 10px}.hud .side .panel{background:#0009}.hud .word{background:#08121af2}.hud .value{font-size:15px}.hud .status{left:var(--gx);top:var(--gy);gap:6px;width:134px}.hud .status .brief{display:none}.hud .status .title .value{font-size:14px}.hud .side{right:var(--gr);top:var(--gy);gap:6px;width:156px}.hud .menu-btn,.hud .cam button{height:40px}.hud .mode{top:var(--gy);padding:6px 14px}.hud .mode .value{font-size:14px}.hud .mode .hint{margin-top:1px;font-size:11px}.hud .toast{padding:8px 16px;top:70px}.hud .toast .value{font-size:17px}.hud .word{padding:6px 8px}.hud .word .head{margin:0 0 4px}.hud .word .letters{min-height:29px;font-size:24px;line-height:29px}.hud .word .len{font-size:14px}.hud .keys .key{height:38px;font-size:16px}.hud .sonar,.hud .log,.hud .aux-btn{display:none!important}}@media (max-height:520px) and (orientation:landscape){.hud{--u:clamp(30px, 5vw, 44px)}.hud .word,.hud .keys{display:contents}.hud .kb{bottom:var(--gb);pointer-events:auto;--kg:4px;border:1px solid var(--hud-edge);background:#08121af2;border-radius:8px;padding:6px 8px;position:absolute;box-shadow:0 10px 30px #00000059}.hud .kl{left:var(--gx);width:calc(6.5 * var(--u) + 16px)}.hud .kr{right:var(--gr);width:calc(5 * var(--u) + 16px)}.hud .word .head{right:var(--gr);bottom:calc(var(--gb) + 144px);box-sizing:border-box;min-width:calc(5 * var(--u) + 16px);border:1px solid var(--hud-edge);background:#08121af2;border-radius:8px;gap:14px;margin:0;padding:4px 14px;position:absolute}.hud.menu-open .kb,.hud.menu-open .word .head{display:none}.hud .menu{padding:12px 16px}.hud .menu .logo{display:none}.hud .menu h2{margin-bottom:2px;font-size:20px}.hud .menu .actions{gap:6px;margin-top:10px}.hud .menu button{padding:6px 12px}.hud .menu dl{gap:3px 16px;margin:8px 0 0}}@media (max-width:520px){.hud .menu .actions{grid-template-columns:1fr!important}}@media (max-width:760px) and (orientation:portrait){.hud .word{width:auto;padding:8px 8px calc(var(--gb) + 2px);border-bottom:0;border-radius:10px 10px 0 0;bottom:0;left:0;right:0}.hud .keys .key{height:44px}.hud .mode{top:auto;bottom:calc(var(--dock) + 6px);width:65vw;max-width:none}.hud .toast{top:calc(var(--gy) + 112px);left:auto;right:var(--gr);max-width:calc(100vw - 2 * var(--gx) - 164px);box-sizing:border-box;text-align:right;padding:6px 12px;transform:translateY(-10px)}.hud .toast .value{font-size:15px}.hud .toast.show{transform:none}}body.shot .hud{display:none}.cinema{z-index:2;pointer-events:none;--bars:0;position:fixed;inset:0}.cinema .bar{height:calc(var(--bars) * min(11vh, 14vw));background:#000;position:absolute;left:0;right:0}.cinema .bar.top{top:0}.cinema .bar.bottom{bottom:0}.cinema .fade{opacity:0;background:#04121c;position:absolute;inset:0}.hud .status,.hud .word,.hud .side,.hud .log,.hud .mode,.hud .aux-btn,.hud .kb,.hud .word .head{transition:opacity .6s,visibility}.hud.cine .status,.hud.cine .word,.hud.cine .side,.hud.cine .log,.hud.cine .mode,.hud.cine .toast,.hud.cine .aux-btn,.hud.cine .kb,.hud.cine .word .head{visibility:hidden;transition:opacity .5s,visibility 0s .5s;opacity:0!important}.hud.title-open .scrim{opacity:0;pointer-events:none}.hud .menu.title{left:max(36px, env(safe-area-inset-left));top:max(32px, env(safe-area-inset-top));text-align:center;width:auto;min-width:260px;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:none;padding:0;animation:1.2s ease-out both title-in;right:auto;transform:none}.hud .menu.title .logo{letter-spacing:.3em;text-shadow:0 2px 22px #0000008c;margin:0 0 6px;padding-left:.3em;font-size:66px}.hud .menu.title .tag{letter-spacing:.3em;color:var(--hud-text);opacity:.8;text-shadow:0 1px 8px #000000b3;padding-left:.3em;font-size:14px}.hud .menu.title .actions{justify-items:center;margin-top:26px}.hud .menu.title button{-webkit-backdrop-filter:blur(6px);background:#08121a8c;min-width:240px}.hud .menu.title button.primary{color:#10181e;background:#f2b33de6;border-color:#f2b33d}.hud .menu.title button.primary kbd{color:#10181eb3}.hud .menu.title button.primary small{color:#000}.hud .menu.leaving{opacity:0;transition:opacity 1s;animation:none}@keyframes title-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@media (max-width:760px) and (orientation:portrait),(max-height:520px) and (orientation:landscape){.hud .menu.title{top:calc(var(--gy) + 12px);left:calc(var(--gx) + 8px);min-width:0}.hud .menu.title .logo{font-size:min(45px,10.5vw)}.hud .menu.title button{min-width:200px}}@media (max-width:760px) and (orientation:portrait){.hud .menu.title{top:calc(var(--gy) + 5vh);bottom:calc(env(safe-area-inset-bottom) + 10vh);animation:1.2s ease-out both title-in-centred;left:50%;right:auto;transform:translate(-50%)}.hud.menu-open .menu.title,.hud.menu-leaving .menu.title{flex-direction:column;display:flex}.hud .menu.title .actions{margin-top:auto}.hud .menu.title .logo{font-size:min(45px,10.5vw)}}@keyframes title-in-centred{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.hud .menu.solid{-webkit-backdrop-filter:none;background:#0a1720}@media (max-height:520px) and (orientation:landscape){.hud .menu.title{padding:0}.hud .menu.title .logo{font-size:39px;display:block}}.hud.menu-leaving .menu{pointer-events:none;display:block}