.gold{background:#ffcd56}.mint{background:#75efb4}
.genre-line{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.hero-orbit{height:150px}.home-mascot{height:153px}
.play[data-genre="slot"] #instruction,.play[data-genre="race"] #instruction{font-size:clamp(12px,3.7vw,16px)}
.play[data-genre="slot"] .feedback{top:18%;font-size:28px}
.play[data-genre="race"] .feedback{top:17%;font-size:26px}
.play[data-genre="slot"] .combo-badge,.play[data-genre="race"] .combo-badge{top:auto;bottom:46px}
.play[data-genre="slot"] .game-action{font-size:28px;color:#643324;text-shadow:0 1px #fff5cd;background:linear-gradient(#ffe9ac,#ffca58)!important}
.play[data-genre="slot"] .game-action:disabled{opacity:1;background:#ece4d5!important;color:#807684;box-shadow:0 2px 0 var(--navy);transform:translateY(3px)}
.play[data-genre="race"] .game-action{font-size:18px;padding-bottom:12px;overflow:hidden}
.play[data-genre="race"] .game-action:before{content:"";position:absolute;left:10%;right:10%;bottom:11px;height:4px;border-radius:3px;background:#164b5240}
.play[data-genre="race"] .game-action:after{content:"";position:absolute;left:var(--steer,50%);bottom:6px;width:16px;height:14px;border:2px solid #142a48;border-radius:5px;background:#fff5da;transform:translateX(-50%)}
.play[data-genre="race"] .game-action:active{transform:none;box-shadow:0 5px 0 var(--navy)}
.result-stats small{font-size:9px}
@media(max-height:740px) and (max-width:520px){.hero-orbit{height:112px}.home-mascot{height:118px}.genre-dot{padding:3px 6px}.course-badge{margin:10px 0}}

/* Six result cards occupy two rows; replay and sharing sit side by side. */
.result-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.result-stats>div{padding:6px;column-gap:3px}
.result-stats span{font-size:10px}.result-stats strong{font-size:25px}
.result-stats small{min-height:22px;line-height:1.25}
.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.result-actions .action-button{font-size:16px}.result-actions .text-button{grid-column:1/-1}