/* The three games share the available screen instead of stacking tall heroes. */
#games-view{display:none;grid-template-rows:auto repeat(3,minmax(0,1fr));gap:clamp(8px,calc(12px * var(--scene-scale)),12px);padding:clamp(12px,calc(20px * var(--scene-scale)),20px);overflow:hidden;min-height:0}
#games-view.active{display:grid}
#games-view>h1{margin:0;font-size:clamp(24px,calc(27px * var(--scene-scale)),27px);line-height:1.1;letter-spacing:-.7px}
#games-view .game-card{position:relative;display:grid;grid-template-columns:minmax(0,40%) minmax(0,1fr) 18px;align-items:center;gap:clamp(8px,calc(12px * var(--scene-scale)),12px);width:100%;height:100%;min-height:44px;max-height:200px;align-self:center;margin:0;padding:clamp(8px,calc(12px * var(--scene-scale)),12px);border-radius:clamp(19px,calc(25px * var(--scene-scale)),25px);overflow:hidden;text-align:left}
#games-view .game-card:focus-visible{outline:3px solid #c9659e;outline-offset:-3px}
#games-view .game-card:active{transform:scale(.993)}
#games-view .game-preview{position:relative;display:block;container-type:size;width:100%;height:100%;min-height:0;margin:0;border-radius:15px;overflow:hidden}
#games-view .game-name{display:block;min-width:0;margin:0;font-size:clamp(17px,calc(21px * var(--scene-scale)),21px);line-height:1.13;font-weight:740;letter-spacing:-.45px}
#games-view .card-arrow{position:static;display:grid;place-items:center;width:18px;height:23px;padding:0;margin:0;align-self:center;justify-self:end}
#games-view .card-arrow svg{display:block;width:18px;height:18px}
/* Prize bottoms sit below the front rim; all sizes share basket-width units. */
#games-view #play-card .game-preview{--menu-basket-bottom:calc(50% - 28cqw)}
#games-view .preview-basket{left:0;bottom:var(--menu-basket-bottom);width:100cqw;height:43.5789cqw;max-height:none;aspect-ratio:1900/828}
#games-view .preview-phone{left:12cqw;bottom:calc(var(--menu-basket-bottom) + 10cqw);width:29cqw;height:43.5cqw;rotate:-11deg;z-index:2}
#games-view .preview-console{left:35cqw;bottom:calc(var(--menu-basket-bottom) + 11cqw);width:39cqw;height:46.6504cqw;rotate:2deg;z-index:2}
#games-view .preview-dryer{right:5cqw;bottom:calc(var(--menu-basket-bottom) + 11cqw);width:29cqw;height:43.5cqw;rotate:14deg;z-index:2}
#games-view .preview-decor{right:2%;top:6%;width:24%;height:24%;opacity:.18}
#games-view .chest-preview{background:radial-gradient(ellipse at 50% 56%,#f0cbe054,#f4e1ed00 70%)}
#games-view .chest-preview>img{left:50%;top:calc(50% - 64.575cqw);bottom:auto;width:105cqw;max-width:none;height:auto;max-height:none;object-fit:contain;transform:translateX(-50%)}
#games-view .m3-preview{background:radial-gradient(ellipse at 50% 55%,#eed4eb6b,#f0ddeb00 72%)}
#games-view .m3-preview img{position:absolute;display:block;aspect-ratio:1;width:29%;height:auto;max-height:none;object-fit:contain}
#games-view .m3-preview img:nth-child(1){left:35%;top:31%;width:32%;rotate:-7deg;z-index:3}
#games-view .m3-preview img:nth-child(2){left:10%;top:15%;width:29%;rotate:9deg}
#games-view .m3-preview img:nth-child(3){left:62%;top:11%;width:28%;rotate:-11deg}
#games-view .m3-preview img:nth-child(4){left:7%;top:51%;width:29%;rotate:-13deg}
#games-view .m3-preview img:nth-child(5){left:65%;top:51%;width:29%;rotate:12deg}
#games-view .m3-preview img:nth-child(6){left:37%;top:4%;width:26%;rotate:3deg}
#games-view .m3-preview img:nth-child(7){left:37%;top:67%;width:27%;rotate:8deg;z-index:4}
@media(prefers-reduced-motion:reduce){#games-view .game-card:active{transform:none}}