/* Landscape keeps the original illustrated 1672 × 941 composition and live nodes. */
#game.mobile-layout.landscape-main{--landscape-width:min(calc(100cqw - env(safe-area-inset-left) - env(safe-area-inset-right)),calc((100cqh - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 1672 / 941));--scene-width:var(--landscape-width);--scene-height:calc(var(--landscape-width) * 941 / 1672)}
#game.mobile-layout.landscape-main>.reference-stage{position:absolute;left:calc((100% + env(safe-area-inset-left) - env(safe-area-inset-right)) / 2);top:calc((100% + env(safe-area-inset-top) - env(safe-area-inset-bottom)) / 2);width:var(--landscape-width);height:auto;aspect-ratio:1672/941;max-width:none;max-height:none;min-height:0;margin:0;transform:translate(-50%,-50%);overflow:hidden;container-type:inline-size;isolation:isolate;background:#10251c;box-shadow:0 0 60px #000b}
#game.mobile-layout.landscape-main.bonus-mode>.reference-stage{display:none}
#game.landscape-main .reference-stage .wheel-area{transform:none}
#game.landscape-main .reference-stage .wheel-frame{transform:translateY(-.239234cqw)}
#game.landscape-main .reference-stage .main-pointer-cleanplate{display:block}
#game.landscape-main .reference-stage #host{display:none}
#game.landscape-main .reference-stage .reference-video-layer,#game.landscape-main .reference-stage>.reference-scene-overlay{display:block}
#game.landscape-main .reference-stage>.reference-scene-overlay{height:100%;z-index:-2}
#game.landscape-main .reference-stage>.monkey-host{height:100%}
#game.landscape-main .reference-stage>.landscape{display:block}
#game.landscape-main .reference-stage>.hanging-sign-logo,#game.landscape-main .reference-stage>.logo-shine-desktop{display:block}
#game.landscape-main .reference-stage .brand,#game.landscape-main .reference-mobile-scenery{display:none}
#game.landscape-main .reference-stage .hanging-sign{top:23.379384%;width:34.688995%;max-width:none}
#game.landscape-main .reference-stage .hanging-sign .spin-area{width:60.689655%;max-width:none}
#game.landscape-main .reference-stage .hanging-sign #spin{min-height:0;padding:0 .5cqw;font-size:2.15311cqw;gap:1.076555cqw;letter-spacing:.179426cqw}
#game.landscape-main .reference-stage .hanging-sign .spin-area p{min-height:3.229665cqw;font-size:1.016747cqw;line-height:1.4;margin:0 0 .657895cqw;padding:.299043cqw 0}
#game.landscape-main .reference-stage .spin-glyph{font-size:2.272727cqw}
#game.landscape-main .reference-stage .reference-utilities{left:59.689%;top:64.930925%;width:35.885167%;height:auto;aspect-ratio:3/1}
#game.landscape-main .reference-stage .reference-utilities .brick-console-art{object-fit:fill}
#game.landscape-main .reference-stage .reference-utilities .session-actions{min-height:0;top:14.5%;height:12%}
#game.landscape-main .reference-stage .session-actions button{min-height:0;font-size:.92cqw;letter-spacing:.025em}
#game.landscape-main .reference-stage .reference-utilities .bet-actions{min-height:0}
#game.landscape-main .reference-stage .reference-utilities .bet-actions button{min-height:0;font-size:1.136364cqw}
#game.landscape-main .reference-stage .reference-utilities .bet-actions button span{font-size:.807416cqw}
#game.landscape-main .reference-stage .reference-utilities .console-readout>span{font-size:.55cqw}
#game.landscape-main .reference-stage .reference-utilities .total-meter .console-readout strong{font-size:min(1.15cqw,calc(9cqw / var(--console-amount-length,4)))}
#game.landscape-main .reference-stage .reference-utilities .console-readout.is-long-amount>span{font-size:.42cqw}
#game.landscape-main .reference-stage .reference-utilities .total-meter .console-readout.is-long-amount strong{font-size:min(.96cqw,calc(15cqw / var(--console-amount-length,11)))}
#game.landscape-main .reference-stage .console-controls .balance-meter>.reference-skin,#game.landscape-main .reference-stage .console-controls .increment>.reference-skin{display:block;z-index:0}
#game.mobile-layout.landscape-main:not(.bonus-mode)>.topbar{top:calc((100% - var(--scene-height) + env(safe-area-inset-top) - env(safe-area-inset-bottom)) / 2 + 4px);right:calc((100% - var(--scene-width) + env(safe-area-inset-right) - env(safe-area-inset-left)) / 2 + 5px);height:auto;padding:0}
#game.mobile-layout.landscape-main:not(.bonus-mode) .toolbar{gap:5px}
#game.mobile-layout.landscape-main:not(.bonus-mode) .toolbar>button{width:clamp(22px,2.1vw,30px);height:clamp(22px,2.1vw,30px);min-width:0;font-size:clamp(12px,1.3vw,18px)}

