:root{--bg:#05060a;--silver:#d7dbe4;--silver-dim:#8b93a7;--line:rgba(215,219,228,.14);--font-pixel:"Press Start 2P","Courier New",monospace;--font-term:"VT323","Courier New",monospace;--font-ui:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--radius:18px;--card:hsla(0,0%,100%,.035);--card-border:hsla(0,0%,100%,.07);--elev-1:0 10px 30px -14px rgba(0,0,0,.7);--elev-2:0 18px 44px -16px rgba(0,0,0,.75)}*{box-sizing:border-box}html{height:100%;scroll-behavior:smooth}body{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--silver);font-family:var(--font-ui);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:has(.stage){overflow:hidden}canvas,img{image-rendering:pixelated}body{background:radial-gradient(120% 80% at 50% -10%,#12162400 40%,#05060a 100%),radial-gradient(80% 60% at 50% 120%,#1a2036 0,#05060a 70%)}canvas{image-rendering:pixelated}.stage{position:fixed;inset:0;overflow:hidden;perspective:1400px}.particle-canvas{position:fixed;inset:0;z-index:1;pointer-events:none}.floor{position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(180deg,rgba(120,140,190,0) 0,rgba(90,110,170,.06) 40%,rgba(150,170,220,.12));transform:perspective(600px) rotateX(62deg);transform-origin:bottom;z-index:0;pointer-events:none}.floor:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(0deg,#000 0,transparent 85%);mask-image:linear-gradient(0deg,#000 0,transparent 85%)}.vignette{position:fixed;inset:0;pointer-events:none;z-index:40;box-shadow:inset 0 0 240px 60px rgba(0,0,0,.85)}.title{font-family:var(--font-pixel);letter-spacing:2px;color:#eef1f7;text-shadow:0 0 12px rgba(180,200,255,.5)}.subtitle{font-family:var(--font-term);font-size:22px;letter-spacing:4px;color:var(--silver-dim);text-transform:uppercase}.btn{font-family:var(--font-pixel);font-size:12px;letter-spacing:1px;color:#eef1f7;background:linear-gradient(180deg,#1b2030,#0c0f18);border:2px solid #3a4256;padding:14px 22px;cursor:pointer;box-shadow:0 0 0 2px #05060a,0 6px 0 0 #05060a,0 0 22px rgba(150,180,255,.15);transition:transform .08s,box-shadow .2s,border-color .2s;image-rendering:pixelated}.btn:hover{transform:translateY(-2px);border-color:#6b7794;box-shadow:0 0 0 2px #05060a,0 8px 0 0 #05060a,0 0 34px rgba(160,190,255,.35)}.btn:active{transform:translateY(1px)}.mute{position:fixed;top:16px;right:18px;z-index:60;font-family:var(--font-pixel);font-size:10px;color:var(--silver-dim);background:rgba(10,12,20,.7);border:1px solid var(--line);padding:8px 10px;cursor:pointer}.mute:hover{color:#eef1f7;border-color:#5a6379}@keyframes floatY{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-14px) rotate(2deg)}}.screenreader{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}