/* Per-game pages (/games/<slug>.html) */
.g-hero{position:relative;padding:70px 0 40px;overflow:hidden;isolation:isolate;min-height:460px}
.g-hero-art{position:absolute;inset:0;z-index:-2}.g-hero-art svg,.g-hero-art img{width:100%;height:100%;object-fit:cover;display:block}
.g-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,7,10,.95) 0%,rgba(4,7,10,.82) 45%,rgba(4,7,10,.25) 100%),linear-gradient(180deg,transparent 60%,var(--obsidian))}
.g-hero h1{font:700 clamp(40px,5.4vw,72px)/1 var(--display);margin:6px 0 14px;max-width:820px}
.g-hero .lead{max-width:620px;color:#d3dde4;font-size:19px;margin:0}
.g-kicker{font:600 12.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fiber);display:block;margin-top:14px}
.g-note{margin:14px 0 0;padding:10px 14px;border-left:3px solid var(--fiber);background:rgba(0,0,0,.35);max-width:620px;color:#e6d7b8;font-size:15px}
.g-chips{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.g-chips li{padding:6px 12px;border-radius:999px;background:rgba(4,7,10,.6);border:1px solid rgba(255,255,255,.14);font-size:13.5px;color:#dbe4ea}
.g-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-m);overflow:hidden}
.g-facts>div{background:var(--graphite);padding:16px 18px}.g-facts dt{font:600 11.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--steel)}.g-facts dd{margin:4px 0 0;color:#e2e9ee;font-size:15px}
.g-sizes{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.g-size{position:relative;display:flex;flex-direction:column;gap:6px;padding:22px;border-radius:var(--r-m);background:var(--graphite);border:1px solid var(--line)}
.g-size.on{border-color:var(--go);background:linear-gradient(170deg,rgba(47,143,216,.14),var(--graphite) 60%)}
.g-size>b{font:700 30px var(--display)}.g-size>span{color:#a9b6c1;font-size:14px}.g-size>em{font:700 30px var(--display);font-style:normal}.g-size>em small,.g-tiers em small{font:500 14px var(--mono);color:var(--steel)}.g-size>i{font-style:normal;color:var(--steel);font-size:13px}
.g-tiers{display:grid;gap:8px;margin:6px 0 12px}.g-tiers>div{padding:9px 11px;border-radius:10px;background:rgba(0,0,0,.25);border:1px solid var(--line)}.g-tiers .best{border-color:rgba(242,179,61,.55)}
.g-tiers small{display:block;font-size:12px;color:var(--steel)}.g-tiers em{font:700 21px var(--display);font-style:normal;color:#fff}
.g-size .x-btn{margin-top:auto}
.g-about{position:relative;padding:70px 0;isolation:isolate;overflow:hidden}
.g-about-art{position:absolute;inset:0;z-index:-2}.g-about-art svg,.g-about-art img{width:100%;height:100%;object-fit:cover}
.g-about::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(4,7,10,.55)}
.g-about .wrap{display:flex;justify-content:flex-end}
.g-about-card{max-width:620px;padding:34px 36px;background:rgba(10,13,17,.94);border:1px solid var(--line);border-radius:4px}
.g-about-card small{font:700 11.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--steel)}
.g-about-card h2{font:600 clamp(30px,3.6vw,44px)/1.05 var(--display);margin:8px 0 14px}.g-about-card p{color:#b9c5ce;margin:0 0 14px}
@media (max-width:760px){.g-hero{padding-top:40px}.g-about-card{padding:24px}}