/* Keep painted controls fixed; only extend their transparent, non-overlapping touch regions. */
.landscape-hitbox{display:none}
#game.landscape-main .reference-stage .landscape-hitbox{display:block;position:absolute;left:50%;top:50%;width:max(100%,28px);height:max(100%,28px);transform:translate(-50%,-50%);z-index:3;pointer-events:auto}
#game.landscape-main .reference-stage .hanging-sign #spin>.landscape-hitbox{position:absolute}
#game.landscape-main .reference-stage .reference-utilities .session-actions .landscape-hitbox{width:100%;height:32px;top:auto;bottom:-2px;transform:translateX(-50%)}
#game.landscape-main .reference-stage .reference-utilities .bet-actions .landscape-hitbox{width:100%;height:32px;top:-2px;transform:translateX(-50%)}
#game.mobile-layout.landscape-main:not(.bonus-mode) .toolbar>button{width:28px;height:28px;min-width:28px}

#game.landscape-main .reference-stage .session-actions button{position:relative}

/* Bonus artwork cannot override the phone notch clearance of shared controls. */
@media (max-width:1100px), (max-width:1400px) and (max-height:600px), (max-width:1400px) and (pointer:coarse){
 #game.mobile-layout.bonus-mode:has(>#bonus-scene)>.topbar{inset:calc(5px + env(safe-area-inset-top)) calc(7px + env(safe-area-inset-right)) auto auto;width:auto;height:36px;padding:0}
}

/* The passive totals must not intercept the enlarged action touch pads. */
#game.mobile-layout.landscape-main .reference-stage .reference-utilities .total-meter,
#game.mobile-layout.landscape-main .reference-stage .reference-utilities .total-meter *{pointer-events:none}

/* Optical alignment within the unchanged illustrated landscape control recesses. */
#game.mobile-layout.landscape-main .reference-stage .balance-meter strong,
#game.mobile-layout.landscape-main .reference-stage .reference-utilities .total-meter .console-readout strong{translate:0 2px}
#game.mobile-layout.landscape-main .reference-stage .stake-badge{translate:0 3px}
#game.mobile-layout.landscape-main .reference-stage .reference-utilities .bet-actions button{align-items:center;gap:.28cqw}
#game.mobile-layout.landscape-main .reference-stage .reference-utilities .bet-actions button span{line-height:1;transform:translateY(.10em)}
#game.mobile-layout.landscape-main .reference-stage .reference-utilities .bet-actions .bet-action-icon{width:.94cqw;height:.94cqw;stroke-width:3}
#game.mobile-layout.landscape-main .reference-stage>.hanging-sign-logo,
#game.mobile-layout.landscape-main .reference-stage>.logo-shine-desktop{translate:0 2px}

/* Swap only the illustrated navigation row: blue Auto stays left, red History stays right. */
#game.landscape-main .reference-utilities::after,
#game:not(.mobile-layout) .reference-utilities::after{
 content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
 background:url('../assets/brick-console-autoplay.webp') center/100% 100% no-repeat;
 clip-path:inset(8% 14% 70%);transform:scaleX(-1);
}

