:root{--retro-bg-base: #0c0c44;--retro-bg-lower: #1a0f0a;--retro-sky-top: #0d0221;--retro-sky-mid: #1a0a3e;--retro-purple: #3d1566;--retro-horizon: #ff2d95;--retro-sun: #ff8a00;--retro-grid: rgba(255, 45, 149, .45);--retro-grid-bright: rgba(255, 138, 0, .55);--retro-text-shadow: 2px 2px 0 #1a0533, 0 0 12px rgba(0, 0, 0, .6)}body.retrowave-bg{background-color:var(--retro-bg-base);background-image:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,rgba(0,0,0,.04) 3px,rgba(0,0,0,.04) 4px),radial-gradient(ellipse 90% 55% at 50% 38%,rgba(255,138,0,.75) 0%,rgba(255,45,149,.45) 30%,transparent 62%),linear-gradient(180deg,var(--retro-sky-top) 0%,var(--retro-sky-mid) 18%,var(--retro-purple) 34%,#5a2080 39%,var(--retro-horizon) 43%,#ff6b35 47%,var(--retro-bg-base) 52%,var(--retro-bg-lower) 100%);background-attachment:fixed}body.retrowave-bg:after{content:"";position:fixed;left:-60%;right:-60%;top:28%;height:55%;z-index:0;pointer-events:none;background-image:linear-gradient(var(--retro-grid) 2px,transparent 2px),linear-gradient(90deg,var(--retro-grid) 2px,transparent 2px);background-size:64px 36px;transform:perspective(240px) rotateX(58deg);transform-origin:center top;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 18%,black 72%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 18%,black 72%,transparent 100%);opacity:.85}body.retrowave-bg #root{position:relative;z-index:1}.retrowave-heading{text-shadow:3px 3px 0 #1a0533,0 0 18px rgba(255,107,44,.45),var(--retro-text-shadow)}.retrowave-subheading{color:#ffd4ec;text-shadow:var(--retro-text-shadow)}.lobby-screen .scene-sky,.retrowave-scene-sky{background:radial-gradient(ellipse 80% 45% at 50% 88%,rgba(255,138,0,.85) 0%,rgba(255,45,149,.5) 35%,transparent 68%),linear-gradient(180deg,var(--retro-sky-top) 0%,var(--retro-sky-mid) 35%,var(--retro-purple) 62%,#5a2080 72%,var(--retro-horizon) 82%,#ff6b35 88%,var(--retro-bg-base) 100%)!important}.lobby-screen .pixel-scene:after{content:"";position:absolute;left:-50%;right:-50%;bottom:18%;height:42%;pointer-events:none;background-image:linear-gradient(var(--retro-grid-bright) 2px,transparent 2px),linear-gradient(90deg,var(--retro-grid-bright) 2px,transparent 2px);background-size:72px 40px;transform:perspective(220px) rotateX(58deg);transform-origin:center bottom;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 20%,black 80%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 20%,black 80%,transparent 100%);opacity:.7;z-index:1}:root{--bg-card: #2e1c14;--border: #4a3020;--accent: #ff6b2c;--text: #fff8e7;--muted: #c4a882;--danger: #e8453c}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:"Press Start 2P",monospace;color:var(--text);min-height:100vh;line-height:1.7}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;text-align:center}.brand{font-size:2.5rem;margin-bottom:.5rem}h1{color:var(--accent);font-size:.9rem;margin-bottom:.5rem;text-shadow:3px 3px 0 #1a0533,0 0 16px rgba(255,107,44,.4)}.subtitle{color:#ffd4ec;font-size:.55rem;margin-bottom:2rem;text-shadow:2px 2px 0 #1a0533}.card{width:100%;max-width:400px;background:var(--bg-card);border:3px solid var(--border);padding:1.5rem;box-shadow:4px 4px 0 var(--border);text-align:left}.label{display:block;font-size:.5rem;color:var(--muted);margin-bottom:.5rem}.input{width:100%;padding:.85rem;margin-bottom:1rem;background:#241610;border:2px solid var(--border);color:var(--text);font-family:inherit;font-size:.55rem}.btn{width:100%;padding:.9rem;background:var(--accent);color:#1a0f0a;border:3px solid var(--border);font-family:inherit;font-size:.55rem;cursor:pointer;box-shadow:3px 3px 0 var(--border)}.btn:disabled{opacity:.5;cursor:not-allowed}.error{color:var(--danger);font-size:.5rem;margin-bottom:1rem;line-height:1.8}