:root{--bg: #0d0f1a;--panel: #1c2030;--panel2: #2f3450;--text: #e8e8f0;--muted: #9aa0b8;--accent: #41a6f6;--gold: #f6c945;--pixel: "Press Start 2P", monospace}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}#stars{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 3px,rgba(0,0,0,.12) 4px)}.select-screen{position:relative;z-index:2;max-width:880px;margin:0 auto;padding:7vh 20px 40px;text-align:center}.kicker{font-family:var(--pixel);font-size:10px;color:var(--muted);letter-spacing:2px}.title{font-family:var(--pixel);font-size:clamp(30px,7vw,58px);line-height:1.35;margin:14px 0 8px;color:var(--text);text-shadow:4px 4px 0 #15305a,8px 8px 0 rgba(65,166,246,.25)}.subtitle{color:var(--muted);margin:0 0 4vh}.gate-quote{font-family:var(--pixel);font-size:clamp(13px,2.4vw,18px);color:var(--text);margin:0 0 10px;text-shadow:2px 2px 0 #15305a}.gate-sub{color:var(--muted);font-size:15px;line-height:1.6;margin:0 0 3vh}.select-label{font-family:var(--pixel);font-size:11px;color:var(--gold);animation:blink 1.2s steps(2) infinite}@keyframes blink{50%{opacity:.25}}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0 26px}@media (max-width: 760px){.modes{grid-template-columns:1fr}}.mode{display:flex;flex-direction:column;gap:10px;background:var(--panel);border:3px solid var(--panel2);border-radius:12px;padding:22px 16px;text-decoration:none;color:var(--text);transition:transform .12s,border-color .12s,box-shadow .12s}.mode:hover,.mode.selected{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 10px 28px #41a6f638}.mode.selected:before{content:"▶";position:absolute;transform:translate(-22px,32px);color:var(--gold);font-family:var(--pixel);font-size:12px}.mode{position:relative}.mode-icon{font-size:30px}.mode-name{font-family:var(--pixel);font-size:12px;color:var(--accent)}.mode-desc{font-size:13.5px;color:var(--text);line-height:1.5}.mode-tag{font-size:11.5px;color:var(--muted);margin-top:auto}.hint{color:var(--muted);font-size:13px}.hint kbd{background:var(--panel2);border-radius:4px;padding:2px 6px;font-family:var(--pixel);font-size:9px;color:var(--gold)}.foot{margin-top:5vh}.foot a{font-family:var(--pixel);font-size:9px;color:var(--muted);text-decoration:none;letter-spacing:1px}.foot a:hover{color:var(--accent)}@media (prefers-reduced-motion: reduce){.select-label{animation:none}.mode{transition:none}}