/* Cell Block Slots: a landscape pixel cabinet that airs INSIDE the TV glass. Only the machine. */
.screen .slots-tv{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;overflow:hidden;cursor:default;border-radius:inherit;
  background:radial-gradient(70% 90% at 50% 55%,#3a0d16 0,#1a0710 50%,#08040a 100%);animation:slots-tune .32s steps(4,end);overflow:auto;justify-content:safe center;scrollbar-width:thin}
.screen .slots-tv::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#ffcf7a08 0 1px,transparent 1px 3px)}
.slots-stage{position:relative;flex:none;filter:drop-shadow(0 0 14px #a8281f44)}
.screen .slots-tv canvas.slots-cab-art{position:absolute;inset:0;display:block;width:100%;height:100%;image-rendering:pixelated}
.slots-hit{position:absolute;margin:0;padding:0;border:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.slots-hit::before{content:"";position:absolute;inset:-4px}
.slots-hit-exit::before{inset:-8px -6px}
.slots-hit:disabled{cursor:not-allowed}
.slots-hit:focus-visible{outline:2px solid #ffe36e;outline-offset:1px}
.slots-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@keyframes slots-tune{0%{opacity:0;transform:scaleY(.04)}50%{opacity:1;transform:scaleY(.08)}100%{transform:none}}
@media (prefers-reduced-motion:reduce){.screen .slots-tv{animation:none}}
.screen .slots-prop-key{position:absolute;z-index:5;margin:0;padding:0;border:0;background:transparent;pointer-events:none;opacity:1}
.screen .slots-prop-key:focus{outline:none}
.screen .slots-prop-key:focus-visible{outline:2px solid #ffe36e;outline-offset:2px}
/* worn wooden warning sign: real text, never scales the cabinet */
.screen .slots-sign{position:relative;flex:none;box-sizing:border-box;width:min(300px,calc(100% - 16px));margin:0;padding:5px 10px 6px;
  font-family:var(--f-hw,system-ui);font-size:13px;line-height:1.2;color:#2a1405;text-align:center;
  background:repeating-linear-gradient(0deg,#00000010 0 1px,transparent 1px 4px),#d9c9a0;
  border:3px solid #6b4423;box-shadow:inset 0 0 0 1px #a8946a,0 0 0 1px #2a170b,2px 3px 0 #07050acc;transform:rotate(-.6deg)}
.screen .slots-sign strong{display:block;color:#a8141e;text-transform:uppercase;letter-spacing:.12em;font-size:12px}
.screen .slots-sign::before,.screen .slots-sign::after{content:"";position:absolute;top:3px;width:3px;height:3px;background:#2a2630}
.screen .slots-sign::before{left:3px}.screen .slots-sign::after{right:3px}
.screen .slots-tv.slots-side{flex-direction:row;gap:14px}
.screen .slots-tv.slots-side .slots-sign{width:168px;padding:10px 12px 12px;font-size:14px;transform:rotate(-1.2deg)}
.screen .slots-tv.slots-side .slots-sign strong{font-size:14px;margin-bottom:4px}