:root{--void: #050008;--void-2: #0a0212;--void-3: #120420;--ink: #1a0428;--magenta: #ff2bd1;--magenta-dim: #b81a98;--magenta-glow: rgba(255, 43, 209, .55);--cyan: #00f0ff;--cyan-dim: #0098a8;--cyan-glow: rgba(0, 240, 255, .55);--plasma: #f5f0ff;--bone: #c8c0d8;--ash: #6b5d80;--blood: #ff1744;--gold: #ffb800;--green: #00ff9d;--font-display: "Syncopate", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-body: "Space Grotesk", sans-serif;--hud-w: 360px;--radius: 2px;--radius-lg: 4px;--shadow-magenta: 0 0 24px rgba(255, 43, 209, .4), 0 0 48px rgba(255, 43, 209, .2);--shadow-cyan: 0 0 24px rgba(0, 240, 255, .4), 0 0 48px rgba(0, 240, 255, .2);--grid-color: rgba(255, 43, 209, .06);--grid-color-2: rgba(0, 240, 255, .05)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100vw;height:100vh;overflow:hidden;background:var(--void);color:var(--plasma);font-family:var(--font-body);font-size:14px;line-height:1.4;-webkit-font-smoothing:antialiased;user-select:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select{font-family:inherit;color:inherit}a{color:var(--cyan);text-decoration:none}.bg-root{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.bg-grid{position:absolute;inset:-50%;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color-2) 1px,transparent 1px);background-size:48px 48px;transform:perspective(800px) rotateX(60deg) translateZ(0);transform-origin:center top;animation:gridScroll 18s linear infinite;opacity:.6}@keyframes gridScroll{0%{background-position:0 0}to{background-position:0 480px}}.bg-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 0%,var(--void) 75%),radial-gradient(circle at 20% 30%,rgba(255,43,209,.08) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(0,240,255,.08) 0%,transparent 40%)}.bg-scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,#0000 0px 2px,#00000026 3px,#0000 4px);mix-blend-mode:overlay;opacity:.5}.bg-grain{position:absolute;inset:0;opacity:.04;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");animation:grainShift .3s steps(2) infinite}@keyframes grainShift{0%{transform:translate(0)}50%{transform:translate(-2px,1px)}to{transform:translate(1px,-1px)}}.display{font-family:var(--font-display);letter-spacing:.15em;text-transform:uppercase;font-weight:700}.mono{font-family:var(--font-mono);letter-spacing:.02em}.eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--cyan);opacity:.8}.glitch{position:relative;display:inline-block}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch:before{color:var(--cyan);z-index:-1;animation:glitchA 3s infinite}.glitch:after{color:var(--magenta);z-index:-2;animation:glitchB 3s infinite}@keyframes glitchA{0%,to{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(-1px,-1px)}60%{transform:translate(1px,1px)}80%{transform:translate(2px,-1px)}}@keyframes glitchB{0%,to{transform:translate(0)}20%{transform:translate(2px,-1px)}40%{transform:translate(1px,1px)}60%{transform:translate(-1px,-1px)}80%{transform:translate(-2px,1px)}}.btn{position:relative;padding:12px 24px;background:var(--void-2);border:1px solid var(--magenta-dim);color:var(--plasma);font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;cursor:pointer;transition:all .15s ease-out;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--magenta-glow),transparent);transform:translate(-100%);transition:transform .4s ease-out}.btn:hover{border-color:var(--magenta);color:var(--void);background:var(--magenta);box-shadow:var(--shadow-magenta)}.btn:hover:before{transform:translate(100%)}.btn:disabled{opacity:.3;cursor:not-allowed}.btn:disabled:hover{background:var(--void-2);color:var(--plasma);border-color:var(--magenta-dim);box-shadow:none}.btn-cyan{border-color:var(--cyan-dim)}.btn-cyan:hover{border-color:var(--cyan);background:var(--cyan);color:var(--void);box-shadow:var(--shadow-cyan)}.btn-ghost{background:transparent;border-color:var(--ash)}.btn-ghost:hover{background:transparent;border-color:var(--plasma);color:var(--plasma);box-shadow:none}.panel{background:linear-gradient(135deg,#1a0428d9,#0a0212f2);border:1px solid rgba(255,43,209,.25);backdrop-filter:blur(10px);position:relative}.panel-cyan{border-color:#00f0ff40}.panel:before{content:"";position:absolute;top:-1px;left:-1px;width:12px;height:12px;border-top:2px solid var(--magenta);border-left:2px solid var(--magenta)}.panel:after{content:"";position:absolute;bottom:-1px;right:-1px;width:12px;height:12px;border-bottom:2px solid var(--magenta);border-right:2px solid var(--magenta)}.panel-cyan:before{border-color:var(--cyan)}.panel-cyan:after{border-color:var(--cyan)}.app-shell{position:relative;width:100vw;height:100vh;z-index:1;display:flex;flex-direction:column;overflow:hidden}.app-header{flex:0 0 auto;height:48px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,43,209,.2);background:linear-gradient(180deg,#0a0212e6,#05000899);backdrop-filter:blur(8px);z-index:10}.app-main{flex:1 1 auto;position:relative;overflow:hidden}.app-footer{flex:0 0 auto;height:28px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(0,240,255,.15);background:#050008cc;font-family:var(--font-mono);font-size:10px;color:var(--ash);letter-spacing:.15em;text-transform:uppercase;z-index:10}.view{position:absolute;inset:0;display:flex;animation:viewIn .4s ease-out}@keyframes viewIn{0%{opacity:0;transform:scale(.98);filter:blur(8px)}to{opacity:1;transform:scale(1);filter:blur(0)}}.view-out{animation:viewOut .3s ease-in forwards}@keyframes viewOut{0%{opacity:1}to{opacity:0;transform:scale(1.02);filter:blur(8px)}}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.flex-1{flex:1}.text-cyan{color:var(--cyan)}.text-magenta{color:var(--magenta)}.text-ash{color:var(--ash)}.text-blood{color:var(--blood)}.text-gold{color:var(--gold)}.text-green{color:var(--green)}.text-bone{color:var(--bone)}.text-plasma{color:var(--plasma)}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.18em}.tracking-tight{letter-spacing:-.02em}.text-xs{font-size:10px}.text-sm{font-size:12px}.text-md{font-size:14px}.text-lg{font-size:18px}.text-xl{font-size:24px}.text-2xl{font-size:32px}.text-3xl{font-size:48px}.text-4xl{font-size:64px}.text-6xl{font-size:96px}.font-bold{font-weight:700}.font-black{font-weight:800}.font-light{font-weight:300}.toast-stack{position:fixed;top:60px;right:20px;z-index:100;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{padding:12px 16px;background:#0a0212f2;border-left:3px solid var(--magenta);font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;min-width:240px;max-width:360px;animation:toastIn .3s ease-out;backdrop-filter:blur(8px)}.toast-cyan{border-left-color:var(--cyan)}.toast-blood{border-left-color:var(--blood)}.toast-gold{border-left-color:var(--gold)}@keyframes toastIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-out{animation:toastOut .3s ease-in forwards}@keyframes toastOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse 1.5s ease-in-out infinite}.dot-red{background:var(--blood);box-shadow:0 0 8px var(--blood)}.dot-amber{background:var(--gold);box-shadow:0 0 8px var(--gold)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.loader{width:100%;height:2px;background:var(--void-3);overflow:hidden;position:relative}.loader:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--magenta),var(--cyan),transparent);animation:loaderSweep 1.2s linear infinite}@keyframes loaderSweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.cursor-game{cursor:none}