:root{color-scheme:dark;--bg:#111c20;--panel:#19292d;--line:#365052;--ink:#e8e5d8;--muted:#abbcb8;--mint:#b7e3bc}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}header{max-width:1160px;margin:auto;padding:26px 32px;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);flex-wrap:wrap}header a{color:var(--ink);text-decoration:none;font-weight:750;letter-spacing:.12em}header a span,.badge{font:11px/1.6 monospace;color:var(--muted)}main{max-width:1160px;margin:auto;padding:38px 32px}.intro{margin-bottom:32px}.eyebrow{font:11px/1.8 monospace;letter-spacing:.16em;color:var(--mint);margin:0 0 12px}h1{font-family:serif;font-size:clamp(36px,6vw,64px);line-height:1.2;font-weight:500;margin:0}h2{font-size:21px;line-height:1.5;margin:0 0 10px}h2 span{display:block;font-size:12px;font-weight:400;color:var(--muted)}.intro>p:last-child{color:var(--muted);margin-top:16px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px;display:flex;flex-direction:column;min-width:0}.card>p:not(.eyebrow){color:var(--muted);font-size:13px;flex-grow:1;margin:0 0 18px}.play{display:block;text-align:center;text-decoration:none;background:var(--mint);color:#142521;border-radius:9px;font-weight:650;padding:12px 13px;min-height:44px;line-height:20px}.play:focus-visible{outline:3px solid #efd79b;outline-offset:3px}footer{max-width:1160px;margin:auto;font-size:12px;color:var(--muted);padding:28px 32px}
@media(max-width:740px){header{padding:20px}main{padding:24px 16px}footer{padding:24px 16px}.card{padding:18px}.badge{display:none}}