:root{
  --bg:#0b1220;
  --panel:#101828;
  --muted:#6b7280;
  --text:#e5e7eb;
  --brand:#4f46e5;
  --card:#111827;
  --border:#1f2937;
  --accent:#22c55e;
  --radius:16px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,Apple Color Emoji,Segoe UI Emoji}
a{color:#93c5fd;text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1200px;margin:0 auto;padding:24px}
.nav{position:sticky;top:0;z-index:10;background:linear-gradient(180deg,#0b1220 70%,transparent);backdrop-filter:saturate(1.2) blur(6px);border-bottom:1px solid var(--border)}
.nav-inner{display:flex;align-items:center;gap:24px;padding:14px 24px}
.brand{font-weight:800;letter-spacing:.4px;font-size:20px}
.spacer{flex:1}
.nav a{color:var(--text);opacity:.9;margin-left:16px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
@media(max-width:1024px){.grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.grid{grid-template-columns:1fr} .nav-inner{padding:12px 16px} .container{padding:16px}}

.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.thumb{aspect-ratio:4/3;width:100%;object-fit:cover;display:block;background:#111}
.card-body{padding:14px 16px}
.card-title{font-weight:700;margin:0 0 4px 0;font-size:16px;color:#e5e7eb}
.card-meta{color:var(--muted);font-size:12px}
.badge{display:inline-block;padding:3px 8px;border:1px solid var(--border);border-radius:999px;color:#cbd5e1;font-size:12px;background:#0f172a;margin-right:6px}

.hero{padding:30px 0 8px}
.hero h1{margin:4px 0 0;font-size:28px}
.lead{color:#cbd5e1;opacity:.9;margin-top:8px}

.center{display:flex;align-items:center;justify-content:center;text-align:center}
.cta{display:inline-flex;align-items:center;gap:10px;background:var(--brand);color:white;padding:12px 18px;border-radius:999px;font-weight:700;margin-top:16px}
.cta:hover{opacity:.95;text-decoration:none}

.split{display:grid;grid-template-columns:1fr 320px;gap:22px}
@media(max-width:900px){.split{grid-template-columns:1fr} .sidebar{order:2} .game-embed{order:1}}

.panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}
.sidebar h3{margin:0 0 12px 0}
.footer{border-top:1px solid var(--border);color:#9ca3af;padding:24px 0;margin-top:32px}
.section-title{font-size:22px;margin:24px 0 10px}
.tagbar{margin-top:6px}
.header-center{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:14px 0 8px}
.ifwrap{width:100%;aspect-ratio:16/9;background:#0a0f1c;border:1px solid var(--border);border-radius:12px;overflow:hidden}
iframe{width:100%;height:100%;border:0}
.small{font-size:13px;color:#a1a1aa}