/* Lobby layout refinement: readable artwork, balanced density, responsive navigation. */
body:has(.hero){--muted:#a2a9b6;--faint:#858e9e}
body:has(.hero) .zp-hdr-in{max-width:1360px}
.zp-page,.foot-in{max-width:1360px;padding-inline:clamp(18px,3vw,40px)}
.hero{height:clamp(400px,calc(100dvh - 210px),510px);max-width:1440px;margin-inline:auto}
.hslide-in{max-width:1360px;padding:30px 72px 52px}
.hslide-copy{max-width:510px;padding:0}
.hslide-title{font-size:clamp(38px,4.5vw,64px);color:#f5f5f2;background:none;filter:none;letter-spacing:-.035em;line-height:1.04}
.hslide-kicker{margin-bottom:16px;padding:5px 10px;font-size:10px}
.hslide-tag{font-size:11px;letter-spacing:.15em;margin:14px 0 10px}
.hslide-desc{font-size:15px;line-height:1.65;margin-bottom:22px;max-width:43ch}
.hslide-meta{gap:18px;margin-top:22px;font-size:12px}
.hslide-meta span:last-child{display:none}
.hslide-ctas{gap:10px}
.hslide-play,.hslide-info{min-height:46px;padding:11px 20px;border-radius:9px}
.h-arrow{width:38px;height:38px}.h-arrow.prev{left:16px}.h-arrow.next{right:16px}
.h-dots{bottom:12px}.h-dot{height:4px;padding:12px 0;background-clip:content-box;box-sizing:content-box}
.sec{padding:38px 0 4px;scroll-margin-top:110px}
.sec-head{gap:12px;align-items:center;margin-bottom:8px}
.sec-kicker{display:none}
.sec-title{font-size:clamp(24px,2.6vw,32px);letter-spacing:-.03em}
.sec-rule,.sec-viewall{transform:none}
.sec-sub{font-size:14px;line-height:1.6;margin-bottom:20px}
.qa{padding-top:20px}.qa-grid{gap:12px}.qa-item{padding:14px 16px;border-radius:12px}.qa-ic{width:36px;height:36px;border-radius:9px}.qa-tx b{font-size:14px}.qa-tx span{font-size:12px}
.grid{gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{min-width:0;border-radius:12px}
.art,.card-sm .art{aspect-ratio:16/9}
.art-img{object-fit:contain;background:#0c0e13}
.art-tag{max-width:calc(100% - 22px);font-size:9px;letter-spacing:.04em;padding:4px 7px;line-height:1.4;white-space:normal;bottom:9px}
.art-new,.art-rank{top:10px;font-size:10px;padding:3px 7px}
.art-new{right:10px}.art-rank{left:10px}.art-dot{display:none}
.card-body,.card-body-sm{padding:16px;gap:8px}
.card-title{font-size:18px}.card-title-sm{font-size:16px;line-height:1.3}
.card-desc,.card-desc-sm{font-size:13px;line-height:1.6;min-height:3.2em}
.card-meta{font-size:10px;flex-wrap:wrap;gap:6px}
.card-meta-sm{font-size:11px;flex-wrap:wrap;gap:6px 12px}
.card-foot,.card-foot-sm{gap:10px;padding-top:10px;align-items:flex-end}
.card-go{width:38px;height:38px}.card-play{min-height:40px;padding:8px 14px;font-size:12px}
.chips{margin-bottom:16px;gap:8px}.chip{min-height:40px;padding:8px 15px}
.quick{margin-top:36px;padding:34px 24px;border-radius:12px}.quick h2{font-size:28px}.quick p{font-size:14px;margin-bottom:18px}
.lb-row{padding:16px 20px}.lb-game{font-size:10px}.lb-name{font-size:14px}
.zp-footer{margin-top:48px}.foot-in{padding-top:36px}.foot-grid{gap:28px}.foot-bottom{margin-top:28px}
@media(min-width:901px) and (max-width:1150px){.grid-4{grid-template-columns:repeat(3,minmax(0,1fr))}.hslide-copy{max-width:450px}.hslide-title{font-size:46px}}
@media(max-width:900px){
 .hero{height:auto;min-height:0}.hslide-in{padding:40px 28px 60px;min-height:390px;justify-content:center}
 .hslide-copy{max-width:520px}.hslide-title{font-size:44px}.hslide::after{background:linear-gradient(90deg,#090a0df5,#090a0dcc 55%,#090a0d66)}
 .hslide-bg{left:20%}.hslide-bg img{object-position:right center}
 .grid,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
 .qa-item{gap:10px;padding:12px}.qa-tx span{line-height:1.4}.qa-ic{width:32px;height:32px}
}
@media(max-width:640px){
 .zp-page,.foot-in{padding-inline:16px}.hslide-in{padding:30px 20px 66px;min-height:360px}.hslide-title{font-size:38px;max-width:12ch}
 .hslide-desc{font-size:14px;max-width:35ch}.hslide-tag{font-size:10px;max-width:30ch;line-height:1.6}.hslide-kicker{font-size:9px}
 .hslide-meta{margin-top:18px;gap:12px;font-size:11px}.hslide-bg{left:0;opacity:.45}
 .hslide::after{background:linear-gradient(90deg,#090a0df5,#090a0dc9 70%,#090a0d99)}
 .h-dots{bottom:4px}.sec{padding-top:30px;scroll-margin-top:145px}.sec-head{flex-wrap:wrap}.sec-rule{display:none}.sec-viewall{margin-left:auto;font-size:12px}.sec-sub{font-size:13px}
 .qa-grid{grid-template-columns:1fr}.qa-item{padding:12px 14px}.qa-tx span{font-size:12px}.qa-ic{width:34px;height:34px}
 #trending .grid{grid-auto-columns:80%;gap:14px}#trending .card{min-width:0}
 .grid-4{gap:12px}.card-body-sm{padding:12px}.card-title-sm{font-size:15px}.card-desc-sm{font-size:12px}.card-foot-sm{flex-wrap:wrap}.card-go{width:36px;height:36px}.card-meta-sm{font-size:10px;gap:5px}.art-tag{font-size:8px;padding:3px 5px}.art-new{font-size:9px;padding:3px 5px;top:7px;right:7px}
 .chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}.chip{flex-shrink:0;font-size:12px;padding:8px 13px}
 .quick{padding:28px 18px}.quick h2{font-size:25px}.lb-row{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:4px 10px;padding:14px}.lb-game{grid-column:2;grid-row:2}.lb-score{grid-column:3;grid-row:1/3;font-size:12px}.lb-name{font-size:13px;overflow-wrap:anywhere}.lb-rank{width:auto}
 .foot-grid{grid-template-columns:1fr 1fr;gap:26px 18px}.foot-brand{grid-column:1/-1}.zp-footer{margin-top:36px}
}
@media(max-width:380px){.grid-4{grid-template-columns:1fr}.card-sm .art{aspect-ratio:16/9}.card-foot-sm{flex-wrap:nowrap}}
@media(prefers-reduced-motion:reduce){.hero *,.card *{animation:none!important;transition:none!important}}
/* Keep carousel indicators slim while preserving a comfortable click target. */
.h-dots .h-dot,.h-dots .h-dot.active,.h-dots .h-dot:hover{position:relative;box-sizing:border-box;width:28px;height:28px;padding:0;border-radius:0;background:transparent;box-shadow:none}
.h-dots .h-dot::after{content:"";position:absolute;left:2px;right:2px;top:12px;height:4px;border-radius:3px;background:#ffffff55}
.h-dots .h-dot.active::after{background:var(--accent)}
.h-dots .h-dot:hover::after{background:#f5f5f2}