:root{--bg:#050510;--fg:#fff;--muted:#d9e0ff80}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--fg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Space Grotesk,system-ui,-apple-system,sans-serif;overflow:hidden}#gl{z-index:0;touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.vignette{z-index:1;pointer-events:none;background:radial-gradient(at 50% 44%,#0000 42%,#03050c80 100%);position:fixed;inset:0}.overlay{z-index:2;pointer-events:none;position:fixed;inset:0}.wordmark{top:max(1.4rem, env(safe-area-inset-top));left:max(1.6rem, env(safe-area-inset-left));letter-spacing:.34em;text-indent:.34em;text-transform:uppercase;color:#ffffffd1;text-shadow:0 1px 22px #0009;font-family:Space Mono,ui-monospace,monospace;font-size:.72rem;font-weight:700;position:absolute}.hint{left:50%;bottom:max(1.6rem, env(safe-area-inset-bottom));letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-align:center;white-space:nowrap;text-shadow:0 1px 18px #000000b3;font-family:Space Mono,ui-monospace,monospace;font-size:clamp(.6rem,1.6vw,.74rem);transition:opacity 1s;position:absolute;transform:translate(-50%)}.hint.gone{opacity:0}.keys{color:#aef3ff;border:1px solid #aef3ff66;border-radius:5px;padding:.1em .45em;font-weight:700}.prompt{letter-spacing:.08em;color:#fff;text-align:center;white-space:nowrap;backdrop-filter:blur(8px);background:#0c120c99;border:1px solid #e6c88c73;border-radius:999px;padding:.6em 1.1em;font-family:Space Mono,ui-monospace,monospace;font-size:clamp(.8rem,2vw,1.05rem);animation:2.2s ease-in-out infinite floatpulse;position:absolute;bottom:22%;left:50%;transform:translate(-50%);box-shadow:0 0 28px #00000080}.prompt[hidden]{display:none}.prompt b{color:#ffce8a}.dialogue{left:50%;bottom:max(5.5rem, calc(env(safe-area-inset-bottom) + 4.5rem));backdrop-filter:blur(10px);color:#ece6d6;text-align:left;background:#0d120ed6;border:1px solid #dec89642;border-radius:14px;width:min(560px,88vw);padding:1rem 1.3rem .75rem;position:absolute;transform:translate(-50%);box-shadow:0 12px 44px #0000008c}.dialogue[hidden]{display:none}.dialogue-name{letter-spacing:.18em;text-transform:uppercase;color:#ffce8a;margin-bottom:.45rem;font-family:Space Mono,monospace;font-size:.7rem}.dialogue-text{font-size:clamp(.95rem,2.4vw,1.12rem);line-height:1.5}.dialogue-more{letter-spacing:.1em;color:#ece6d680;text-align:right;margin-top:.7rem;font-family:Space Mono,monospace;font-size:.64rem}.dialogue-more b{color:#ffce8a}@keyframes floatpulse{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-5px)}}.email-link{right:max(1.6rem, env(safe-area-inset-right));bottom:max(1.5rem, env(safe-area-inset-bottom));pointer-events:auto;color:#ffffffb8;letter-spacing:.04em;backdrop-filter:blur(6px);border:1px solid #ffffff2e;border-radius:999px;padding:.45em .85em;font-family:Space Mono,ui-monospace,monospace;font-size:clamp(.66rem,1.6vw,.8rem);text-decoration:none;transition:border-color .35s,color .35s,background .35s;position:absolute}.email-link:hover,.email-link:focus-visible{color:#fff;background:#aef3ff1f;border-color:#aef3ffe6;outline:none}.score{top:max(1.25rem, env(safe-area-inset-top));letter-spacing:.08em;color:#fff;backdrop-filter:blur(6px);text-shadow:0 1px 14px #0009;background:#280e2666;border:1px solid #ff5ce066;border-radius:999px;align-items:baseline;gap:.32em;padding:.4em .9em;font-family:Space Mono,ui-monospace,monospace;font-size:clamp(.78rem,1.8vw,.95rem);font-weight:700;display:flex;position:absolute;left:50%;transform:translate(-50%)}.score[hidden]{display:none}.score-ico{color:#ff8ae8}.score-sep{opacity:.5;margin:0 .1em}.score-label{letter-spacing:.16em;text-transform:uppercase;opacity:.6;margin-left:.4em;font-size:.62em}.sound-toggle{top:max(1.25rem, env(safe-area-inset-top));right:max(1.6rem, env(safe-area-inset-right));pointer-events:auto;color:#ffffffc7;cursor:pointer;backdrop-filter:blur(6px);background:#0c121466;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:2.3rem;height:2.3rem;font-size:1rem;line-height:1;transition:border-color .35s,color .35s,background .35s;display:grid;position:absolute}.sound-toggle:hover,.sound-toggle:focus-visible{color:#fff;background:#aef3ff1f;border-color:#aef3ffe6;outline:none}.sound-toggle .sound-off{display:none}.sound-toggle[aria-pressed=true]{color:#ffffff6b}.sound-toggle[aria-pressed=true] .sound-on{display:none}.sound-toggle[aria-pressed=true] .sound-off{display:inline}.cast-btn{z-index:3;right:max(1.5rem, env(safe-area-inset-right));bottom:max(6.5rem, calc(env(safe-area-inset-bottom) + 5.5rem));color:#eaffff;cursor:pointer;backdrop-filter:blur(6px);background:radial-gradient(circle at 40% 35%,#aef3ff59,#7b3ff24d);border:1px solid #aef3ff80;border-radius:50%;width:4rem;height:4rem;font-size:1.6rem;display:none;position:fixed;box-shadow:0 0 22px #7bb4ff80}.cast-btn:active{transform:scale(.92)}@media (pointer:coarse){.cast-btn{place-items:center;display:grid}}.joystick{z-index:2;pointer-events:none;background:#141e3240;border:1px solid #aef3ff59;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;position:fixed}.joystick[hidden]{display:none}.joystick-stick{background:radial-gradient(circle at 40% 35%,#aef3ff,#4ea7ff);border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%;box-shadow:0 0 22px #6ec8ffb3}#loading{z-index:5;color:var(--muted);letter-spacing:.32em;text-transform:uppercase;text-indent:.32em;background:radial-gradient(circle at 50% 45%,#15102e,#050510 75%);flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;font-family:Space Mono,monospace;font-size:.74rem;transition:opacity 1s;display:flex;position:fixed;inset:0}#loading.gone{opacity:0;pointer-events:none}.spinner{border:2px solid #aef3ff2e;border-top-color:#aef3ff;border-radius:50%;width:42px;height:42px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#fallback{z-index:6;text-align:center;background:radial-gradient(circle at 40% 35%,#1a1438,#050510 70%);flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;padding:2rem;display:flex;position:fixed;inset:0}#fallback[hidden]{display:none}#fallback h1{letter-spacing:-.04em;font-size:clamp(2.5rem,12vw,9rem)}#fallback p{text-transform:uppercase;letter-spacing:.4em;text-indent:.4em;color:var(--muted);font-family:Space Mono,monospace}#fallback a{color:#fff;font-family:Space Mono,monospace}@media (width<=640px){.hint{white-space:normal;max-width:80vw;line-height:1.6}.email-link{font-size:.62rem}}