:root{--bg-0: #02040a;--bg-1: #050b1c;--bg-2: #0a1228;--ink: #eef4ff;--ink-dim: #9db0d0;--ink-faint: #5b6b8a;--accent: #7fd7ff;--accent-2: #b98cff;--glass: rgba(10, 18, 40, .42);--glass-brd: rgba(140, 180, 255, .18);--glass-hi: rgba(180, 210, 255, .1);--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;margin:0;padding:0}html,body{height:100%;width:100%;overflow:hidden;background:var(--bg-0);color:var(--ink);font-family:Inter,Helvetica Neue,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{background:radial-gradient(120% 120% at 50% 38%,var(--bg-2) 0%,var(--bg-1) 42%,var(--bg-0) 100%);position:relative;isolation:isolate}#scene{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;z-index:1}.vignette{position:fixed;inset:0;z-index:2;pointer-events:none;background:radial-gradient(130% 130% at 50% 45%,transparent 46%,rgba(0,0,0,.55) 100%);mix-blend-mode:multiply}.noise{position:fixed;inset:-50%;z-index:3;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px;animation:grain 1.1s steps(3) infinite}@keyframes grain{0%{transform:translate(0)}33%{transform:translate(-6px,4px)}66%{transform:translate(5px,-5px)}to{transform:translate(0)}}.hud{position:fixed;top:calc(var(--safe-t) + 22px);left:calc(var(--safe-l) + 22px);z-index:5;max-width:min(360px,calc(100vw - 44px));padding:20px 22px 18px;border-radius:16px;background:var(--glass);border:1px solid var(--glass-brd);box-shadow:inset 0 1px 0 var(--glass-hi),0 24px 60px -30px #000000e6;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%)}.hud:before{content:"";position:absolute;inset:0;border-radius:16px;padding:1px;background:linear-gradient(140deg,rgba(180,210,255,.35),transparent 40%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.eyebrow{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:12px}.eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.title{font-size:clamp(20px,3.4vw,28px);font-weight:600;letter-spacing:.14em;text-transform:uppercase;line-height:1.1;color:var(--ink);text-shadow:0 0 24px rgba(127,215,255,.25)}.title .accent{color:var(--accent)}.status{margin-top:14px;font-size:12px;letter-spacing:.04em;color:var(--ink-dim);line-height:1.5}.status strong{color:var(--ink);font-weight:600}.instruction{margin-top:10px;font-size:11px;letter-spacing:.06em;color:var(--ink-faint);display:flex;align-items:center;gap:8px}.instruction kbd{font-family:inherit;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);padding:3px 7px;border-radius:6px;border:1px solid var(--glass-brd);background:#ffffff08}.footer{position:fixed;bottom:calc(var(--safe-b) + 18px);right:calc(var(--safe-r) + 22px);z-index:5;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);text-align:right;line-height:1.7;pointer-events:none}.footer .mark{color:var(--ink-dim)}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}@media(prefers-reduced-motion:reduce){.noise,.eyebrow .dot{animation:none}*{transition-duration:.001ms!important}}@media(max-width:520px){.hud{top:calc(var(--safe-t) + 14px);left:calc(var(--safe-l) + 14px);right:calc(var(--safe-r) + 14px);max-width:none;padding:16px 18px 14px}.footer{bottom:calc(var(--safe-b) + 12px);right:calc(var(--safe-r) + 16px);font-size:9px}}