:root{--hud:#f4ead8;--red:#ff4b3a;--amber:#ffb13b;--panel:#0c10188c;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px)}*{box-sizing:border-box}html,body{height:100dvh;color:var(--hud);touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#000;margin:0;font-family:Rajdhani,system-ui,sans-serif;overflow:hidden}canvas{display:block}#hud{pointer-events:none;position:fixed;inset:0}.panel{background:var(--panel);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #ffffff1f;border-radius:10px;padding:10px 14px;position:absolute}#tl{width:230px;top:14px;left:14px}#tr{width:210px;top:14px;right:14px}.lbl{letter-spacing:.14em;opacity:.7;text-transform:uppercase;font-size:12px}.big{text-align:right;font-size:30px;font-weight:700;line-height:1}.row{justify-content:space-between;align-items:baseline;margin-top:3px;font-size:17px;display:flex}.bar{background:#ffffff1f;border-radius:6px;height:12px;margin:4px 0 8px;overflow:hidden}.bar>i{background:linear-gradient(90deg,#ff4b3a,#ffb13b 40%,#4be37a);width:100%;height:100%;transition:width .2s;display:block}#status{min-height:18px;margin-top:6px;font-size:15px;font-weight:700}#prog{text-align:center;width:min(520px,40vw);top:14px;left:50%;transform:translate(-50%)}#track{background:linear-gradient(90deg,#3a6ea5,#c0463a 42% 68%,#3a6ea5);border-radius:4px;height:8px;margin:8px 0 5px;position:relative}#shipdot{background:#fff;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;top:50%;left:0;box-shadow:0 0 10px #fff}.names{opacity:.75;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;font-size:11px;display:flex}#banner{text-align:center;text-shadow:0 4px 18px #000000b3;opacity:0;font-family:Black Ops One,sans-serif;font-size:clamp(30px,6vw,66px);transition:opacity .3s;position:absolute;top:26%;left:0;right:0}#banner small{letter-spacing:.2em;opacity:.9;font-family:Rajdhani,sans-serif;font-size:20px;display:block}#lock{color:var(--red);white-space:nowrap;text-shadow:0 0 12px var(--red);font-family:Black Ops One,sans-serif;font-size:28px;display:none;position:absolute;top:118px;left:50%;transform:translate(-50%)}#lock.on{animation:.45s steps(2,jump-none) infinite blink;display:block}@keyframes blink{to{opacity:.15}}#radio{opacity:0;max-width:min(480px,70vw);font-size:17px;transition:opacity .3s;bottom:16px;left:16px}#radio b{color:var(--amber)}#help{text-align:right;opacity:.85;font-size:14px;line-height:1.55;bottom:16px;right:16px}kbd{text-align:center;border:1px solid #ffffff59;border-bottom-width:2px;border-radius:4px;min-width:22px;padding:0 5px;font:700 12px Rajdhani,sans-serif;display:inline-block}#vignette{pointer-events:none;position:fixed;inset:0}.pop{will-change:transform;white-space:nowrap;text-shadow:0 2px 6px #000;font-size:21px;font-weight:700;position:absolute;top:0;left:0}#tech{width:260px;font:500 12px/1.5 ui-monospace,Menlo,monospace;top:168px;left:14px}#tech .t{white-space:nowrap;justify-content:space-between;gap:10px;display:flex}#tech .t b{color:#bfe7ff;font-weight:700}#tech .h{margin-top:6px;font-family:Rajdhani,sans-serif}#fpsGraph{background:#00000059;border-radius:4px;width:100%;height:34px;margin:4px 0 2px;display:block}#screen{touch-action:pan-y;background:radial-gradient(#0000004d,#000000c7);display:flex;position:fixed;inset:0;overflow-y:auto}.card{text-align:center;max-width:660px;margin:auto;padding:28px 34px}h1{color:var(--amber);text-shadow:0 4px #7a2a12;margin:0;font-family:Black Ops One,sans-serif;font-size:clamp(38px,8vw,76px);line-height:1}.tag{letter-spacing:.3em;text-transform:uppercase;opacity:.8;margin:8px 0 18px}.card p{margin:8px 0;font-size:18px;line-height:1.45}.grid{text-align:left;grid-template-columns:auto 1fr;gap:5px 16px;max-width:460px;margin:16px auto;font-size:16px;display:grid}button{letter-spacing:.14em;background:var(--amber);color:#1a1208;cursor:pointer;border:0;border-radius:8px;margin-top:14px;padding:12px 36px;font:700 20px Rajdhani,sans-serif}button:hover{filter:brightness(1.1)}#mute,#pause{z-index:10;letter-spacing:0;background:var(--panel);color:var(--hud);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #ffffff1f;margin:0;padding:6px 12px;font-size:20px;line-height:1;position:fixed;top:172px;right:14px}#pause{z-index:0;display:none;right:70px}#touch{display:none}body.touch #touch,body.touch #pause{display:block}body.menu #touch,body.menu #pause,body.touch #help,body.touch .kb{display:none}#touch .pad{bottom:calc(18px + var(--safe-b));grid-template-columns:repeat(2,68px);gap:12px;display:grid;position:fixed}#touch .left{left:calc(18px + var(--safe-l))}#touch .right{right:calc(18px + var(--safe-r))}#touch button{letter-spacing:0;width:68px;height:68px;color:var(--hud);pointer-events:auto;touch-action:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c101873;border:2px solid #ffffff4d;border-radius:50%;margin:0;padding:0;font-size:26px;position:relative}#touch button.on{background:#ffb13b8c}#touch button.cd{opacity:.4}#touch small{background:var(--amber);color:#1a1208;border-radius:11px;min-width:22px;padding:1px 5px;font:700 13px Rajdhani,sans-serif;position:absolute;top:-4px;right:-4px}body.touch #radio{max-width:none;left:12px;right:12px;bottom:calc(184px + var(--safe-b));text-align:center;padding:6px 10px;font-size:14px}@media (orientation:landscape){body.touch #radio{left:calc(190px + var(--safe-l));right:calc(190px + var(--safe-r));bottom:calc(12px + var(--safe-b))}}@media (max-width:760px),(max-height:500px){.panel{border-radius:8px;padding:6px 10px}.lbl{font-size:10px}.big{font-size:22px}.row{font-size:14px}.bar{height:9px;margin:3px 0 5px}#status{min-height:0;margin-top:2px;font-size:12px}#prog{top:calc(6px + var(--safe-t));left:calc(10px + var(--safe-l));right:calc(10px + var(--safe-r));width:auto;padding:6px 12px;transform:none}#prog .lbl,.names{display:none}#track{height:6px;margin:0}#shipdot{width:12px;height:12px;margin:-6px 0 0 -6px}#tl{top:calc(30px + var(--safe-t));left:calc(10px + var(--safe-l));width:150px}#tl>.lbl{letter-spacing:.04em;white-space:nowrap}#tr{top:calc(30px + var(--safe-t));right:calc(10px + var(--safe-r));width:130px}#mute,#pause{top:calc(138px + var(--safe-t));right:calc(10px + var(--safe-r));padding:5px 9px;font-size:17px}#pause{right:calc(56px + var(--safe-r))}#tech,#help{display:none}body.menu #hud{visibility:hidden}body.menu #mute{top:calc(10px + var(--safe-t))}#banner{top:24%}#banner small{font-size:14px}#lock{font-size:20px;top:38%}.pop{font-size:16px}.card{padding:52px 16px 18px}.tag{letter-spacing:.18em;margin:6px 0 10px;font-size:12px}.card p{font-size:15px}.grid{gap:4px 10px;margin:10px auto;font-size:14px}}@media (max-height:500px){#banner{font-size:clamp(24px,5vw,40px);top:36%}}