html,body{overflow-x:clip}
.cabinet-shell{width:100vw;max-width:none}
.sticky-topper{position:sticky;top:0;z-index:30;isolation:isolate}
.topper-stage{--compact-topper:clamp(210px,33.333vw,430px)}
.chomper{--progress:0;--stage-color:#fff;z-index:2}
.chomper.red{--stage-color:#ff392d}.chomper.blue{--stage-color:#27c8ff}.chomper.green{--stage-color:#7cff36}
.stage-progress{position:absolute;z-index:-1;left:50%;bottom:-2%;width:140%;height:24%;translate:-50% 0;border-radius:50%;opacity:.8;background:repeating-conic-gradient(from -90deg,var(--stage-color) 0 24deg,transparent 24deg 30deg);mask:radial-gradient(ellipse,transparent 0 55%,#000 57% 74%,transparent 76%)}
.stage-progress::after{content:"";position:absolute;inset:0;border-radius:inherit;background:conic-gradient(from -90deg,#fff9 0 calc(var(--progress)*30deg),transparent calc(var(--progress)*30deg));mask:radial-gradient(ellipse,transparent 0 53%,#000 55% 76%,transparent 78%);filter:drop-shadow(0 0 9px var(--stage-color))}
.chomper[data-armed="true"] .stage-progress{opacity:1;animation:armed-stage 1s ease-in-out infinite alternate;filter:drop-shadow(0 0 18px var(--stage-color))}
@keyframes armed-stage{to{scale:1.055;filter:brightness(1.7) drop-shadow(0 0 24px var(--stage-color))}}
.title-bridge{pointer-events:none}.reel-window{isolation:isolate}.control-deck button{min-width:44px;min-height:44px}
.control-deck label{background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none}.control-deck output{background:transparent;border:0;box-shadow:none}
@media (min-width:901px){.sticky-topper{height:auto;aspect-ratio:3/1}.cabinet-shell{min-height:100dvh}.lower-screen{margin-top:-2.4%;background-image:url('../../assets/cabinet/premium-cabinet-landscape-v2.png')}.lower-screen::before{display:none}.main-game-logo.title-bridge{left:-15%;top:-9%;width:130%;height:38%}.reel-stage{left:17.25%;top:20.85%;width:65.55%;height:52.9%}.status{left:28%;top:73.2%;width:44%;height:6%}.spin{right:13.2%;top:77%;width:11.2%}.balance-label{left:19.5%;width:12.5%}.bet-label{left:32.2%;width:22%}.win-label{left:55%;width:13.5%}.controls label{top:82%;height:10%}}
@media (max-width: 900px){.cabinet-shell{width:100vw}.sticky-topper{height:min(39dvh,430px);aspect-ratio:1423/1105;background-size:cover}.chomper{height:38%}.control-deck button{min-width:44px;min-height:44px}.lower-screen{margin-top:-3.2%}}
@media (min-width:901px){
  html,body{width:100%;height:100%;overflow:hidden}
  .cabinet-shell{height:100dvh;min-height:100dvh;overflow:hidden}
  .sticky-topper{position:relative;height:36dvh;aspect-ratio:auto;background-size:100% 100%;flex:none}
  .lower-screen{height:64dvh;aspect-ratio:auto;margin-top:0;background-size:100% 100%;flex:none}
  .chomper{height:72%}
  .spin{top:69.5%;width:10.5%;color:#fff3a4!important;display:grid;place-items:center;font-family:CarnivalCoin,Georgia,serif;font-size:clamp(18px,2.1vw,34px);font-weight:900;-webkit-text-stroke:1px #71150b;text-shadow:0 3px 0 #6e160d,0 0 10px #ffc747}
  .bonus-demo{left:13%;right:auto;top:69.5%;width:10.5%}
}
@media (max-width:900px){.bonus-demo{left:7%;right:auto;top:80.4%;width:18%}}