*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#050814;color:#e4eefc;font-family:Segoe UI,system-ui,-apple-system,sans-serif}canvas{display:block}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:16px;cursor:pointer;background:radial-gradient(ellipse 70% 55% at 50% 0%,rgba(120,160,255,.24),transparent 70%),linear-gradient(180deg,#0e183cd1,#030612f2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#overlay.hidden{display:none}#back-home{position:absolute;top:18px;left:20px;color:#a9c8ff;text-decoration:none;font-size:13px;letter-spacing:.08em;opacity:.8}#back-home:hover{opacity:1}.entry{max-width:620px;text-align:center}.depthline{font-size:11px;letter-spacing:.24em;color:#86a8e6;margin-bottom:22px}.depthline .dot,.cta-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b4d0ff;box-shadow:0 0 10px #b4d0ff;margin-right:8px;vertical-align:middle;animation:pulse 2.2s ease-in-out infinite}#overlay h1{font-family:Cinzel,Georgia,Times New Roman,serif;font-weight:400;font-size:clamp(40px,8vw,78px);letter-spacing:.3em;margin-right:-.3em;color:#f0f6ff;text-shadow:0 0 30px rgba(130,175,255,.45)}.rule{width:120px;height:1px;margin:22px auto;background:linear-gradient(90deg,transparent,#e0a25c,transparent)}.strap{font-size:16px;line-height:1.65;color:#bccae6;margin-bottom:34px}.cta{font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:#f0f6ff;margin-bottom:18px}#overlay .resume,#overlay.started .start{display:none}#overlay.started .resume{display:block}.keys{font-size:12px;color:#7f96bf;line-height:1.9}.keys b{color:#e4eefc;font-weight:600}@keyframes pulse{0%,to{opacity:.45}50%{opacity:1}}#chip{position:fixed;top:16px;left:16px;z-index:5;display:none;padding:7px 12px 8px;background:#050a1a80;border:1px solid rgba(160,195,255,.2);border-radius:4px;pointer-events:none;font-size:11px;line-height:1.5;letter-spacing:.1em;color:#e4eefcb3}#chip #telemetry-sub{font-size:12px;letter-spacing:.14em;color:#f0f6ff}#chip #telemetry-coords{font-family:Consolas,Courier New,monospace;font-size:10.5px;color:#86a8e6}body.playing #chip{display:block}#crosshair{position:fixed;top:50%;left:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:#fff9;box-shadow:0 0 8px #82afff80;pointer-events:none;z-index:5;display:none}body.playing #crosshair{display:block}#hint{position:fixed;left:50%;bottom:18px;transform:translate(-50%);font-size:11px;letter-spacing:.1em;color:#e4eefc99;pointer-events:none;z-index:5;display:none;max-width:calc(100vw - 200px);text-align:center}body.playing #hint{display:block}#toast{position:fixed;top:62px;left:50%;transform:translate(-50%);padding:5px 12px;font-size:11px;line-height:1.45;letter-spacing:.1em;color:#f0f6ff;background:#050c2099;border:1px solid rgba(160,195,255,.25);border-radius:3px;pointer-events:none;opacity:0;transition:opacity .6s;z-index:6;max-width:min(440px,calc(100vw - 32px));text-align:center}#toast.show{opacity:1}#audio-ctrl{position:fixed;bottom:14px;right:16px;z-index:6;display:none;align-items:center;gap:9px}body.playing #audio-ctrl{display:flex}#audio-ctrl button{width:30px;height:30px;border-radius:50%;border:1px solid rgba(160,195,255,.3);background:#050a1a8c;color:#fff;font-size:14px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center}#audio-ctrl button:hover{background:#78a0ff47}#audio-ctrl button.muted{opacity:.45}#audio-ctrl input[type=range]{width:78px;accent-color:#8fb4ff;opacity:.65}#keys{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:min(880px,calc(100vw - 32px));max-height:calc(100vh - 80px);overflow-y:auto;display:none;flex-wrap:wrap;gap:14px 26px;padding:16px 22px 18px;background:#050a1ad6;border:1px solid rgba(160,195,255,.25);border-radius:6px;color:#e4eefc;font:12px/1.5 system-ui,sans-serif;z-index:30;pointer-events:none}#keys.show{display:flex}#keys .kt{width:100%;font-weight:700;letter-spacing:.18em;font-size:13px}#keys .kt span{font-weight:400;opacity:.55;margin-left:10px;letter-spacing:.1em}#keys .ks{flex:1 1 240px;opacity:.6}#keys .ks.here{opacity:1}#keys h4{margin:0 0 6px;font-size:11px;letter-spacing:.16em;color:#a9c8ff}#keys h4 i{font-style:normal;font-weight:400;color:#8fe8ff;margin-left:6px}#keys .kr{display:flex;gap:10px}#keys .kr b{min-width:74px;color:#fff}#keyhint{position:fixed;top:16px;right:16px;z-index:5;display:none;pointer-events:none;padding:6px 11px;font-size:11px;letter-spacing:.12em;color:#e4eefcbf;background:#050a1a80;border:1px solid rgba(160,195,255,.2);border-radius:4px}#keyhint b{color:#fff;border:1px solid rgba(255,255,255,.4);border-bottom-width:2px;border-radius:4px;padding:0 6px;margin-right:6px}body.playing #keyhint{display:block}#prompt{position:fixed;left:50%;bottom:64px;transform:translate(-50%);z-index:6;display:none;pointer-events:none;padding:6px 14px;font-size:13px;letter-spacing:.14em;color:#f0f6ff;text-align:center;background:#050c209e;border:1px solid rgba(160,195,255,.35);border-radius:4px}#prompt b{color:#fff;border:1px solid rgba(255,255,255,.5);border-bottom-width:2px;border-radius:4px;padding:0 6px;margin:0 2px}#prompt.show{display:block}