/* Three full rows over either room; only the centre line determines payouts. */
body[data-room]{--room-image:url('room-gold-v510.webp');--room-edge:#e5bc72;--room-glow:#e2ae4c38;--room-glass:#15130f;background:#0d0d0e}
body[data-room=blue]{--room-image:url('room-blue-v510.webp');--room-edge:#73d9f2;--room-glow:#3bd8ff2e;--room-glass:#071927}
body[data-room]::before{position:fixed;inset:0;min-height:0;background-image:linear-gradient(#0304090a,#03040928),var(--room-image);background-size:cover;background-position:center;filter:none}
body[data-room] .preview-stage::before{background-image:var(--room-image)}
.room-switch{display:flex;justify-content:center;gap:3px;width:max-content;max-width:100%;margin:0 auto 18px;padding:3px;border:1px solid #bfa57766;border-radius:30px;background:#0a1013c9;box-shadow:0 4px 18px #0003}
.room-switch button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:7px 19px;border:1px solid transparent;border-radius:24px;background:none;color:#cbbfabc7;font:500 12px/1.3 'Manrope',sans-serif;letter-spacing:.05em}
.room-switch button::before{content:'';width:7px;height:7px;border-radius:50%;background:#e7c383;box-shadow:0 0 8px #e7c38340}
.room-switch #room-blue::before{background:#77d8f0;box-shadow:0 0 8px #77d8f055}
.room-switch button[aria-pressed=true]{background:linear-gradient(135deg,#e4ca923d,#e4ca9212);border-color:#e4ca9277;color:#fff0d2}
body[data-room=blue] .room-switch button[aria-pressed=true]{background:linear-gradient(135deg,#68cdeb30,#68cdeb0b);border-color:#7adbf480;color:#d6f5ff}
.room-switch button:hover{color:#fff}.room-switch button:focus-visible{outline:2px solid var(--room-edge);outline-offset:3px}
body[data-room] .reel-area,body[data-room].cinema-mode .reel-area{position:relative;width:min(800px,96%);padding:4px 28px;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;animation:none;isolation:isolate}
body[data-room] .reel-area::before,body[data-room] .reel-area::after{content:none;display:none}
body[data-room=blue] .controls{background:linear-gradient(125deg,#73d9f20b,#0815229e);border-color:#82c9d96b}
body[data-room] .reels{--edge:var(--row);border-radius:0}
body[data-room] .reels .reel{height:calc(var(--row) * 3)}
body[data-room] .reels .symbol,body[data-room] .reels .strip-cell{display:flex;height:var(--row);min-height:var(--row);padding:0 0 22px;align-items:center;justify-content:center;overflow:hidden}
body[data-room] .reels .symbol .symbol-art,body[data-room] .reels .strip-cell .symbol-art{width:min(calc(var(--row) - 24px),100%);height:auto;aspect-ratio:1;max-width:100%}
body[data-room] .reels .symbol .symbol-art>canvas,body[data-room] .reels .strip-cell .symbol-art>canvas{width:98%;height:98%}
body[data-room] .reels .symbol.adjacent{opacity:.6;pointer-events:none}
body[data-room] .reels .symbol.center small{min-height:20px;padding:2px 0;font-size:11px;line-height:1.4;letter-spacing:.02em}
.reel-line-note{margin:2px 0 0;text-align:center;font:500 10px/1.5 'Manrope',sans-serif;letter-spacing:.1em;color:#e2d3b5;text-shadow:0 1px 5px #000}
body[data-room] #game-view .stage-header .game-heading,body[data-room].candidate .stage-header .game-heading{padding-bottom:10px}
@media(min-width:651px){
 body[data-room] .reels{--row:clamp(80px,calc((100svh - 490px) / 3),128px)}
 body[data-room] .result{margin-top:4px}
}
@media(max-width:650px){
 body[data-room]::before{background-size:auto 100svh;background-position:center top}
 .room-switch{margin-bottom:16px}.room-switch button{min-height:40px;padding:8px 17px}
 body[data-room] .reel-area,body[data-room].cinema-mode .reel-area{width:100%;padding:4px 8px}
 body[data-room] .reels{--row:clamp(84px,24vw,112px);gap:5px}
 body[data-room] .reels .symbol.center small{font-size:10px;letter-spacing:0}
 body[data-room] .result{margin-top:9px}
}
@media(prefers-reduced-motion:reduce){.room-switch button{transition:none}}