/* The whole portrait cabinet shares one painted frame. Native mechanics keep their coordinates. */
#gameWorld{position:absolute;left:0;top:0;width:1672px;height:941px;pointer-events:none}
.portrait-cabinet,.portrait-only,.portrait-label,#portraitReelGrid,#portraitAtmosphere{display:none}
#rotate{display:none!important}
html[data-layout="portrait"] #stage{width:1000px;height:1800px;background:#100820}
html[data-layout="portrait"] .cabinet,html[data-layout="portrait"] .header-video-layer{display:none!important}
html[data-layout="portrait"] .portrait-cabinet{display:block;position:absolute;inset:0;width:1000px;height:1800px;pointer-events:none;user-select:none;z-index:0}
html[data-layout="portrait"] #portraitCabinetBonus{visibility:hidden;z-index:1}
html[data-layout="portrait"] #stage[data-bonus-scene="true"] #portraitCabinetBonus{visibility:visible}
html[data-layout="portrait"] #portraitConsole{z-index:2;clip-path:inset(1288px 0 0);visibility:hidden}
html[data-layout="portrait"] #stage[data-bonus-scene="true"] #portraitConsole{visibility:visible}
html[data-layout="portrait"] #gameWorld{transform-origin:0 0;transform:translate(-102.4262607px,206.0827783px) scale(.7193149382);z-index:3;overflow:visible}
html[data-layout="portrait"] #bonusCast,html[data-layout="portrait"] #prizeFlights{overflow:visible}
html[data-layout="portrait"] #bonusRobber{left:1265.6852px;top:-150.258px;width:228px;height:304px}
html[data-layout="portrait"] #lineBadges{display:none}
html[data-layout="portrait"] #reels{overflow:hidden;border-radius:14px}
html[data-layout="portrait"] #mallGlow{display:none}
html[data-layout="portrait"] #portraitReelGrid{display:block;position:absolute;left:122px;top:419px;width:756px;height:321.5338px;z-index:4;pointer-events:none}
html[data-layout="portrait"] #conveyor{clip-path:inset(-75px -8px 0 round 0 0 21px 21px)}
html[data-layout="portrait"] #checkoutIllustration{opacity:0}
html[data-layout="portrait"] .belt-treads{left:0;right:0;top:44px;bottom:12px;border-radius:6px;opacity:.3}
html[data-layout="portrait"] .portrait-label{display:block;position:absolute;z-index:8;text-align:center;color:#b4fbed;font-size:25px;line-height:29px;font-weight:900;letter-spacing:1px;pointer-events:none;text-shadow:0 2px 2px #000}
html[data-layout="portrait"] #portraitBalanceLabel{left:112px;top:794px;width:332px;height:26px;font-size:24px;line-height:26px}
html[data-layout="portrait"] #portraitWinLabel{left:551px;top:794px;width:338px;height:26px;font-size:24px;line-height:26px;color:#d5ff8d}
html[data-layout="portrait"] #balance,html[data-layout="portrait"] #win{display:grid;place-items:center;top:820px;height:40px;font-size:36px;line-height:40px;letter-spacing:0;color:#fff7d8;text-shadow:0 2px 3px #000;font-family:"Trebuchet MS",Arial,sans-serif}
html[data-layout="portrait"] #balance{left:112px;width:332px}
html[data-layout="portrait"] #win{left:551px;width:338px;color:#efffb3}
html[data-layout="portrait"] #betReadout{left:391px;top:1324px;width:215px;height:62px;gap:4px;justify-content:center}
html[data-layout="portrait"] #betReadout #betLabel{height:23px;line-height:23px;font-size:23px;color:#d7ffac;letter-spacing:.5px}
html[data-layout="portrait"] #betReadout #bet{height:36px;font-size:34px;line-height:36px;letter-spacing:0;color:#fff6d9;font-family:'Arial Black',Arial,sans-serif}
html[data-layout="portrait"] .hotspot{touch-action:manipulation;overflow:visible;pointer-events:auto}
html[data-layout="portrait"] .hotspot:focus-visible{outline:3px solid #aaffcc;outline-offset:5px}
html[data-layout="portrait"] #menuButton{left:99px;top:1446px;width:220px;height:228.25px;border-radius:50%}
html[data-layout="portrait"] #autoButton{left:691px;top:1446px;width:220px;height:228.25px;border-radius:50%}
html[data-layout="portrait"] #spinButton{left:355px;top:1415px;width:290px;height:288.74px;border-radius:50%}
html[data-layout="portrait"] #spinButton #stopIcon{clip-path:circle(40.8% at 50% 50%)}
html[data-layout="portrait"] #spinButton #autoCount{left:50%;top:49%;width:100px;height:89px;font-size:44px;line-height:1;letter-spacing:0}
html[data-layout="portrait"] #betDown{left:230px;top:1285px;width:140px;height:144px}
html[data-layout="portrait"] #betUp{left:630px;top:1285px;width:140px;height:144px}
html[data-layout="portrait"] #betDown .control-art{left:28px;top:11px;width:84px;height:122px}
html[data-layout="portrait"] #betUp .control-art{left:26px;top:11px;width:90px;height:122px}
html[data-layout="portrait"] #maxBet{left:754px;top:1284px;width:190px;height:144px;border-radius:23px}
html[data-layout="portrait"] #maxBet .control-art{left:0;top:14px;width:190px;height:110px}
html[data-layout="portrait"] #portraitTurbo{display:block;left:54px;top:1284px;width:190px;height:144px;border-radius:23px}
html[data-layout="portrait"] #portraitTurbo .control-art{left:0;top:14px;width:190px;height:110px}
html[data-layout="portrait"] .turbo-copy{position:absolute;left:64px;top:41px;width:106px;height:59px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#fff9d4;text-shadow:0 2px 2px #401700,0 0 4px #401700;font-family:"Trebuchet MS",Arial,sans-serif;font-weight:900;line-height:1;pointer-events:none}


html[data-layout="portrait"] .turbo-copy small{font-size:26px;letter-spacing:.3px}
html[data-layout="portrait"] .turbo-copy b{font-size:30px;letter-spacing:1px}
html[data-layout="portrait"] #portraitTurbo[aria-pressed="false"] .control-art{filter:saturate(.8) brightness(.92)}
html[data-layout="portrait"] #portraitTurbo[aria-pressed="true"] .control-art{filter:brightness(1.22) drop-shadow(0 0 11px #ffe464)}
html[data-layout="portrait"] #portraitTurbo.turbo-pulse .control-art{animation:turbo-surge .5s ease-out}
@keyframes turbo-surge{0%,42%{filter:brightness(1.15)}12%,32%{filter:brightness(1.7) drop-shadow(0 0 14px #fff695)}65%{filter:brightness(1.3) drop-shadow(0 0 8px #ffdb55)}}
html[data-layout="portrait"] #portraitTurbo:focus-visible,html[data-layout="portrait"] #maxBet:focus-visible{outline:none}
html[data-layout="portrait"] #portraitTurbo:focus-visible:after,html[data-layout="portrait"] #maxBet:focus-visible:after{content:"";position:absolute;left:0;top:14px;width:190px;height:110px;border-radius:23px;outline:3px solid #ddffa2;outline-offset:3px;pointer-events:none}
html[data-layout="portrait"] #bonusHud{z-index:7}
html[data-layout="portrait"] #bonusHud .bonus-sign{top:910px;height:43px;width:176px;padding:0;gap:3px;--value-font-size:25px}
html[data-layout="portrait"] #bonusSpinsSign{left:270px}
html[data-layout="portrait"] #bonusTotalSign{left:554px}
html[data-layout="portrait"] #bonusHud .bonus-sign-label{font-size:17px;line-height:18px;letter-spacing:.3px;-webkit-text-stroke:0;color:#d4f9fa;background:none;-webkit-text-fill-color:initial;filter:none;text-shadow:0 1px #000}
html[data-layout="portrait"] #bonusHud .bonus-sign-sublabel{display:none}
html[data-layout="portrait"] #bonusHud b,html[data-layout="portrait"] #bonusHud strong{font-size:25px;line-height:26px;-webkit-text-stroke:0;background:none;-webkit-text-fill-color:initial;color:#fff6c7;filter:none;text-shadow:0 2px #351e07;font-family:'Arial Black',Arial,sans-serif;letter-spacing:0}
html[data-layout="portrait"] #devToggle{left:13px;top:auto;bottom:12px;padding:9px 12px;font-size:24px;min-width:104px;min-height:96px;z-index:19;opacity:.85;border-radius:16px}
html[data-layout="portrait"] #portraitAtmosphere{display:block;position:absolute;inset:0;pointer-events:none;width:100%;height:100%;z-index:2}
html[data-layout="portrait"] #loading{background:radial-gradient(ellipse at 50% 40%,#3c185c,#090615 80%)}
html[data-layout="portrait"] .load-mark{font-size:87px;line-height:1.05;letter-spacing:-3px}
html[data-layout="portrait"] .load-mark span{display:block;margin-left:0;font-size:117px;letter-spacing:6px;margin-top:16px}
html[data-layout="portrait"] #loadStatus{font-size:33px;margin:45px 40px 27px}
html[data-layout="portrait"] .load-track{width:570px;height:12px}
html[data-layout="portrait"] #loading .retry-load{font-size:40px;padding:25px 40px}
@media(prefers-reduced-motion:reduce){html[data-layout="portrait"] .turbo-pulse .control-art{animation:none!important}}

/* Large inset bonus meters share the cabinet's illustrated purple piping. */
html[data-layout="portrait"] #bonusHud .bonus-sign{top:899px;width:400px;height:144px;background:url('../assets/portrait/bonus-meter-v1.png') center/100% 100% no-repeat;display:block}
html[data-layout="portrait"] #bonusSpinsSign{left:90px}
html[data-layout="portrait"] #bonusTotalSign{left:510px}
html[data-layout="portrait"] #bonusHud .bonus-sign-label{position:absolute;left:10%;top:37px;width:80%;height:28px;font-size:26px;line-height:28px}
html[data-layout="portrait"] #bonusHud b,html[data-layout="portrait"] #bonusHud strong{position:absolute;left:10%;top:68px;width:80%;height:36px;max-width:80%;font-size:35px;line-height:36px}