.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.roulette-meta{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.sound-toggle{border:1px solid #b9c6ca;background:#fff;color:#244456;border-radius:3px;padding:3px 8px;font-size:.75rem;font-weight:700;white-space:nowrap}
.sound-toggle:hover{border-color:#d94836;color:#b63629}
.sound-toggle[aria-pressed="false"]{color:#62727b;background:#f3f4f2}
.draw-display{min-height:198px;padding:19px 16px;gap:8px}
.draw-display .draw-kicker{position:relative;z-index:1}
.reel-row{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:8px;position:relative;z-index:1}
.reel{min-width:0;min-height:83px;padding:8px 11px;background:#244456;border:1px solid #436477;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.reel span{font-size:.69rem;color:#bbd0d9;letter-spacing:.09em}
.reel strong{font-size:clamp(1rem,1.55vw,1.22rem);line-height:1.3;margin:3px 0 0;white-space:normal;overflow-wrap:anywhere}
.draw-display small{position:relative;z-index:1}
.is-spinning .reel{border-color:#d4a94c;box-shadow:inset 0 0 0 1px rgba(212,169,76,.3)}
.is-spinning .reel strong{animation:reel-tick .14s linear infinite}
.is-spinning .reel-stopped strong{animation:none}
@keyframes reel-tick{0%{transform:translateY(-3px);opacity:.45}50%{transform:translateY(0);opacity:1}100%{transform:translateY(3px);opacity:.45}}
@media(max-width:650px){.draw-display{min-height:188px}.reel strong{font-size:1.1rem}}
@media(prefers-reduced-motion:reduce){.is-spinning .reel strong{animation:none}}