:root{--bg:#0d0b14;--surface:#1a1626;--surface-2:#241e35;--border:#332a48;--text:#f3eefc;--muted:#a99fc0;--gold:#f5c542;--gold-2:#e0a91b;--accent:#8b5cf6;--green:#22c55e;--radius:14px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:radial-gradient(1200px 600px at 50% -200px, #2a1d4a 0%, transparent 70%), var(--bg);color:var(--text);flex-direction:column;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;display:flex}a{color:inherit}img{max-width:100%;display:block}main{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:24px 16px 56px}h1,h2,h3{margin:0 0 .5em;line-height:1.2}.demo-bar{color:#fff;text-align:center;letter-spacing:.02em;background:linear-gradient(90deg,#3b2a6b,#5b2a6b);padding:6px 16px;font-size:.8rem;font-weight:600}.site-header{z-index:30;backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#0d0b14d9;align-items:center;gap:24px;padding:12px 24px;display:flex;position:sticky;top:0}.logo{letter-spacing:-.03em;font-size:1.6rem;font-weight:900;text-decoration:none}.logo span{color:var(--gold)}.nav{flex:1;gap:4px;display:flex;overflow-x:auto}.nav a{color:var(--muted);white-space:nowrap;border-radius:10px;padding:8px 12px;font-weight:600;text-decoration:none}.nav a:hover{color:var(--text);background:var(--surface)}.nav a[aria-current=page]{color:var(--text);background:var(--surface-2)}.badge-demo{border:1px solid var(--gold);color:var(--gold);white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:.75rem;font-weight:800}.btn{appearance:none;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-weight:700;text-decoration:none;transition:background .15s,transform 80ms;display:inline-flex}.btn:hover{background:#30284a}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(180deg, var(--gold), var(--gold-2));color:#1a1300;border-color:#0000}.btn-primary:hover{background:linear-gradient(180deg, #ffd45e, var(--gold))}.btn-lg{padding:14px 30px;font-size:1.1rem}.section-title{justify-content:space-between;align-items:baseline;gap:16px;margin:40px 0 16px;display:flex}.section-title h2{margin:0;font-size:1.4rem}.section-title a{color:var(--muted);font-weight:600;text-decoration:none}.section-title a:hover{color:var(--gold)}.game-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;display:grid}.site-footer{border-top:1px solid var(--border);color:var(--muted);padding:32px 16px;font-size:.9rem}.site-footer .inner{gap:12px;max-width:1280px;margin:0 auto;display:grid}.site-footer strong{color:var(--text)}.site-footer nav{flex-wrap:wrap;gap:16px;display:flex}@media (width<=720px){.site-header{flex-wrap:wrap;gap:10px;padding:10px 16px}.nav{flex-basis:100%;order:3}.badge-demo{margin-left:auto}}.game-card{flex-direction:column;gap:8px;text-decoration:none;display:flex}.game-card .cover{aspect-ratio:1;border-radius:var(--radius);border:1px solid var(--border);background:radial-gradient(circle at 30% 20%, hsl(var(--h) 80% 60% / .9), transparent 60%), linear-gradient(135deg, hsl(var(--h) 70% 30%), hsl(calc(var(--h) + 60) 70% 18%));place-items:center;transition:transform .2s,box-shadow .2s;display:grid;position:relative;overflow:hidden}.game-card .cover img{object-fit:cover;width:100%;height:100%}.game-card .cover-title{text-align:center;text-shadow:0 2px 10px #00000080;padding:12px;font-size:1.1rem;font-weight:900}.game-card .tags{gap:4px;display:flex;position:absolute;top:8px;left:8px}.game-card .tag{letter-spacing:.04em;border-radius:6px;padding:3px 7px;font-size:.65rem;font-weight:800}.game-card .tag-new{background:var(--green);color:#04210f}.game-card .tag-hot{background:var(--gold);color:#1a1300}.game-card .play{opacity:0;background:#0d0b14a6;place-items:center;font-weight:800;transition:opacity .2s;display:grid;position:absolute;inset:0}.game-card:hover .cover,.game-card:focus-visible .cover{box-shadow:0 12px 30px #00000073, 0 0 0 2px var(--gold);transform:translateY(-3px)}.game-card:hover .play,.game-card:focus-visible .play{opacity:1}.game-card .meta{flex-direction:column;min-width:0;line-height:1.3;display:flex}.game-card .meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;overflow:hidden}.game-card .meta span{color:var(--muted);font-size:.8rem}.age-gate[data-astro-cid-ju4pidww]{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:20px;width:calc(100% - 32px);max-width:440px;padding:0}.age-gate[data-astro-cid-ju4pidww]::backdrop{backdrop-filter:blur(6px);background:#05030ad9}.age-box[data-astro-cid-ju4pidww]{text-align:center;padding:32px 28px}.age-badge[data-astro-cid-ju4pidww]{color:#1a1300;background:linear-gradient(180deg, var(--gold), var(--gold-2));border-radius:50%;place-items:center;width:72px;height:72px;margin:0 auto 16px;font-size:1.5rem;font-weight:900;display:grid}.age-box[data-astro-cid-ju4pidww] p[data-astro-cid-ju4pidww]{color:var(--muted)}.age-actions[data-astro-cid-ju4pidww]{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px;display:flex}