/* home v1: featured Showcase hero + Good VS Evil series */
.hero-sc{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:24px;align-items:center;text-align:left;margin:0 0 20px;padding:22px;border:3px solid #EC008C;box-shadow:6px 6px 0 #FFF200,0 0 34px #00AEEF44;background:linear-gradient(135deg,#000e 55%,#00AEEF22)}
.hero-sc .hero-art{display:block;border-radius:8px;overflow:hidden;border:2px solid #00AEEF;background:#000;transition:.15s}
.hero-sc .hero-art:hover{transform:translateY(-3px);box-shadow:0 0 26px #EC008C88}
.hero-sc .hero-art img{width:100%;height:auto;display:block}
.hero-sc .tag{display:inline-block;background:#FFF200;color:#000;font:400 16px Bangers,Impact,sans-serif;letter-spacing:1.5px;padding:3px 10px;border-radius:3px;margin:0 0 8px}
.hero-sc h2{margin:0 0 8px;font:400 clamp(30px,4.2vw,48px)/1.02 Bangers,Impact,sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:#fff;text-shadow:3px 3px 0 #EC008C}
.hero-sc .sub{color:#ddd;font-size:16px;margin:0 0 16px}
.hero-sc .btn.play{font-size:clamp(28px,3.4vw,38px);padding:14px 44px;box-shadow:5px 5px 0 #FFF200}
.hero-sc .hero-links{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0}
.hero-sc .hero-links a{color:#fff;text-decoration:none;border:2px solid #00AEEF;border-radius:5px;padding:7px 14px;font:400 18px Bangers,Impact,sans-serif;letter-spacing:1px}
.hero-sc .hero-links a:hover{background:#00AEEF;color:#000}
.gve-series{display:flex;flex-direction:column;justify-content:center}
.gve-series .gve-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;max-width:620px;margin:0 auto}
.gve-series .card .t{font-size:17px;padding:8px 10px 2px}
.gve-series .card .s{font-size:12px;padding:0 10px 10px}
.gve-series .btn{font-size:17px;padding:7px 16px;margin-top:8px}
@media(max-width:800px){.hero-sc{grid-template-columns:1fr;text-align:center;padding:14px;gap:14px}.hero-sc .hero-links{justify-content:center}.hero-sc .btn.play{display:block}}
@media(max-width:420px){.gve-series .gve-row{gap:10px}.gve-series .card .t{font-size:15px}.gve-series .card .s{display:none}}
/* v2: portrait Showcase cover poster */
.hero-sc{grid-template-columns:minmax(220px,340px) minmax(0,1fr);gap:28px}
.hero-sc .hero-art{max-width:340px;width:100%;justify-self:center}
.hero-sc .hero-art img{aspect-ratio:683/1024;object-fit:cover}
.hero-sc .roster{color:#bbb;font-size:14px;line-height:1.5;margin:14px 0 0}
@media(max-width:800px){.hero-sc{grid-template-columns:1fr}.hero-sc .hero-art{max-width:300px}}
/* v3: compact Good VS Evil section (no stretched empty panel) */
.panels{align-items:start}
.panels .gve-series{grid-column:1;grid-row:1;display:block;padding:12px 14px 14px}
.panels .p-artist{grid-column:2;grid-row:1/span 2}
.panels .p-dl{grid-column:1;grid-row:2}
.gve-series h2{margin:0 0 10px}
.gve-series .gve-row{max-width:560px;gap:12px}
.gve-series .card .t{font-size:16px;padding:6px 8px 0}
.gve-series .card .s{font-size:12px;padding:0 8px 6px}
.gve-series .btn{font-size:16px;padding:5px 14px;margin-top:6px}
@media(max-width:900px){.panels .gve-series,.panels .p-artist,.panels .p-dl{grid-column:auto;grid-row:auto}}
