:root{--font-primary:"Space Grotesk", sans-serif;--font-secondary:"Outfit", sans-serif;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:1rem;--spacing-4:1.5rem;--spacing-6:2rem;--spacing-8:3rem;--bg-color:#000;--text-main:#fff;--text-muted:#8b92a5;--accent-color:#6366f1;--accent-glow:#6366f166;--panel-bg:#14141499;--glass-border:#ffffff1a;--glass-blur:32px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=outdoors]{--bg-color:#f8fafc;--text-main:#0f172a;--text-muted:#64748b;--accent-color:#6366f1;--dpad-bg:#0f172a0d;--dpad-active:#6366f14d;--dpad-border:#0f172a1a;--panel-bg:#ffffffe6;--glass-border:#0f172a14}[data-theme=dungeon]{--bg-color:#2b2b2b;--text-main:gold;--text-muted:#aaa;--accent-color:#ff4500;--dpad-bg:#8b4513;--dpad-active:sienna;--dpad-border:#000;--panel-bg:#4a4a4a;--glass-border:#000}*,:before,:after{box-sizing:border-box}body,html{background-color:var(--bg-color);width:100vw;height:100vh;color:var(--text-main);font-family:var(--font-primary);overscroll-behavior:none;margin:0;padding:0;overflow:hidden}#root{background:radial-gradient(circle at center, var(--accent-glow) 0%, transparent 70%), var(--bg-color);width:100%;height:100%;position:relative}button{font-family:var(--font-primary);cursor:pointer;border:none;border-radius:8px;transition:all .2s ease-in-out}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px #0006}.h1-display{font-family:var(--font-primary);letter-spacing:-.05em;text-transform:lowercase;text-align:left;margin:0 auto;font-size:clamp(2.5rem,8vw,5rem);font-weight:700;line-height:1}.text-gradient{background:linear-gradient(135deg,#f0c 0%,#6366f1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.silver-text{color:#f1f5f9;text-shadow:0 0 10px #ffffff4d}@media (width<=600px){.title-break{display:block}.h1-display{font-size:15vw}}.mono-tag{font-family:var(--font-primary);text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);font-size:.75rem;font-weight:600}.animate-pulse-slow{animation:3s ease-in-out infinite pulse-slow}@keyframes pulse-slow{0%,to{opacity:1}50%{opacity:.6}}.slide-up-modal{animation:.4s cubic-bezier(.16,1,.3,1) forwards slide-up}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.victory-zoom{animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards victory-pop}@keyframes victory-pop{0%{opacity:0;transform:scale(.1)}to{opacity:1;transform:scale(1)}}.console-body{color:#2c3238;padding-top:env(safe-area-inset-top);background-color:#d0d4d9;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.06'/%3E%3C/svg%3E")}.console-screen-bezel{background-color:#1e2024;border-radius:12px 12px 24px 24px;padding:.5rem .5rem 1.25rem;box-shadow:inset 0 6px 15px #0009,0 2px 1px #fff9}.dpad-button{color:#2c3238;touch-action:none;cursor:pointer;text-shadow:1px 1px #ffffff80;background:#c1c5cc;border:none;border-radius:12px;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;transition:all 50ms;display:flex;box-shadow:inset 2px 2px 4px #fffc,inset -3px -3px 6px #00000026,0 6px 10px #0003}.dpad-button:active{transform:translateY(4px);box-shadow:inset 3px 3px 6px #00000040,inset -2px -2px 4px #fff6,0 1px 2px #0000001a}.dpad-button:empty{box-shadow:none;pointer-events:none;background:0 0}.console-btn{color:#2c3238;cursor:pointer;background:#c1c5cc;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all 50ms;display:flex;box-shadow:inset 2px 2px 4px #fffc,inset -3px -3px 6px #00000026,0 4px 6px #0003}.console-btn:active{transform:translateY(3px);box-shadow:inset 3px 3px 6px #00000040,0 1px 2px #0000001a}.timer-display{color:#2b332c;text-shadow:1px 1px #ffffff4d;background:#9baba0;border-radius:6px;padding:.5rem 1rem;font-family:monospace;font-size:1.4rem;font-weight:700;box-shadow:inset 2px 2px 6px #0000004d,0 2px #fff9}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning-icon{animation:1s linear infinite spin}@keyframes float{0%,to{filter:drop-shadow(0 0 20px var(--accent-glow));transform:translateY(0)scale(1)}50%{filter:drop-shadow(0 0 40px var(--accent-glow));transform:translateY(-20px)scale(1.05)}}.animate-float{animation:8s ease-in-out infinite float}.landing-screen{--bg-color:#000;--text-main:#fff;--text-muted:#8b92a5;--accent-color:#6366f1;--accent-glow:#6366f166;--panel-bg:#14141499;--glass-border:#ffffff1a;--glass-blur:32px;background-color:var(--bg-color);color:var(--text-main)}.tunnel-grid{perspective:1000px;transform-origin:50%;opacity:.2;z-index:-1;background-image:linear-gradient(#ffffff1a 1px,#0000 1px),linear-gradient(90deg,#ffffff1a 1px,#0000 1px);background-position:50%;background-size:100px 100px;position:absolute;inset:0;transform:rotateX(60deg)scale(2)}