@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--background: 0 0% 100%;--foreground: 240 10% 3.9%;--card: 0 0% 100%;--card-foreground: 240 10% 3.9%;--popover: 0 0% 100%;--popover-foreground: 240 10% 3.9%;--primary: 240 5.9% 10%;--primary-foreground: 0 0% 98%;--secondary: 240 4.8% 95.9%;--secondary-foreground: 240 5.9% 10%;--muted: 240 4.8% 95.9%;--muted-foreground: 240 3.8% 46.1%;--accent: 240 4.8% 95.9%;--accent-foreground: 240 5.9% 10%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 98%;--border: 240 5.9% 90%;--input: 240 5.9% 90%;--ring: 240 5.9% 10%;--radius: .625rem;--sidebar-background: 0 0% 98%;--sidebar-foreground: 240 5.3% 26.1%;--sidebar-primary: 240 5.9% 10%;--sidebar-primary-foreground: 0 0% 98%;--sidebar-accent: 240 4.8% 95.9%;--sidebar-accent-foreground: 240 5.9% 10%;--sidebar-border: 220 13% 91%;--sidebar-ring: 217.2 91.2% 59.8%}.dark{--background: 240 10% 3.9%;--foreground: 0 0% 98%;--card: 240 10% 3.9%;--card-foreground: 0 0% 98%;--popover: 240 10% 3.9%;--popover-foreground: 0 0% 98%;--primary: 0 0% 98%;--primary-foreground: 240 5.9% 10%;--secondary: 240 3.7% 15.9%;--secondary-foreground: 0 0% 98%;--muted: 240 3.7% 15.9%;--muted-foreground: 240 5% 64.9%;--accent: 240 3.7% 15.9%;--accent-foreground: 0 0% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 0 0% 98%;--border: 240 3.7% 15.9%;--input: 240 3.7% 15.9%;--ring: 240 4.9% 83.9%;--sidebar-background: 240 5.9% 10%;--sidebar-foreground: 240 4.8% 95.9%;--sidebar-primary: 224.3 76.3% 48%;--sidebar-primary-foreground: 0 0% 100%;--sidebar-accent: 240 3.7% 15.9%;--sidebar-accent-foreground: 240 4.8% 95.9%;--sidebar-border: 240 3.7% 15.9%;--sidebar-ring: 217.2 91.2% 59.8%}}@layer base{*{@apply border-border;}body{@apply bg-background text-foreground;}}:root{--void: #080808;--gold: #cca43b;--pink: #ff2a6d;--cyan: #05d9e8;--fog: rgba(255, 255, 255, .08);--glass: rgba(8, 8, 8, .6)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;min-height:100%;background:var(--void);color:#fff;font-family:Unbounded,JetBrains Mono,Space Grotesk,system-ui,sans-serif;overflow-x:hidden}#root{min-height:100vh}.app-container{position:relative;width:100%;min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(255,42,109,.08),transparent 50%),radial-gradient(circle at 80% 0%,rgba(5,217,232,.1),transparent 45%),var(--void)}.canvas-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;cursor:crosshair;touch-action:pan-y}.scroll-overlay-card{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;pointer-events:none;will-change:transform,opacity}.phase-content{text-align:center;padding:2.5rem 3rem;background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px #0006;max-width:520px}.eyebrow{font-size:.7rem;letter-spacing:.4em;text-transform:uppercase;color:#fff9;margin-bottom:1.2rem}.title{font-size:clamp(2.6rem,4vw,4.3rem);font-weight:500;letter-spacing:.2em;margin-bottom:1rem;background:linear-gradient(135deg,var(--gold),var(--pink),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(255,215,0,.25)}.subtitle{font-size:1rem;opacity:.8;letter-spacing:.15em;text-transform:uppercase}.hint{margin-top:1.5rem;font-size:.75rem;letter-spacing:.25em;text-transform:uppercase;color:#ffffffa6}.scroll-indicator{margin-top:2.5rem;animation:bounce 2s infinite}.scroll-arrow{width:30px;height:50px;border:2px solid rgba(255,255,255,.5);border-radius:15px;margin:0 auto;position:relative}.scroll-arrow:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:6px;height:10px;background:#fffc;border-radius:3px;animation:scrollDot 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes scrollDot{0%{opacity:1;top:8px}to{opacity:0;top:30px}}.hud{position:fixed;top:28px;left:28px;padding:1rem 1.2rem;border:1px solid rgba(255,255,255,.08);background:#0808088c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;text-transform:uppercase;letter-spacing:.2em;z-index:10;font-size:.7rem}.hud-title{color:#fff9;margin-bottom:.6rem}.hud-row{display:flex;justify-content:space-between;gap:1rem}.hud-label,.hud-state{color:#fff6}.hud-state.live{color:var(--cyan)}.hud-meter{margin-top:.6rem;height:4px;background:#ffffff1f;border-radius:999px;overflow:hidden}.hud-meter-fill{height:100%;background:linear-gradient(90deg,var(--pink),var(--cyan));transform-origin:left}.hud-back{display:block;margin-top:.8rem;padding:.5rem 0;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#ffffff80;text-decoration:none;font-size:.65rem;letter-spacing:.15em;text-align:center;transition:all .3s ease}.hud-back:hover{color:var(--cyan);border-color:var(--cyan);background:#05d9e814}.flash-overlay{position:fixed;top:50%;left:50%;width:200vmax;height:200vmax;transform:translate(-50%,-50%) scale(0);background:radial-gradient(circle,#fffffff2,#fff9 30%,#fff0 70%);pointer-events:none;z-index:20;will-change:transform,opacity}@media(max-width:720px){.phase-content{padding:2rem;border-radius:18px}.title{letter-spacing:.12em}.hud{left:16px;top:16px;padding:.8rem 1rem}}