/* Compact painted-arcade marquee; preserves the original wheel and card behavior. */
.topbar{position:relative;display:flex;justify-content:center;max-width:1280px;padding:8px 24px 5px;border-bottom:0;min-height:100px}.topbar .brand{display:block}.topbar .brand-logo{width:268px;height:auto}.topbar .text-button{position:absolute;right:28px;top:50%;transform:translateY(-50%);min-height:44px;font-size:11px;padding:10px 16px}.topbar .text-button:hover{transform:translateY(-50%)}.topbar .text-button span{margin-left:10px}.topbar .text-button .perks-label{margin-left:0}
.hero{padding:0 24px 9px;max-width:780px}.hero-showcase{display:grid;grid-template-columns:1fr 180px;align-items:center;justify-content:center;gap:10px;width:min(590px,100%);margin:0 auto;min-height:150px}.arcade-lockup{position:relative;padding:9px 0 8px;transform:rotate(-3deg)}.hero h1{position:relative;margin:0;font-family:Bowlby,Impact,sans-serif;font-weight:400;font-size:inherit;line-height:1;letter-spacing:-1px;animation:none;isolation:isolate}.hero h1 span{display:block}.hero h1 .title-top{font-size:44px;color:#39392c;line-height:.98;letter-spacing:-1.5px;text-shadow:1px 2px #fff8dd;transform:rotate(-3deg)}.hero h1 .title-main{font-size:72px;color:#ad392c;letter-spacing:-2.6px;line-height:1.1;text-shadow:0 2px #fff1cf,2px 4px #372f24,-1px -1px #372f24,1px -1px #372f24,-1px 1px #372f24}.title-flourish{display:flex;align-items:center;justify-content:center;gap:12px;max-width:265px;margin:5px auto 0;color:#7b7657;font-size:12px}.title-flourish:before,.title-flourish:after{content:"";height:2px;flex:1;background:#8c8969;border-radius:50%;transform:rotate(-2deg)}.title-flourish:after{transform:rotate(2deg)}.hero-character{position:relative;align-self:end;width:180px;height:158px}.hero-character .mascot-loop{width:180px;height:158px}.hero-character:after{content:"";position:absolute;bottom:-1px;left:16%;right:12%;height:8px;border-radius:50%;background:#66533715;z-index:-1}.hero .hero-tagline{margin:6px auto 0;max-width:none;font:600 14px/1.4 DM,Arial,sans-serif;letter-spacing:.05px;color:#5b594a;animation:none}.hero-motion{position:absolute;right:-98px;bottom:4px}.arcade-rail{margin-top:9px;min-height:44px;max-width:1100px}.arcade-rail #motion-toggle{min-height:44px}.carousel-stage{height:548px;animation:none}.carousel{top:180px}.wheel-track{top:180px}.wheel-hub{top:145px}.star-left{top:305px}.star-right{top:110px}.carousel-controls{margin-top:1px}.card-play{min-width:44px;min-height:44px}.hero-stamp,.top-note{display:none}
@media(max-width:1100px){.topbar{padding-inline:20px}.hero h1 .title-top{font-size:40px}.hero h1 .title-main{font-size:65px}.hero-showcase{width:550px}.carousel-stage{height:526px}}
@media(max-width:650px){.topbar{min-height:0;padding:5px 12px 2px}.topbar .brand-logo{width:232px}.topbar .text-button{right:10px;width:44px;min-width:44px;height:44px;padding:0;font-size:18px}.topbar .text-button .perks-label{display:none}.topbar .text-button span{margin:0}.hero{padding:2px 16px 5px;max-width:430px}.hero-showcase{width:100%;grid-template-columns:minmax(0,1fr) 130px;gap:5px;min-height:132px}.arcade-lockup{padding:7px 0}.hero h1 .title-top{font-size:32px;letter-spacing:-1px}.hero h1 .title-main{font-size:47px;letter-spacing:-1.9px}.title-flourish{max-width:160px;gap:7px;font-size:9px;margin-top:5px}.hero-character,.hero-character .mascot-loop{width:130px;height:132px}.hero .hero-tagline{font-size:11.5px;line-height:1.4;max-width:100%;margin-top:6px;white-space:nowrap}.hero-motion{right:-3px;bottom:-37px;z-index:2}.mascot-loop-control{min-width:65px;padding:8px;font-size:8px}.arcade-rail{margin-top:9px;padding-inline:18px;gap:9px;min-height:44px}.rail-line{display:none}.rail-label{margin-right:auto}.rail-count{display:none}#motion-toggle{min-width:84px;padding:8px 10px;margin-right:66px;white-space:nowrap}.carousel-stage{height:393px}.carousel{top:106px}.wheel-track{top:106px}.wheel-hub{top:69px}.carousel-controls{gap:12px}.carousel-controls>div{min-width:185px}.card-play{width:44px;height:44px;min-width:44px;min-height:44px}.card-info{gap:5px}.play-note{margin-top:18px}.phone-play-note{font-size:10px}.perks-banner{margin-top:20px}}
@media(max-width:360px){.topbar .brand-logo{width:204px}.hero h1 .title-top{font-size:28px}.hero h1 .title-main{font-size:41px;letter-spacing:-1.8px}.hero-showcase{grid-template-columns:minmax(0,1fr) 116px}.hero-character,.hero-character .mascot-loop{width:116px;height:126px}.hero .hero-tagline{font-size:10.4px}.title-flourish{max-width:135px}.arcade-rail{font-size:7px;padding-inline:15px;gap:6px}#motion-toggle{margin-right:68px;font-size:8px;min-width:78px;padding-inline:7px}.carousel-controls{gap:8px}.carousel-controls>div{min-width:170px}}
@media(max-width:650px) and (max-height:650px){.topbar{padding-top:2px}.topbar .brand-logo{width:184px}.hero{padding-top:0;padding-bottom:2px}.hero-showcase{min-height:95px;grid-template-columns:minmax(0,1fr) 106px}.hero-character,.hero-character .mascot-loop{width:106px;height:98px}.hero h1 .title-top{font-size:27px}.hero h1 .title-main{font-size:39px;letter-spacing:-1.9px}.title-flourish{font-size:8px;margin-top:2px;max-width:140px}.hero .hero-tagline{font-size:10.3px;margin-top:3px}.hero-motion{bottom:-37px}.arcade-rail{margin-top:4px}.carousel{top:76px}.wheel-track{top:76px}.wheel-hub{top:48px}.carousel-stage{height:362px}.card-info{height:126px}}
@media(min-width:651px) and (max-height:850px){.topbar{padding-top:4px;min-height:0}.topbar .brand-logo{width:235px}.hero-showcase{min-height:120px;grid-template-columns:1fr 140px;width:500px}.hero-character,.hero-character .mascot-loop{width:140px;height:124px}.hero h1 .title-top{font-size:32px}.hero h1 .title-main{font-size:55px}.hero .hero-tagline{font-size:12px}.hero-motion{right:-88px}.carousel{top:100px}.wheel-track{top:100px}.wheel-hub{top:63px}.carousel-stage{height:430px}}
@media(prefers-reduced-motion:reduce){.arcade-lockup{animation:none}.mascot-loop-control:disabled{color:#6a634f}}

.arcade-rail .hero-motion{position:static;display:contents}#motion-toggle{margin-right:0}

/* Fifth playable game: original painted card characters. */
.match-art .painted-match{background:#fff1d1;border:3px solid #363426;border-radius:18px;box-shadow:2px 4px 0 #363426;display:grid;place-items:center;overflow:hidden}
.painted-match i{display:block;width:100%;height:100%;background-image:url('games/pit-stop-match/assets/garage-tiles-v18.png');background-size:300% 200%;background-repeat:no-repeat}
.painted-match .pair-tire{background-position:0 0}.painted-match .pair-oil{background-position:50% 0}

/* r20: no opaque controls above the orbit. */
.arcade-rail{display:none}.carousel-stage{overflow:visible}.games{overflow:hidden;padding-top:36px}.phone-play-note{margin-bottom:18px}