:root{--bg:#14121f;--fg:#f2eee3;--muted:#a9a3b8;--card-bg:#1f1c30;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--fg);margin:0;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}header{text-align:center;padding:3rem 1rem 1.5rem}h1{letter-spacing:.05em;margin:0;font-size:clamp(2rem,6vw,3.5rem)}header p{color:var(--muted);margin:.5rem 0 0}main{grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));gap:1.25rem;max-width:60rem;margin:0 auto;padding:1rem 1rem 4rem;display:grid}.card{border-top:6px solid var(--card-colour);background:var(--card-bg);color:inherit;border-radius:12px;flex-direction:column;gap:.75rem;padding:1.5rem;text-decoration:none;transition:transform .12s,box-shadow .12s;display:flex}.card:hover,.card:focus-visible{box-shadow:0 8px 24px color-mix(in srgb, var(--card-colour) 35%, transparent);outline:none;transform:translateY(-3px)}.card h2{color:var(--card-colour);margin:0}.card p{color:var(--muted);flex:1;margin:0;line-height:1.5}.play{align-self:flex-start;font-weight:700}