/* A single illustrated 1000 × 1800 cabinet; live controls register to its insets. */
.portrait-cabinet,.portrait-only,.portrait-label,#portraitAmbience,#portraitReelGrid{display:none}
#rotateNotice{display:none!important}
html[data-layout="portrait"] .stage{--stage-ratio:.5555555556;width:min(100vw,calc(100dvh * 5 / 9));height:min(100dvh,180vw);aspect-ratio:5/9;visibility:visible;container-type:inline-size;background:#02112b}
html[data-layout="portrait"] .cabinet-art,html[data-layout="portrait"] .ways-badge,html[data-layout="portrait"] .logo-sting,html[data-layout="portrait"] .bonus-video-overlay,html[data-layout="portrait"] .stadium-ambience{display:none!important}
html[data-layout="portrait"] .portrait-cabinet{display:block;position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:fill;pointer-events:none}
html[data-layout="portrait"] #portraitCabinetBonus{z-index:2;opacity:0}
html[data-layout="portrait"] .stage[data-mode="bonus"] #portraitCabinetBonus{opacity:1}
html[data-layout="portrait"] #portraitAmbience{display:block;position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none}
html[data-layout="portrait"] .reel-window,html[data-layout="portrait"] #portraitReelGrid{left:13.2cqw;top:31cqw;width:73.6cqw;height:40.1cqw}
html[data-layout="portrait"] #portraitReelGrid{display:block;position:absolute;z-index:10;pointer-events:none}
/* Fill the authored opening; preserve the 5:4 symbols at their safe column width. */
html[data-layout="portrait"] .reel-window .symbol-img{width:var(--symbol-render-scale);height:auto;aspect-ratio:5/4}
html[data-layout="portrait"] .portrait-label{display:grid;place-items:center;position:absolute;z-index:8;color:#ffeaa0;font-size:2.6cqw;font-weight:900;line-height:1;letter-spacing:.045em;text-shadow:0 .2cqw .2cqw #00101f;pointer-events:none}
html[data-layout="portrait"] #portraitBalanceLabel{left:15.1cqw;top:75.1cqw;width:30.5cqw;height:2.7cqw}
html[data-layout="portrait"] #portraitWinLabel{left:54.4cqw;top:75.1cqw;width:30.5cqw;height:2.7cqw}
html[data-layout="portrait"] #portraitBetLabel{left:38.5cqw;top:134.8cqw;width:23.2cqw;height:2.1cqw;font-size:2.15cqw}
html[data-layout="portrait"] .meter-value{font-size:4cqw;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:clip}
html[data-layout="portrait"] .meter-balance{left:15.1cqw;top:78.3cqw;width:30.5cqw;height:3.7cqw}
html[data-layout="portrait"] .meter-win{left:54.4cqw;top:78.3cqw;width:30.5cqw;height:3.7cqw}
html[data-layout="portrait"] .meter-bet{left:38.5cqw;top:137.1cqw;width:23.2cqw;height:2.9cqw;font-size:3.2cqw}
html[data-layout="portrait"] .portrait-only{display:block}
html[data-layout="portrait"] .hotspot{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
html[data-layout="portrait"] .hotspot::after{inset:8%;width:auto;height:auto;box-shadow:inset 0 0 1cqw #fff7ad,0 0 1.5cqw #ffdc79}
html[data-layout="portrait"] .hotspot:focus-visible::after{opacity:1;outline:.45cqw solid #fff3b3;outline-offset:.3cqw}
html[data-layout="portrait"] .hotspot-menu{left:12.9cqw;top:143.5cqw;width:19.6cqw;height:19.6cqw}
html[data-layout="portrait"] .hotspot-auto{left:67.5cqw;top:143.5cqw;width:19.6cqw;height:19.6cqw}
html[data-layout="portrait"] .portrait-control-icon{position:absolute;inset:21%;width:58%;height:58%;filter:drop-shadow(0 .55cqw .35cqw #0009);pointer-events:none}
html[data-layout="portrait"] .hotspot-spin{left:36.4cqw;top:140.2cqw;width:27.2cqw;height:27.2cqw}
html[data-layout="portrait"] .hotspot-spin::after{inset:7%}
html[data-layout="portrait"] .control-button-art{filter:drop-shadow(0 .6cqw .5cqw #0006)}
html[data-layout="portrait"] .hotspot-bet-down,html[data-layout="portrait"] .hotspot-bet-up{top:130.65cqw;width:13.7cqw;height:13.7cqw}
html[data-layout="portrait"] .hotspot-bet-down{left:25.25cqw}
html[data-layout="portrait"] .hotspot-bet-up{left:61.05cqw}
html[data-layout="portrait"] .hotspot-bet-down::after,html[data-layout="portrait"] .hotspot-bet-up::after{inset:26%;border-radius:50%}
html[data-layout="portrait"] .portrait-bet-sign{position:absolute;inset:0;display:grid;place-items:center;font-family:Arial,sans-serif;font-size:6.6cqw;font-weight:700;line-height:1;color:#ffe999;text-shadow:0 .25cqw .2cqw #000;pointer-events:none}
html[data-layout="portrait"] .hotspot-max{left:74.75cqw;top:130.8cqw;width:15.1cqw;height:14cqw;border-radius:2cqw}
html[data-layout="portrait"] .hotspot-max::after{inset:21% -6%;border-radius:1.4cqw}
html[data-layout="portrait"] .portrait-max-copy{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:3.15cqw;font-weight:900;line-height:.99;color:#fff0a1;text-shadow:0 .25cqw .2cqw #150326;pointer-events:none}
html[data-layout="portrait"] #portraitTurbo{left:10.35cqw;top:130.8cqw;width:14.9cqw;height:14cqw;border-radius:2cqw;display:flex;align-items:center;justify-content:center;gap:.65cqw;color:#fff5c1}
html[data-layout="portrait"] #portraitTurbo::after{inset:21% -6.1%;border-radius:1.4cqw}
html[data-layout="portrait"] .portrait-bolt{width:3.6cqw;height:5.1cqw;filter:drop-shadow(0 .15cqw .2cqw #442c00)}
html[data-layout="portrait"] .turbo-copy{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25cqw;text-shadow:0 .2cqw .18cqw #463000,0 0 .4cqw #593c00;font-size:2.55cqw;font-weight:900;line-height:1}
html[data-layout="portrait"] .turbo-copy small{font-size:2.05cqw;line-height:1}
html[data-layout="portrait"] #portraitTurbo[aria-pressed="true"] .portrait-bolt{filter:drop-shadow(0 0 .8cqw #efffff)}
html[data-layout="portrait"] #portraitTurbo.turbo-pulse .portrait-bolt{animation:portrait-electric .55s ease-out}
html[data-layout="portrait"] #portraitTurbo.turbo-pulse::after{animation:portrait-electric-ring .65s ease-out}
html[data-layout="portrait"] .auto-remaining{font-size:5cqw;min-width:45%;border-radius:50%;padding:.6cqw;background:#ecffb4d9}
html[data-layout="portrait"] .stage.reduced-motion *{scroll-behavior:auto}
@keyframes portrait-electric{0%,30%,60%{filter:drop-shadow(0 0 2cqw #e8ffff) brightness(1.9);transform:scale(1.08)}15%,45%,100%{filter:drop-shadow(0 .15cqw .2cqw #442c00);transform:scale(1)}}
@keyframes portrait-electric-ring{0%{opacity:0}20%,50%{opacity:1;box-shadow:inset 0 0 1.8cqw #efffff,0 0 2cqw #bfe9ff}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){html[data-layout="portrait"] .turbo-pulse *{animation:none!important}}
html[data-layout="portrait"] .reduced-motion .turbo-pulse *,html[data-layout="portrait"] .reduced-motion .turbo-pulse::after{animation:none!important}
