@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#05060a;--bg-2:#08090f;--surface:#ffffff0b;--surface-strong:#ffffff14;--text:#f7f8ff;--muted:#9ba3b4;--faint:#626b7d;--border:#ffffff1a;--accent:#8b5cf6;--accent-2:#22d3ee;--accent-3:#f472b6;--shadow:0 24px 90px #0000006b}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f8ff;--bg-2:#eef2ff;--surface:#ffffffbd;--surface-strong:#ffffffeb;--text:#101322;--muted:#4b5568;--faint:#737b90;--border:#1e293b21;--accent:#6d5dfc;--accent-2:#0891b2;--accent-3:#db2777;--shadow:0 24px 90px #4852822e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-feature-settings:"cv01", "ss03";min-width:320px;color:var(--text);background:radial-gradient(circle at 12% 0%, #8b5cf63d, transparent 34rem), radial-gradient(circle at 88% 8%, #22d3ee2e, transparent 30rem), linear-gradient(180deg, var(--bg), var(--bg-2));margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}code{font-family:JetBrains Mono,ui-monospace,monospace}.site-header{z-index:10;-webkit-backdrop-filter:blur(22px)saturate(150%);backdrop-filter:blur(22px)saturate(150%);background:color-mix(in srgb, var(--bg) 78%, transparent);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:1rem clamp(1rem,4vw,3rem);display:flex;position:sticky;top:0}.brand,nav{align-items:center;gap:.9rem;display:flex}.brand{letter-spacing:-.04em;font-weight:700}.brand-mark{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:.8rem;place-items:center;width:2.4rem;height:2.4rem;font-family:JetBrains Mono,monospace;font-size:.78rem;display:grid;box-shadow:0 0 32px #8b5cf680}nav a,.theme-toggle{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;font-size:.92rem}.theme-toggle{border:1px solid var(--border);color:var(--text);background:var(--surface);border-radius:999px;padding:.58rem .85rem}main{width:min(1500px,100%);margin:0 auto;padding:0 clamp(1rem,4vw,3rem) 4rem}.hero{align-content:center;min-height:74vh;padding:7rem 0 4rem;display:grid;position:relative;overflow:hidden}.hero-glow{background:conic-gradient(from 160deg, var(--accent), var(--accent-2), var(--accent-3), var(--accent));opacity:.22;filter:blur(44px);pointer-events:none;border-radius:999px;width:21rem;height:21rem;position:absolute;inset:16% 6% auto auto}.eyebrow{color:var(--accent-2);text-transform:uppercase;letter-spacing:.18em;margin:0 0 1rem;font-size:.75rem;font-weight:700}h1,h2,h3{letter-spacing:-.055em;margin:0}h1{max-width:980px;font-size:clamp(3.4rem,9vw,8.6rem);line-height:.88}.hero-copy{max-width:760px;color:var(--muted);margin:1.5rem 0 0;font-size:clamp(1.08rem,2vw,1.35rem);line-height:1.7}.hero-actions{flex-wrap:wrap;gap:.8rem;margin-top:2rem;display:flex}.button,.card-action{border:1px solid var(--border);border-radius:999px;justify-content:center;align-items:center;min-height:2.75rem;padding:.76rem 1rem;font-weight:700;display:inline-flex}.primary{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));box-shadow:0 18px 50px #6d5dfc52}.secondary,.ghost{background:var(--surface);color:var(--text)}.disabled{color:var(--faint);background:var(--surface);cursor:not-allowed}.stats{flex-wrap:wrap;gap:1rem;margin:3rem 0 0;display:flex}.stats div{border:1px solid var(--border);background:var(--surface);min-width:11rem;box-shadow:var(--shadow);border-radius:1.3rem;padding:1rem}.stats dt{letter-spacing:-.06em;font-size:2rem;font-weight:800}.stats dd{color:var(--muted);margin:.2rem 0 0}.rules-panel{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0 0 5rem;display:grid}.rules-panel>div,.game-card{border:1px solid var(--border);background:linear-gradient(180deg, var(--surface-strong), var(--surface));box-shadow:var(--shadow);border-radius:1.6rem}.rules-panel>div{padding:1.35rem}.panel-icon{color:var(--accent-2);font-size:1.5rem}.rules-panel h2{margin-top:1rem;font-size:1.15rem}.rules-panel p{color:var(--muted);line-height:1.6}.section-heading{margin-bottom:1.5rem}.section-heading h2{font-size:clamp(2rem,5vw,4rem)}.game-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.game-card{flex-direction:column;min-height:34rem;display:flex;overflow:hidden}.card-media{background:radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--accent) 40%, transparent), transparent 40%), radial-gradient(circle at 70% 80%, color-mix(in srgb, var(--accent-2) 35%, transparent), transparent 45%), #ffffff08;border-bottom:1px solid var(--border);place-items:center;height:13.5rem;display:grid}.card-media img{object-fit:cover;width:100%;height:100%}.placeholder-orb{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 72%, transparent), color-mix(in srgb, var(--accent-2) 72%, transparent));color:#fff;border-radius:999px;place-items:center;width:8rem;height:8rem;font-family:JetBrains Mono,monospace;font-size:1.4rem;font-weight:700;display:grid;box-shadow:inset 0 0 40px #fff3,0 0 58px #8b5cf65c}.card-body{flex-direction:column;flex:1;padding:1.1rem;display:flex}.card-kicker{color:var(--faint);justify-content:space-between;gap:1rem;font-family:JetBrains Mono,monospace;font-size:.78rem;display:flex}.game-card h3{margin-top:.8rem;font-size:1.35rem}.game-card p{color:var(--muted);line-height:1.55}.meta-grid{grid-template-columns:1fr 1fr;gap:.55rem;margin-top:auto;display:grid}.meta-grid span{border:1px solid var(--border);color:var(--muted);background:#ffffff08;border-radius:.85rem;padding:.65rem;font-size:.8rem}.meta-grid strong{color:var(--text);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.18rem;font-size:.72rem;display:block}blockquote{color:var(--muted);border-left:2px solid var(--accent-2);margin:1rem 0 0;padding-left:.8rem}.card-actions{grid-template-columns:1fr 1fr;gap:.55rem;margin-top:1rem;display:grid}.card-action{min-height:2.45rem;font-size:.86rem}footer{color:var(--faint);border-top:1px solid var(--border);justify-content:space-between;gap:1rem;padding:2rem clamp(1rem,4vw,3rem);display:flex}@media (width<=800px){.site-header{flex-direction:column;align-items:flex-start}nav{width:100%;padding-bottom:.2rem;overflow-x:auto}.rules-panel{grid-template-columns:1fr}.hero{min-height:auto;padding-top:4rem}footer{flex-direction:column}}