:root{--bg: #0a0014;--bg-2: #14002a;--ink: #f6f0ff;--ink-dim: #b9a8d6;--pink: #ff4dd2;--cyan: #4df0ff;--lime: #b6ff3c;--acid: #fff04d;--danger: #ff3a5e;--grid-line: rgba(255, 77, 210, .08);--shadow-hard: 4px 4px 0 #000;--shadow-pop: 6px 6px 0 var(--pink)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Bungee,VT323,system-ui,sans-serif;overflow-x:hidden;cursor:crosshair;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0}body{background:radial-gradient(ellipse at 20% 10%,rgba(255,77,210,.18),transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(77,240,255,.15),transparent 55%),linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%);background-attachment:fixed;min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}.vhs-overlay,.scanlines,.vignette,.noise{position:fixed;inset:0;pointer-events:none;z-index:9999;will-change:transform,opacity;transform:translateZ(0)}.scanlines{background:repeating-linear-gradient(to bottom,rgba(255,255,255,.04) 0 1px,transparent 1px 3px);mix-blend-mode:overlay;opacity:.5}.vignette{background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.7) 100%)}.vhs-overlay{background:linear-gradient(180deg,#ff00640a,#00ffff0a,#ff00640a);mix-blend-mode:screen;animation:vhsShift 6s steps(20) infinite}@keyframes vhsShift{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}.noise{opacity:.08;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' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.85'/></svg>");animation:noiseShift .6s steps(4) infinite;mix-blend-mode:overlay}@keyframes noiseShift{0%{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-2%)}to{transform:translate(0)}}.boot{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 30% 20%,rgba(255,77,210,.25),transparent 55%),radial-gradient(ellipse at 70% 80%,rgba(77,240,255,.2),transparent 55%),var(--bg);transition:opacity .4s ease,visibility .4s ease}.boot.is-done{opacity:0;visibility:hidden;pointer-events:none}.boot__inner{display:flex;flex-direction:column;align-items:center;gap:18px;padding:0 20px;text-align:center}.boot__title{font-family:Bungee Shade,Bungee,sans-serif;font-size:clamp(28px,6vw,64px);letter-spacing:.05em;color:var(--ink);text-shadow:3px 0 var(--pink),-3px 0 var(--cyan);position:relative}.boot__bar{width:min(380px,80vw);height:10px;background:#ffffff14;border:2px solid #000;box-shadow:4px 4px 0 var(--pink);overflow:hidden}.boot__bar-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--pink),var(--acid),var(--lime));transition:width .25s ease}.boot__pct{font-family:VT323,monospace;font-size:22px;color:var(--lime);text-shadow:0 0 6px var(--lime);letter-spacing:.2em}.hud{position:fixed;top:0;left:0;right:0;z-index:100;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:10px 18px;font-family:VT323,monospace;font-size:18px;background:linear-gradient(180deg,rgba(0,0,0,.5),transparent);letter-spacing:.05em;text-transform:uppercase}.hud__left,.hud__right{display:flex;align-items:center;gap:10px}.hud__right{justify-content:flex-end}.hud__center{text-align:center;color:var(--lime);text-shadow:0 0 6px var(--lime);white-space:nowrap}.hud__ca{background:transparent;border:none;color:var(--lime);font:inherit;letter-spacing:.05em;text-transform:uppercase;cursor:copy;padding:4px 8px;text-shadow:0 0 6px var(--lime);transition:color .15s ease,text-shadow .15s ease,transform .08s ease}.hud__ca:hover{color:var(--acid);text-shadow:0 0 10px var(--acid)}.hud__ca:active{transform:scale(.96)}.hud__ca-status{display:inline-block;margin-left:8px;padding:1px 6px;background:var(--acid);color:#000;font-size:12px;letter-spacing:.15em;opacity:0;transform:translateY(-2px);transition:opacity .15s ease,transform .15s ease}.hud__ca-status.is-on{opacity:1;transform:translateY(0)}.hud__dot{width:10px;height:10px;border-radius:50%;background:var(--danger);box-shadow:0 0 10px var(--danger);animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:.2}}.hud__rec{color:var(--danger)}.hud__time{color:var(--ink-dim)}.hud__btn{background:var(--pink);color:#000;border:2px solid #000;padding:6px 12px;font-family:Bungee,sans-serif;font-size:12px;letter-spacing:.1em;box-shadow:var(--shadow-hard);transition:transform .08s ease}.hud__btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #000}.hud__btn:active{transform:translate(2px,2px);box-shadow:0 0 #000}.hud__btn:disabled{background:#333;color:#666;cursor:not-allowed}.hud__vol{-webkit-appearance:none;appearance:none;width:80px;height:14px;background:transparent;cursor:pointer;margin:0;padding:0;outline:none}.hud__vol::-webkit-slider-runnable-track{height:2px;background:#ffffff40;border-radius:1px}.hud__vol::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;margin-top:-4px;border-radius:50%;background:var(--lime);box-shadow:0 0 6px var(--lime);border:none;transition:transform .1s ease}.hud__vol::-webkit-slider-thumb:hover{transform:scale(1.3)}.hud__vol::-moz-range-track{height:2px;background:#ffffff40;border-radius:1px;border:none}.hud__vol::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 6px var(--lime);border:none;cursor:pointer}.hud__vol:disabled{opacity:.3;cursor:not-allowed}.hero{position:relative;width:100%;height:100vh;overflow:hidden;isolation:isolate}#three-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;display:block;opacity:0;transition:opacity .6s ease}#three-canvas.is-ready{opacity:1}.hero__copy{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;padding:0 20px}.hero__copy>*{pointer-events:auto}.hero__title{font-family:Bungee Shade,Bungee,sans-serif;font-size:clamp(48px,12vw,160px);line-height:.9;margin:0;color:var(--ink);letter-spacing:.02em;text-shadow:4px 0 var(--pink),-4px 0 var(--cyan),0 0 30px rgba(255,77,210,.5);transform:rotate(-2deg)}.hero__sub{font-family:VT323,monospace;font-size:clamp(18px,2.4vw,28px);margin-top:18px;color:var(--lime);text-shadow:0 0 8px var(--lime);letter-spacing:.04em}.hero__sub em{color:var(--pink);font-style:normal}.hero__sub s{color:var(--ink-dim)}.hero__cta{margin-top:28px;display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.btn{display:inline-block;padding:14px 22px;font-family:Bungee,sans-serif;font-size:14px;letter-spacing:.12em;text-transform:uppercase;border:3px solid #000;box-shadow:var(--shadow-pop);transition:transform .1s ease,box-shadow .1s ease}.btn:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--pink)}.btn:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--pink)}.btn--primary{background:var(--acid);color:#000}.btn--ghost{background:transparent;color:var(--ink);border-color:var(--ink);box-shadow:6px 6px 0 var(--cyan)}.btn--ghost:hover{box-shadow:9px 9px 0 var(--cyan)}.btn--ghost:active{box-shadow:0 0 0 var(--cyan)}.hero__hint{position:absolute;bottom:28px;left:50%;transform:translate(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:6px;font-family:VT323,monospace;font-size:16px;color:var(--cyan);letter-spacing:.2em;text-shadow:0 0 6px var(--cyan)}.hero__hint-arrow{font-size:28px;animation:bounce 1.4s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;inset:0;pointer-events:none}.glitch:before{color:var(--pink);transform:translate(3px);mix-blend-mode:screen;clip-path:polygon(0 0,100% 0,100% 45%,0 45%);animation:glitchTop 3.2s infinite steps(1)}.glitch:after{color:var(--cyan);transform:translate(-3px);mix-blend-mode:screen;clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);animation:glitchBot 2.8s infinite steps(1)}@keyframes glitchTop{0%,92%,to{transform:translate(3px)}93%{transform:translate(-6px,-2px)}95%{transform:translate(8px,1px)}97%{transform:translate(-3px,2px)}}@keyframes glitchBot{0%,90%,to{transform:translate(-3px)}91%{transform:translate(6px,2px)}94%{transform:translate(-8px,-1px)}96%{transform:translate(3px,-2px)}}.section{position:relative;padding:120px 24px;border-top:2px dashed rgba(255,255,255,.08);contain:layout paint}.container{max-width:1100px;margin:0 auto}.kicker{font-family:VT323,monospace;font-size:18px;color:var(--cyan);letter-spacing:.2em;margin:0 0 8px;text-transform:uppercase}.section__title{font-family:Rubik Mono One,Bungee,sans-serif;font-size:clamp(44px,9vw,110px);margin:0 0 40px;line-height:.95;text-transform:uppercase;background:linear-gradient(120deg,var(--pink),var(--acid),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(4px 4px 0 #000)}.wobble{display:inline-block;animation:wobble 5s ease-in-out infinite;transform-origin:center}@keyframes wobble{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}.lore-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px}.card{background:linear-gradient(160deg,#1d0033,#0a0014);border:3px solid #000;box-shadow:8px 8px 0 var(--pink);padding:22px;transition:transform .2s ease,box-shadow .2s ease}.card h3{font-family:Bungee,sans-serif;font-size:20px;margin:0 0 10px;color:var(--acid);text-transform:lowercase}.card p{font-family:VT323,monospace;font-size:20px;line-height:1.25;margin:0;color:var(--ink)}.card p em{color:var(--cyan);font-style:normal}.card--tilt-l{transform:rotate(-1.5deg)}.card--tilt-r{transform:rotate(1.5deg);box-shadow:8px 8px 0 var(--cyan)}.card:hover{transform:rotate(0) translateY(-4px);box-shadow:12px 12px 0 var(--lime)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:30px}.stat{background:#000;border:3px solid var(--pink);padding:24px 16px;text-align:center;display:flex;flex-direction:column;gap:6px}.stat:nth-child(2){border-color:var(--cyan)}.stat:nth-child(3){border-color:var(--lime)}.stat:nth-child(4){border-color:var(--acid)}.stat__num{font-family:Bungee Shade,sans-serif;font-size:clamp(36px,5vw,64px);color:var(--ink);line-height:1}.stat__label{font-family:VT323,monospace;font-size:18px;color:var(--ink-dim);letter-spacing:.1em;text-transform:uppercase}.fineprint{font-family:VT323,monospace;font-size:18px;color:var(--ink-dim);text-align:center;margin:0}.steps{list-style:none;padding:0;margin:0;display:grid;gap:18px}.steps li{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:18px;background:#ffffff08;border-left:6px solid var(--lime);padding:18px 22px;font-family:VT323,monospace;font-size:24px}.step__n{font-family:Bungee,sans-serif;font-size:28px;color:var(--pink);text-shadow:2px 2px 0 #000}.socials{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px}.social{display:block;text-align:center;background:var(--ink);color:#000;padding:22px 16px;font-family:Bungee,sans-serif;font-size:18px;letter-spacing:.1em;border:3px solid #000;box-shadow:6px 6px 0 var(--pink);transition:transform .1s,box-shadow .1s,background .2s}.social:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--lime);background:var(--acid)}.foot{padding:40px 24px 80px;text-align:center;font-family:VT323,monospace;font-size:18px;color:var(--ink-dim);border-top:2px dashed rgba(255,255,255,.08)}.foot__sig{color:var(--pink);margin-top:10px;letter-spacing:.15em;text-transform:uppercase}@media (max-width: 720px){.hud{font-size:14px;padding:8px 12px}.hud__center{font-size:12px}.section{padding:80px 18px}.card{box-shadow:5px 5px 0 var(--pink)}.card--tilt-r{box-shadow:5px 5px 0 var(--cyan)}}@media (prefers-reduced-motion: reduce){.vhs-overlay,.noise,.wobble,.hero__hint-arrow,.glitch:before,.glitch:after{animation:none!important}}