/* Complete artwork and responsive layout across all language versions. */
.game-card>a{display:block;height:100%}
.game-card img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.hero-copy,.hero-stack,.inner>div,.editorial>div,.wheel-copy{min-width:0}
.hero h1,.inner h1,.editorial h2,.wheel-copy h2,.rail-head h2{overflow-wrap:anywhere}
.editorial img{display:block;width:min(100%,390px);height:auto;max-height:none;margin:0;justify-self:center}
.inner>img{width:min(100%,269px);height:auto;max-height:none;justify-self:center}
.poster{min-width:0;width:100%}
.poster img{object-fit:contain}
@media(max-width:1000px){
 .hero{grid-template-columns:minmax(0,1fr)}
 .hero-stack{max-width:620px;width:100%;justify-self:center}
 .hero h1{font-size:clamp(36px,7vw,70px)}
 .inner{grid-template-columns:minmax(0,1fr) minmax(0,260px)}
 .explain{grid-template-columns:minmax(0,1fr);gap:16px}
 .wheel-zone{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:650px){
 .top{padding-inline:12px;gap:8px}
 .brand{flex:0 0 auto}
 .brand img{width:88px}
 .browse{flex:0 0 42px;padding-inline:8px;min-width:42px}
 .actions{gap:0;min-width:0}
 .langs{padding:3px}
 .langs a{min-width:32px;min-height:44px;padding:5px}
 .hero h1,.inner h1{font-size:clamp(30px,8.8vw,43px)}
 .hero-stack{height:auto;grid-template-columns:minmax(0,1fr);gap:16px}
 .poster{width:100%;height:auto;aspect-ratio:269/360;max-width:300px;justify-self:center}
 .poster img{height:100%;width:100%}
 .mini{width:100%;max-width:300px;margin:0;transform:none;justify-self:center;text-align:center}
 .rail{padding:38px 16px}
 .rail-head{padding:0}
 .cards,.moving .cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:12px;padding:0;overflow:visible;animation:none;transform:none}
 .game-card,.moving .game-card{width:100%;min-width:0;flex:none;padding:7px;border-radius:12px}
 .game-card img{border-radius:7px}
 .game-card h3,.game-card p{overflow-wrap:anywhere}
 .moving .rail-head{padding:0}
 .editorial{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;padding:32px 20px;min-height:0}
 .editorial h2,.wheel-copy h2{font-size:clamp(28px,8vw,42px)}
 .editorial img{width:min(100%,290px);height:auto;margin:0}
 .inner{display:block}
 .inner>img{width:min(100%,240px);height:auto}
 .wheel-wrap{width:min(100%,320px);height:auto;aspect-ratio:1}
 .wheel{width:89%;height:auto;aspect-ratio:1}
 .safety{padding:24px 20px;gap:16px}
 .explain{gap:14px;padding:28px 20px}
 footer img{max-width:100%}
 .drawer{padding:24px;overflow-y:auto;overscroll-behavior:contain}
 .search input{min-width:0;max-width:100%}
 .toast{width:max-content;max-width:calc(100vw - 24px);text-align:center;border-radius:16px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.moving .cards{animation:none}.game-card,.drawer{transition:none}}

.game-card:hover img{transform:none}
.drawer{visibility:hidden;overflow-y:auto;overscroll-behavior:contain}.drawer.open{visibility:visible}.game-card[hidden]{display:none}
@media(max-width:650px){
 .drawer{max-height:100dvh}
 .home-page .hero-stack{display:grid;width:100%;height:auto;min-width:0;padding:0;gap:18px}
 .home-page .poster{width:100%;height:auto;aspect-ratio:1;max-width:360px;justify-self:center;overflow:hidden}
 .home-page .poster img{width:100%;height:100%;object-fit:contain}
 .home-page .mini{position:static;inset:auto;width:100%;max-width:360px;justify-self:center;margin:0;transform:none}
 .hero-stack{padding:0 0 16px}
 .poster{max-width:320px;box-shadow:none}
 .editorial{display:flex;flex-direction:column}
 .editorial img{max-width:100%;height:auto}
 .hero-copy>div>.pill,.hero-copy>div>.soft{width:100%;text-align:center}
 .home-guide h2{font-size:clamp(28px,8vw,40px);overflow-wrap:anywhere}
 .home-guide>*{min-width:0}
 .quick,.home-page .quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
 .quick a,.home-page .quick a{min-width:0;overflow-wrap:anywhere}
}