:root{--ink:#eaf6ff;--dim:#eaf6ff9e;--glass:#0616266b;--line:#a0dcff47;--accent:#5fe3ff;--green:#5dff9b;--red:#ff3b3b;--gold:#ffd35c;font-family:Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;background:#06121e;margin:0;overflow:hidden}#view{touch-action:none;outline:none;width:100vw;height:100vh;display:block;position:fixed;inset:0}.hidden{display:none!important}#hud{pointer-events:none;text-shadow:0 1px 6px #0000008c;position:fixed;inset:0}.gauge{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);border-radius:14px;padding:10px 16px;position:absolute}.gauge .label{letter-spacing:.18em;color:var(--dim);margin-right:6px;font-size:12px}.gauge .big{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:44px;font-weight:800}.gauge .unit{color:var(--dim);margin-left:4px;font-size:14px}.gauge .sub{font-variant-numeric:tabular-nums;margin-top:2px;font-size:14px}.gauge.alt{align-items:flex-end;gap:14px;display:flex;bottom:28px;left:24px}.alt-bar{background:linear-gradient(#ffffff59 0%,#ffffff2e 50%,#1f86b0 92%,#0b4f6b 100%);border-radius:6px;width:10px;height:150px;position:relative;overflow:visible}#alt-fill{background:#5fe3ff59;border-radius:6px;position:absolute;bottom:0;left:0;right:0}#alt-mark{width:22px;height:3px;box-shadow:0 0 8px var(--accent);background:#fff;border-radius:2px;position:absolute;left:-6px}.gauge.alt.low .big{color:#ff8a6b}.gauge.spd{text-align:right;min-width:190px;bottom:28px;right:24px}.gauge.spd .big{font-size:56px}.progress{width:min(560px,70vw);position:absolute;top:18px;left:50%;transform:translate(-50%)}#prog-track{border:1px solid var(--line);background:#ffffff29;border-radius:5px;height:8px;position:relative}#prog-fill{background:linear-gradient(90deg,#36b6ff,#5fe3ff);border-radius:5px;position:absolute;inset:0 auto 0 0}#prog-dot{width:16px;height:16px;box-shadow:0 0 12px var(--accent);background:#fff;border-radius:50%;margin:-8px 0 0 -8px;position:absolute;top:50%}.prog-tick{background:#ffffff73;border-radius:2px;width:4px;height:18px;margin-left:-2px;position:absolute;top:-5px}.prog-tick.gap{background:#ff5a3cd9;width:6px;height:12px;margin-left:-3px;top:-2px}.prog-tick.on{background:var(--green);box-shadow:0 0 8px var(--green)}#prog-meta{color:var(--dim);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:6px;font-size:13px;display:flex}.edge{opacity:0;width:22vw;position:absolute;top:0;bottom:0}.edge.left{background:linear-gradient(90deg,#ff281ebf,#ff281e00);left:0}.edge.right{background:linear-gradient(270deg,#ff281ebf,#ff281e00);right:0}#msg{text-align:center;letter-spacing:.06em;opacity:0;text-shadow:0 4px 24px #0009;font-size:clamp(30px,5.6vw,76px);font-weight:900;transition:opacity .25s,transform .25s;position:absolute;top:24%;left:0;right:0;transform:scale(.96)}#msg.show{opacity:1;transform:scale(1)}#msg.good{color:var(--green)}#msg.warn{color:#ffcf4a}#msg.bad{color:var(--red)}#msg.cp{color:var(--accent)}#sub-msg{text-align:center;color:var(--ink);opacity:0;font-size:clamp(15px,1.6vw,22px);transition:opacity .3s;position:absolute;top:calc(24% + clamp(44px,7vw,96px));left:0;right:0}#sub-msg.show{opacity:.92}#hint{color:var(--dim);font-size:13px;transition:opacity 1s;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}#reticle{width:0;height:0;position:absolute;top:0;left:0}#reticle .ring{border:3px solid var(--green);width:60px;height:60px;box-shadow:0 0 16px var(--green), inset 0 0 12px #5dff9b66;border-radius:50%;animation:.8s ease-in-out infinite pulse;position:absolute;top:-30px;left:-30px}#reticle.sea .ring{border-color:var(--red);box-shadow:0 0 16px var(--red), inset 0 0 12px #ff3c3c66;animation-duration:.35s}#reticle-txt{white-space:nowrap;color:var(--green);font-size:15px;font-weight:800;position:absolute;top:-10px;left:38px}#reticle.sea #reticle-txt{color:var(--red)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}#jaws{pointer-events:none;position:fixed;inset:0;overflow:hidden}#jaws .jaw{filter:drop-shadow(0 0 30px #000000e6);width:104%;height:56%;position:absolute;left:-2%}#jaws .jaw .teeth{stroke:#4628198c;stroke-width:2px}#jaws .jaw.top{top:0;transform:translateY(-105%)}#jaws .jaw.bottom{bottom:0;transform:translateY(105%)}#fade{opacity:0;pointer-events:none;background:#000;position:fixed;inset:0}.screen{background:radial-gradient(#030e1a59,#030a14c7);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.screen.over{background:radial-gradient(#2800008c,#080000eb)}.card{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);text-align:center;background:#05142499;border-radius:22px;width:100%;max-width:640px;padding:34px 38px 30px;box-shadow:0 30px 80px #00000073}.card.small{max-width:380px}.title{letter-spacing:.08em;background:linear-gradient(#fff 10%,#7fd9ff 60%,#1f7fb8 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(44px,7vw,78px);font-weight:900}.title.red{background:linear-gradient(#ffd0c8 0%,#ff3b3b 55%,#7a0000 100%);-webkit-background-clip:text;background-clip:text;animation:1.2s ease-in-out infinite throb}.title.gold{background:linear-gradient(#fff6d0 0%,#ffd35c 55%,#b07400 100%);-webkit-background-clip:text;background-clip:text}@keyframes throb{50%{transform:scale(1.04)}}.tagline{letter-spacing:.3em;color:var(--dim);margin:6px 0 18px;font-size:13px}.story{color:#d7ecf8;text-align:left;font-size:15px;line-height:1.7}.story strong{color:#ff8b7a}.keys{text-align:left;color:#cfe7f5;margin:18px 0 8px;padding:0;font-size:14px;line-height:2;list-style:none}.green{color:var(--green)}kbd{text-align:center;color:#fff;background:#ffffff14;border:1px solid #ffffff59;border-bottom-width:3px;border-radius:5px;min-width:22px;margin:0 2px;padding:0 6px;font:700 12px/20px ui-monospace,Consolas,monospace;display:inline-block}.buttons{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px;display:flex}button{font:inherit;border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#ffffff14;border-radius:12px;padding:12px 22px;font-size:17px;font-weight:700;transition:transform .12s,background .2s,box-shadow .2s}.language-toggle{z-index:50;top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));-webkit-backdrop-filter:blur(8px);background:#051424d1;padding:9px 16px;font-size:14px;position:fixed}button:hover{background:#ffffff29}button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button:active{transform:scale(.97)}button.primary{background:linear-gradient(#33c8ff,#1579d6);border-color:#7fdcff;box-shadow:0 8px 30px #148ce673}.over button.primary{background:linear-gradient(#ff5a4a,#b3120c);border-color:#ff9a8a;box-shadow:0 8px 30px #e61e1473}button kbd{margin-left:6px}.stats{color:#e6f3fb;font-variant-numeric:tabular-nums;font-size:16px;line-height:1.9}.stats b{color:#fff}.note{color:var(--dim);margin:14px 0 0;font-size:12px}.loadbar{background:#ffffff1f;border-radius:4px;width:70%;height:6px;margin:18px auto 10px;overflow:hidden}#load-fill{background:linear-gradient(90deg,#36b6ff,#5fe3ff);width:0;height:100%;transition:width .3s}#load-txt{color:var(--dim);font-size:14px}@media (max-width:720px){.gauge .big{font-size:30px}.gauge.spd .big{font-size:36px}.alt-bar{height:90px}#hint{display:none}.card{padding:22px 18px}}@media (prefers-reduced-motion:reduce){.title.red,#reticle .ring{animation:none}}