/* Reference proportions: broad glass, round foot and single-line salon selector. */
body[data-room] .reels{--row-max:240;--reel-width-factor:4.25;width:calc(var(--row)*4.25);gap:calc(var(--row)*.10)}
body[data-room] .reels .reel{height:calc(var(--row)*3.6);padding:calc(var(--row)*.35) 0 calc(var(--row)*.25);border:0!important;background:none!important;box-shadow:none!important;overflow:visible}
body[data-room] .reels .reel::after{inset:0;background-size:190% 100%;background-position:center;filter:none;border:0;border-radius:0;box-shadow:none}
body[data-room] .reels .reel::before{inset:12% 11% 12%;background:linear-gradient(94deg,#e8f8ff0a,transparent 12% 76%,#ffffff0a 88%,transparent);opacity:.35;box-shadow:none}
body[data-room] .reels .symbol .symbol-art,body[data-room] .reels .strip-cell .symbol-art{width:calc(var(--row)*.89);height:calc(var(--row)*.89);max-width:76%}
/* Bottom symbols stay above the thick glass base rather than sinking into it. */
body[data-room] .reels .symbol:last-child .symbol-art{transform:translateY(-6%)}
body[data-room] .reels .reel-motion-window{clip-path:inset(10% 10% 11% 10% round 18% / 5%);-webkit-clip-path:inset(10% 10% 11% 10% round 18% / 5%)}
body[data-room] #reel-mist{display:none}
body[data-room] .room-switch{display:flex;justify-content:center;width:max-content;max-width:100%;padding:3px;gap:3px;border-radius:30px;margin:3px auto 6px;background:#0a1013c9}
body[data-room] .room-switch button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:38px;padding:7px 17px;border-radius:24px;font:500 13px/1.3 'Manrope',sans-serif;letter-spacing:.02em;white-space:nowrap}
body[data-room] .room-switch button::before{width:8px;height:8px;flex:none}
body[data-room] #game-title{font-size:38px;line-height:1.05;letter-spacing:.15em}
body[data-room] #game-title span{font-size:9px;letter-spacing:.48em}
body[data-room] .room-range-caption{display:none}
body[data-room] .dual-game-note .dual-game-title{font:600 11px/22px Georgia,serif;letter-spacing:.2em}
body[data-room] .dual-game-note>p:last-child{font-size:9px;line-height:12px}
body[data-room] .result{height:34px;min-height:34px;max-height:34px}
/* Rejected compositing effects are removed pending coherent video animation. */
body[data-room] .dragon-flight,body[data-room] .volcano-scene,body[data-room] .lava-reveal{display:none!important}
body[data-room=red]{--room-image:url('room-red-v705.webp')}
@media(max-width:650px){
 body[data-room] .reels{--row-max:170;--reel-width-factor:3.95;width:calc(var(--row)*3.95);gap:calc(var(--row)*.08)}
 body[data-room] .room-switch{width:100%;gap:0;padding:2px;margin:2px auto 4px}
 body[data-room] .room-switch button{flex:1;min-width:0;padding:5px 2px;gap:4px;min-height:33px;font-size:9px;letter-spacing:0}
 body[data-room] .room-switch button::before{width:5px;height:5px}
 body[data-room] #game-title{font-size:28px}
 body[data-room] .dual-game-note .dual-game-title{font-size:9px;line-height:18px}
 body[data-room] .dual-game-note>p:last-child{font-size:7.5px}
}