:root{--text-scale: 1;--bg: #0f172a;--card: #111827;--panel: #0b1226;--ink: #e5e7eb;--muted: #9ca3af;--accent: #22c55e;--warn: #f59e0b;--danger: #ef4444;--ok: #10b981;--link: #60a5fa;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;background:#0b1020;color:var(--ink);font-size:calc(16px * var(--text-scale));line-height:1.6;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100%}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}header{padding:2.2rem 1.25rem 0}.wrap{max-width:1040px;margin:0 auto;padding:1.25rem}.wrap.centered{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}h1{font-size:clamp(1.8rem,3vw,2.4rem);margin:0 0 .6rem}h2{font-size:1.35rem;margin:1.8rem 0 .75rem}h3{font-size:1.1rem;margin:.2rem 0 .4rem;color:var(--ink)}p,ul,ol,li{max-width:75ch}code,kbd{background:var(--panel);border:1px solid #1f2937;color:#e5e7eb;border-radius:6px;padding:.1rem .35rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.badge{display:inline-block;border-radius:999px;padding:.25rem .65rem;font-size:.85rem;border:1px solid #334155;color:#cbd5e1;margin-left:.4rem}.card{background:var(--card);border:1px solid #1f2937;border-radius:14px;padding:1.1rem;margin:1rem 0;box-shadow:0 10px 30px #00000040;width:100%;max-width:360px}.grid{display:grid;gap:1rem}@media (min-width: 860px){.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}ul,ol{padding-left:1.25rem}.hero{background:radial-gradient(circle at 10% 20%,rgba(96,165,250,.15),transparent 25%),radial-gradient(circle at 90% 10%,rgba(34,197,94,.12),transparent 25%),radial-gradient(circle at 50% 80%,rgba(245,158,11,.1),transparent 30%);padding-bottom:2rem;border-bottom:1px solid #1f2937}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem;justify-content:center}.meta{color:var(--muted);font-size:.9rem}.button{display:inline-flex;align-items:center;gap:.35rem;padding:.55rem 1rem;border-radius:10px;border:1px solid #1f2937;background:linear-gradient(135deg,#22c55e26,#22c55e0d);color:var(--ink);font-weight:600}.button.secondary{background:linear-gradient(135deg,#60a5fa26,#60a5fa0d)}.card .footer{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin-top:.9rem}.thumbnail{width:100%;height:180px;object-fit:cover;border-radius:10px;background:#0b1226;border:1px solid #1f2937}.thumbnail-square{aspect-ratio:1 / 1;height:auto}.topbar{padding:12px 16px;border-bottom:1px solid #1f2937;background:linear-gradient(180deg,#ffffff08,#0000001a)}.topbar-inner{display:flex;gap:12px;align-items:center;max-width:1040px;margin:0 auto;width:100%}.topbar .spacer{flex:1}.topbar strong{color:var(--ink)}.topbar a{text-decoration:none;font-weight:600}.frame{width:100%;height:calc(100vh - 56px);border:0;display:block;background:#0b1226}.main-section{padding:2rem 0 3rem}.cards-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));justify-items:center}.badges{display:flex;gap:.5rem;flex-wrap:wrap;margin:.35rem 0 .75rem}footer{padding:1.25rem;text-align:center;color:var(--muted)}.play-page{background:radial-gradient(circle at 20% 20%,rgba(96,165,250,.12),transparent 26%),radial-gradient(circle at 80% 10%,rgba(34,197,94,.12),transparent 26%),radial-gradient(circle at 50% 85%,rgba(245,158,11,.08),transparent 30%),#0b1020}.play-main{padding:1.25rem}.play-header{text-align:center;padding:1.5rem 1rem .5rem;display:flex;flex-direction:column;gap:.3rem}.play-header h1{margin:.2rem 0}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700;font-size:.85rem}.meta.large{font-size:1rem}.frame-panel{max-width:1200px;margin:1rem auto 2.5rem;padding:1rem;border-radius:18px;border:1px solid #1f2937;background:linear-gradient(135deg,#ffffff05,#00000026);box-shadow:0 20px 60px #00000059}.frame-panel-inner{background:#0b1226;border-radius:14px;border:1px solid #1f2937;padding:.75rem;box-shadow:inset 0 1px #ffffff0a}.frame-caption{display:flex;align-items:center;gap:.75rem;margin:0 0 .65rem}.pill{display:inline-flex;align-items:center;padding:.2rem .7rem;border-radius:999px;background:#60a5fa26;border:1px solid #334155;font-weight:700;color:#bfdbfe;text-transform:uppercase;font-size:.8rem}.game-frame{height:min(80vh,860px);border-radius:10px;background:#020617;border:1px solid #1f2937;box-shadow:0 10px 30px #0000004d}@media (max-width: 720px){.frame-panel{padding:.75rem}.frame-panel-inner{padding:.6rem}.frame-caption{flex-direction:column;align-items:flex-start}.play-main{padding:.5rem}}