:root{--bg: #0b0d17;--fg: #f5f7ff;--muted: #aeb6d4;--accent: #38bdf8;--accent-2: #06b6d4;--panel: rgba(14, 17, 32, .82);--border: rgba(255, 255, 255, .12);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--fg)}.canvas-mount{position:fixed;inset:0}.canvas-mount canvas{display:block}.crosshair{position:fixed;top:50%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;border:1.5px solid rgba(255,255,255,.7);pointer-events:none;transition:transform .15s ease,border-color .15s ease}.crosshair.focused{transform:scale(1.8);border-color:var(--accent)}.overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(ellipse at center,#0b0d1759,#0b0d17c7);backdrop-filter:blur(2px);z-index:10}.card{width:min(560px,100%);background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:40px;text-align:center;box-shadow:0 24px 80px #00000080}.eyebrow{font-size:.8rem;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}.card h1{font-size:2.6rem;font-weight:800;line-height:1.1;margin-bottom:12px}.card p{color:var(--muted);line-height:1.6;margin-bottom:8px}.scene-caption{margin-top:22px;font-size:.95rem;font-weight:600;color:var(--accent)}.themes{display:flex;flex-direction:column;gap:10px;margin:22px 0 4px;text-align:left}.theme-opt{background:#ffffff0a;border:1px solid var(--border);border-radius:12px;padding:12px 16px;cursor:pointer;color:var(--fg);font-family:inherit;transition:border-color .15s ease,background .15s ease,transform .1s ease;display:flex;flex-direction:column;gap:3px}.theme-opt:hover:not(:disabled){background:#ffffff12;border-color:#ffffff40}.theme-opt.sel{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.theme-opt:disabled{cursor:default}.theme-name{font-weight:700;font-size:1rem}.theme-blurb{font-size:.85rem;color:var(--muted);line-height:1.4}.toggle{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;font-size:.82rem;color:var(--muted);cursor:pointer}.toggle input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.keys{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:24px}.key{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;color:var(--muted)}kbd{display:inline-block;min-width:26px;padding:3px 8px;border-radius:6px;border:1px solid var(--border);background:#ffffff0f;font-family:inherit;font-size:.78rem;color:var(--fg)}.credit{margin-top:22px;font-size:.8rem;color:var(--muted)}.credit a{color:var(--accent);text-decoration:none}.hud{position:fixed;left:50%;bottom:28px;transform:translate(-50%);width:min(620px,calc(100% - 32px));background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--hud-accent, var(--accent));border-radius:12px;padding:16px 20px;box-shadow:0 12px 40px #00000073;z-index:8;animation:rise .2s ease;pointer-events:none}.hud.touch{bottom:150px}@keyframes rise{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.hud-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.hud-title{font-size:1.15rem;font-weight:700}.hud-chip{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;border-radius:999px;color:var(--hud-accent, var(--accent));background:color-mix(in srgb,var(--hud-accent, var(--accent)) 18%,transparent)}.hud-stars{font-size:.82rem;color:#e8c341}.hud-desc{margin-top:6px;color:var(--muted);font-size:.92rem;line-height:1.5}.hud-open{margin-top:10px;font-size:.85rem;color:var(--fg)}.hud-open kbd{margin-right:4px}.hud-open a{color:var(--accent);text-decoration:none;pointer-events:auto}.hint{position:fixed;top:16px;left:16px;font-size:.78rem;color:var(--muted);background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:10px 14px;z-index:8;line-height:1.7}.hint b{color:var(--fg)}.fail{max-width:420px}.gesture-layer{position:fixed;inset:0;z-index:5;touch-action:none}.joystick{position:fixed;left:26px;bottom:26px;width:124px;height:124px;border-radius:50%;background:#0e112080;border:1.5px solid var(--border);box-shadow:0 8px 30px #0006;z-index:7;touch-action:none;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.joystick-nub{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#06b6d4);box-shadow:0 4px 14px #06b6d480;will-change:transform}.touch-btn{position:fixed;z-index:8;border:1px solid var(--border);background:var(--panel);color:var(--fg);font-family:inherit;font-weight:700;border-radius:999px;cursor:pointer;touch-action:none;backdrop-filter:blur(4px)}.open-btn{right:24px;bottom:44px;padding:16px 26px;font-size:1.05rem;background:linear-gradient(90deg,#3b82f6,#06b6d4);border:none;box-shadow:0 8px 24px #06b6d466}.exit-btn{top:16px;right:16px;width:44px;height:44px;font-size:1.1rem;line-height:1}@media (max-width: 560px){.card{padding:28px 22px}.card h1{font-size:2rem}.keys{gap:6px}}