/* Shared compact spacing; keep card art and video aspect ratios unchanged. */
.game-intro>.buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(100%,440px);margin-inline:auto}
.game-intro>.buttons>.button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-width:0;min-height:54px;padding:14px 12px;background:transparent;color:#102b46;border:1px solid #22251f;border-radius:5px;text-align:center;line-height:1.3;transition:background-color .18s,color .18s,border-color .18s}
.game-intro>.buttons>.check-game{grid-column:1/-1}
.game-intro>.buttons>.button:hover,.game-intro>.buttons>.button:focus-visible{background:#b93228;color:#fff;border-color:#b93228}
.section{padding-block:56px}
.section-head{gap:32px;margin-bottom:28px}
.kicker{margin-bottom:16px}
.game-grid{min-height:0}
.game-intro{padding:28px 0 32px}
.visual-story{padding-block:40px}
.visual-story .section-head{margin-bottom:28px}
.how-layout{gap:32px}
.how-stage{min-height:0;padding:22px}
.filters{margin-bottom:24px}
.gallery-note{margin-top:20px}
.gift-layout{margin-top:24px}
.gift-offer{padding:20px 0}
.gift-offer img{margin-top:16px}
.paid-card-addons{margin-top:28px;padding:24px}
.rules-panel{margin-bottom:48px;padding:32px;gap:32px}
footer{padding-top:40px}
.footer-top{padding-bottom:36px;gap:32px}
#videos{padding-block:40px 28px}
#videos>.wrap{max-width:960px}
.video-status:empty{display:none}
.video-status:not(:empty){margin-top:12px}
.prelaunch-video{padding-block:24px 36px;max-width:960px}
.prelaunch-video h2{margin-bottom:16px}
.card-collage-player{max-width:960px;margin-inline:auto}
@media(max-width:700px){
 .section{padding-block:34px}
 .section-head{gap:20px;margin-bottom:22px}
 .game-intro{padding:24px 0}
 .visual-story{padding-block:28px}
 .how-layout{gap:24px}
 .how-stage{padding:18px}
 .paid-card-addons{margin-top:24px;padding:20px}
 .rules-panel{margin-bottom:34px;padding:24px;gap:24px}
 footer{padding-top:32px}
 .footer-top{padding-bottom:28px;gap:24px}
 #videos{padding-block:28px 24px}
 .prelaunch-video{padding-block:24px 28px}
}
/* Phone layout: preserve every section and keep controls easy to tap. */
@media(max-width:600px){
 body>header{position:relative;top:auto}
 html{scroll-padding-top:16px}
 body [id]{scroll-margin-top:16px}
 .wrap{max-width:100%;box-sizing:border-box}
 .game-intro,.hero-text,.section-head>*,.footer-top>*{min-width:0}
 .email{overflow-wrap:anywhere}
 .filters{flex-wrap:wrap;gap:8px}
 .filters button,.languages button,.menu{min-height:44px;min-width:44px}
 .youtube-play{min-height:44px;white-space:normal;text-align:center}
 .youtube-notice{overflow-wrap:anywhere}
 .real-photo-controls{flex-wrap:wrap}
 .real-photo-controls button{min-height:44px}
 .real-photo-placeholder{padding:16px;box-sizing:border-box}
 .rules-panel{min-width:0}
 .rules-panel .button{max-width:100%;white-space:normal;text-align:center}
 .footer-top .email{font-size:clamp(16px,4.6vw,24px)}
}