.slot-machine-main{padding:clamp(12px,2vw,28px) var(--experiment-gutter) clamp(20px,3vw,40px)}
.slot-machine-shell{display:block;width:100%;margin:0;border:1px solid var(--ink);background:#07080b}
.slot-machine-stage{position:relative;width:100%;height:min(calc(100svh - var(--site-header-height) - var(--page-back-height) - 68px),calc(100vw - 2 * var(--experiment-gutter)));min-height:540px;overflow:hidden;background:#07080b;cursor:grab;touch-action:none}
.slot-machine-stage:active{cursor:grabbing}
.slot-machine-stage canvas{position:absolute;inset:0;display:block;width:100%;height:100%}
.slot-machine-loading{position:absolute;inset:50% 0 auto;z-index:2;margin:0;color:#d8ccba;font:500 10px/1 var(--mono);letter-spacing:.08em;text-align:center;transform:translateY(-50%);transition:opacity .2s;pointer-events:none}
.slot-machine-stage.is-ready .slot-machine-loading{opacity:0}
.slot-machine-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@media(max-width:840px){.slot-machine-main{padding:0 var(--experiment-gutter) 12px}.slot-machine-stage{height:calc(100vw - 2 * var(--experiment-gutter));min-height:0}}
@media(prefers-reduced-motion:reduce){.slot-machine-loading{transition:none}}