:root{--bg:#0b0e14;--bg-raise:#10141d;--ink:#e7ecf3;--ink-dim:#94a3b8;--line:#94a3b824;--accent-cyan:#22d3ee;--accent-lime:#a3e635;--accent-magenta:#e879f9}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}body{max-width:1080px;margin:0 auto;padding:0 20px 64px}.site-header{padding:56px 0 36px}h1{letter-spacing:-.02em;background:linear-gradient(90deg, var(--accent-lime), var(--accent-cyan) 55%, var(--accent-magenta));color:#0000;-webkit-background-clip:text;background-clip:text;align-items:center;gap:12px;margin:0;font-size:clamp(34px,6vw,52px);display:inline-flex}.logo-mark{background:linear-gradient(135deg, var(--accent-lime), var(--accent-cyan) 55%, var(--accent-magenta));border-radius:6px;width:.55em;height:.55em;display:inline-block;box-shadow:0 0 18px #22d3ee8c}.tagline{color:var(--ink-dim);margin:10px 0 0;font-size:17px}.tagline-sv{opacity:.75;margin-left:6px;font-size:15px;font-style:italic}.game-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;margin:0;padding:0;list-style:none;display:grid}.card{--accent:var(--accent-cyan);background:var(--bg-raise);border:1px solid color-mix(in srgb, var(--accent) 32%, transparent);border-radius:16px;transition:transform .16s,box-shadow .16s,border-color .16s;overflow:hidden}.card:hover,.card:focus-within{border-color:var(--accent);box-shadow:0 8px 32px color-mix(in srgb, var(--accent) 22%, transparent);transform:translateY(-3px)}.tile{border-bottom:1px solid var(--line);width:100%;height:auto;display:block}.card-body{flex-direction:column;gap:8px;padding:18px 18px 20px;display:flex}.card-body h2{letter-spacing:-.01em;margin:0;font-size:22px}.one-liner{color:var(--ink);margin:0;font-size:14.5px;line-height:1.5}.one-liner-sv{color:var(--ink-dim);margin:0;font-size:13px;font-style:italic;line-height:1.45}.controls{flex-wrap:wrap;gap:6px;margin:6px 0 2px;padding:0;list-style:none;display:flex}.controls li{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);border:1px solid var(--line);border-radius:999px;padding:5px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:600;line-height:1}.play{color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);border-radius:10px;align-self:flex-start;margin-top:10px;padding:9px 16px;font-size:15px;font-weight:700;text-decoration:none}.play:hover,.play:focus-visible{background:color-mix(in srgb, var(--accent) 14%, transparent)}a:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.noscript{color:var(--ink-dim);margin-top:24px}@media (prefers-reduced-motion:reduce){.card,.card:hover,.card:focus-within{transition:none;transform:none}}