/* Visual refresh: charcoal arcade surfaces and a dedicated artwork stage. */
body:has(.hero){--bg:#101216;--surface:#1a1e25;--elev:#222833;--border:#333a46;--text:#f7f4ef;--muted:#b0b8c6;--faint:#96a0b1;--accent:#f45140;--accent-hi:#ff6b59;background:var(--bg)}
body:has(.hero) .zp-header{background:#14171d;border-color:#333a46}
body:has(.hero) .zp-hdr-in{min-height:72px}
body:has(.hero) .zp-nav a{font-weight:600}
body:has(.hero) .zp-search{background:#20252e;border-color:#394250;border-radius:8px}
body:has(.hero) .btn-primary{background:#f45140;color:#fff}
.hero{max-width:1280px;margin:24px auto 0;height:440px;border:1px solid #3b424e;border-radius:16px;background:#1a1e25}
.hslide{background:#1a1e25!important}
.hslide::after{display:none}
.hslide-bg{inset:0 0 0 51%;mask-image:none!important;-webkit-mask-image:none!important;border-left:1px solid #3b424e;background:#121721}
.hslide-bg img{width:180%;max-width:none;height:100%;object-fit:cover;object-position:right center;transform:translateX(-44.444%)}
.hslide-in{padding:36px 48px 64px;align-items:center;justify-content:flex-start}
.hslide-copy{max-width:44%;width:44%;flex:none}
.hslide-title{font-size:clamp(36px,3.5vw,52px);letter-spacing:-.035em;line-height:1.04;text-transform:none;color:#fff9ef}
.hslide-kicker{background:none;border:0;padding:0;backdrop-filter:none;color:#bec5d0;font-size:10px;margin-bottom:16px;letter-spacing:.13em}
.hslide-tag{color:#ff9782;font-family:'Inter',sans-serif;letter-spacing:.02em;text-transform:none;font-size:12px;font-weight:600}
.hslide-desc{color:#bfc7d4;font-size:14px;line-height:1.7;margin-bottom:22px}
.hslide-play{background:#f45140;border-radius:8px;box-shadow:none}
.hslide-play:hover{background:#ff6b59;transform:translateY(-2px);box-shadow:none}
.hslide-info{background:#262c36;border-color:#414b5b;border-radius:8px;backdrop-filter:none}
.hslide-meta{color:#b8c2d0;font-size:11px;gap:14px;margin-top:20px}
.hslide-meta svg{color:#ff9782}
.h-dots{left:48px;right:auto;bottom:13px;gap:6px}
.h-arrow{top:auto;bottom:16px;transform:none;background:#14171dcc;border:1px solid #707987;width:36px;height:36px}
.h-arrow.prev{left:auto;right:64px}.h-arrow.next{right:20px}
.h-arrow:active{transform:scale(.95)}
.qa-item{background:transparent;border:0;border-bottom:1px solid #3b424e;border-radius:0;padding:18px 8px}
.qa-grid{gap:28px}.qa-ic{background:#292d35!important;border:1px solid #525966!important;color:#ffc58d!important;border-radius:9px}
.qa-tx b{font-size:14px;color:#f7f4ef}.qa-tx span{color:#b0b8c6}
.sec{padding-top:42px}.sec-title{font-weight:600;letter-spacing:-.035em}.sec-sub{color:#aeb8c8}
.sec-rule{background:#343e4c}.count-pill{background:#202630;border-color:#465163;color:#c0cad7}
.card{background:#1a1e25;border-color:#333d4c;border-radius:12px;box-shadow:none}
.card:hover{background:#222833;border-color:#65758b;box-shadow:0 12px 24px -16px #0009;transform:translateY(-3px)}
.art,.card-sm .art{background:#10151d;border-color:#333d4c}
.card-body,.card-body-sm{padding:18px}.card-title,.card-title-sm{color:#f7f4ef;font-weight:600}.card-desc,.card-desc-sm{color:#b0b8c6}
.art-new{background:#263b35;color:#b8f2d1;border:1px solid #557a67;border-radius:5px;font-size:9px;letter-spacing:.05em}
.art-rank{background:#f0c295;color:#32251b;border-radius:5px}
.art-tag{background:#151b24eF;border-color:#596271;color:#e0e6ef;border-radius:5px;backdrop-filter:none}
.card-go{background:#f45140;border-radius:9px;width:38px;height:38px}
.card:hover .card-go{transform:translateX(2px);box-shadow:none;filter:none}
.card-play{background:#28303b;border-color:#465366;border-radius:7px}
.card-meta,.card-meta-sm{color:#adb8c8}
.chips{gap:10px;margin-top:18px}.chip{background:transparent;border-color:#465163;color:#c6cdd8;border-radius:8px;padding:9px 18px;min-height:42px}
.chip[aria-pressed=true]{background:#f45140;border-color:#f45140;box-shadow:none;color:#fff}.chip:hover{background:#303947}
.quick{display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:#202831;border-color:#465163;padding:32px 36px}
.quick-deco{left:45%;opacity:.12}.quick h2{font-size:28px}.quick p{color:#bec8d6}
.lb{background:#1a1e25;border-color:#3d4858;border-radius:12px}.lb-row{border-color:#333e4d}.lb-row:nth-child(odd){background:#202630}.lb-rank{color:#a6b2c3}.lb-row:first-child .lb-rank{color:#ffc58d}.lb-game{color:#aab8cc}.lb-score{color:#f4d1aa}
.zp-footer{background:#14171d;border-color:#333d4c}.foot-col a{color:#b6c1d1}.foot-brand p{color:#aab5c5}
@media(min-width:901px) and (max-width:1340px){.hero{margin-inline:24px}.hslide-in{padding-left:34px}.hslide-copy{max-width:45%;width:45%}.hslide-title{font-size:44px}}
@media(max-width:900px){
 .hero{height:auto;margin:18px 20px 0}.hslide.active{display:block}.hslide-in{min-height:400px;padding:32px 28px 64px}.hslide-copy{max-width:48%;width:48%}.hslide-title{font-size:38px}.hslide-bg{left:53%;opacity:1}.hslide-desc{font-size:13px}.hslide-ctas{gap:8px}.hslide-play,.hslide-info{font-size:12px;padding:10px 14px}.h-dots{left:26px}
}
@media(max-width:640px){
 body:has(.hero) .zp-hdr-in{min-height:0}.hero{margin:14px 16px 0;border-radius:12px}
 .hslide-bg{left:0;right:0;top:0;height:180px;border-left:0;border-bottom:1px solid #3b424e;opacity:1}
 .hslide-bg img{width:180%;height:100%;object-fit:cover;object-position:right 55%;transform:translateX(-44.444%)}
 .hslide-in{padding:202px 20px 62px;min-height:0}.hslide-copy{max-width:none;width:100%}.hslide-title{font-size:34px;max-width:none}.hslide-kicker{margin-bottom:12px}.hslide-tag{margin:12px 0 8px}.hslide-desc{font-size:13px;line-height:1.65;margin-bottom:18px}.hslide-meta{margin-top:16px}
 .hslide-play,.hslide-info{font-size:13px;min-height:44px}.h-dots{left:18px;bottom:10px}.h-arrow{display:grid;bottom:13px;width:32px;height:32px}.h-arrow.prev{right:58px}.h-arrow.next{right:16px}
 .qa-grid{grid-template-columns:1fr;gap:0}.qa-item{padding:13px 2px}.qa-tx b{font-size:13px}.qa-tx span{font-size:12px}.qa-ic{width:32px;height:32px}
 .sec{padding-top:30px}.sec-title{font-size:25px}.card-body,.card-body-sm{padding:13px}.card-desc-sm{font-size:12px}.chip{padding:8px 14px;min-height:42px}.quick{padding:24px}.quick h2{font-size:25px}
}