:root{--bg:#f4f6fb;--card:#fff;--ink:#1f2433;--muted:#5b6275;--accent:#3d7fe0}
@media (prefers-color-scheme:dark){:root{--bg:#141821;--card:#1d2230;--ink:#e9ecf3;--muted:#a3abc0;--accent:#6aa0ff}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
main{max-width:760px;margin:0 auto;padding:32px 16px 64px}
.card{background:var(--card);border-radius:18px;padding:24px;margin:16px 0;box-shadow:0 2px 12px rgba(0,0,0,.06)}
h1{font-size:28px;margin:0 0 4px}h2{font-size:20px;margin:28px 0 8px}p,li{color:var(--ink)}small,.muted{color:var(--muted)}
a{color:var(--accent)}nav a{margin-right:16px}
.hero{padding:24px 0 8px}.lead{font-size:19px;margin:6px 0}
h3{font-size:19px;margin:0 0 6px}
.game{display:flex;gap:20px;align-items:flex-start}
.icon{width:96px;height:96px;border-radius:22px;flex:none;box-shadow:0 2px 8px rgba(0,0,0,.12);object-fit:cover}
.icon.logo{object-fit:contain;background:#4b2f6e;padding:8px}
.info{min-width:0}
.tag{display:inline-block;font-size:12px;font-weight:600;padding:2px 10px;border-radius:999px;vertical-align:middle;margin-left:6px}
.tag.live{background:#dff5e6;color:#1d7a3d}.tag.soon{background:#fff1d6;color:#9a6300}
@media (prefers-color-scheme:dark){.tag.live{background:#1d3a28;color:#8fe0a8}.tag.soon{background:#3d3015;color:#ffd27a}}
.btn{display:inline-block;background:var(--accent);color:#fff!important;text-decoration:none;padding:6px 16px;border-radius:999px;font-weight:600}
nav{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}nav a{margin-right:0}
.values{margin:0;padding-left:20px}.values li{margin:6px 0}
footer{margin-top:32px;font-size:14px}
@media (max-width:520px){.game{flex-direction:column;gap:12px}.icon{width:72px;height:72px;border-radius:16px}}