/* Shared demo overlay. Stream playback and simulation remain independent. */
.ro-live-game-page .ro-overlay-stage{position:relative;isolation:isolate;aspect-ratio:auto;height:min(760px,calc(100svh - 110px));min-height:420px;scroll-margin-top:90px;background:#07191d}
.ro-live-game-page .ro-overlay-stage>.ro-live-video{height:100%;width:100%;object-fit:contain;object-position:center top}
.ro-live-game-page .ro-overlay-stage>.ro-live-video-message{bottom:auto;height:34%;background:rgba(7,25,29,.8);z-index:1}
.ro-live-game-page .ro-overlay-stage .ro-live-overlay{position:absolute;z-index:2;inset:auto 12px 12px;width:calc(100% - 24px);max-height:62%;display:flex;flex-direction:column;min-height:0;padding:0;overflow:hidden;border:1px solid #62878d;border-radius:14px;background:rgba(9,34,40,.96);box-shadow:0 -6px 30px #0005;color:#fff}
.ro-live-game-page .ro-overlay-header{display:flex;align-items:center;gap:16px;padding:10px 14px;min-height:60px;flex:none;border-bottom:1px solid #42636b;background:#102f35}
.ro-overlay-header>div{display:grid;gap:3px}.ro-overlay-header strong{font-size:16px;line-height:1.25}.ro-overlay-header span{font-size:11px;color:#c0d8dd}
.ro-overlay-header>p{margin:0 0 0 auto;font-size:12px;color:#e3f0f3}
.ro-overlay-header>button{min-width:90px;min-height:44px;flex:none}
.ro-live-game-page .ro-overlay-body{overflow:auto;overscroll-behavior:contain;min-height:0;padding:12px 16px;scrollbar-color:#81aab4 #102f35;scrollbar-width:thin}
.ro-overlay-body[hidden]{display:none!important}
.ro-overlay-body::-webkit-scrollbar{width:8px;height:8px}.ro-overlay-body::-webkit-scrollbar-thumb{background:#81aab4;border-radius:6px}
.ro-live-game-page .ro-overlay-note{font-size:12px;line-height:1.45;color:#c4d8dc;margin:0 0 10px}
.ro-live-game-page .ro-overlay-feedback{margin:0 0 10px;min-height:20px;font-size:13px;color:#d2eaf0}
.ro-live-game-page .ro-live-overlay .ro-demo-wallet__head{margin:0 0 10px;gap:6px}
.ro-live-game-page .ro-live-overlay .ro-demo-wallet__head>div,.ro-live-game-page .ro-live-overlay .ro-currency-picker{padding:8px;border-radius:6px}
.ro-live-game-page .ro-live-overlay .ro-demo-wallet__head strong{font-size:17px}
.ro-live-game-page .ro-live-overlay .ro-demo-wallet__balance small,.ro-live-game-page .ro-live-overlay .ro-currency-picker small{font-size:10px;margin-top:3px}
.ro-live-game-page .ro-live-overlay .ro-currency-picker select{padding:6px;min-height:32px}
.ro-live-game-page .ro-live-overlay .ro-demo-controls{margin:4px 0 10px;gap:6px}
.ro-live-game-page .ro-live-overlay .ro-board-toolbar{grid-template-columns:auto 1fr!important;gap:10px!important;margin:0 0 8px}
.ro-live-game-page .ro-live-overlay .ro-board-hint{font-size:11px;line-height:1.4}
.ro-live-game-page .ro-live-overlay .ro-roulette-board{min-width:800px;grid-template-columns:48px minmax(0,1fr) 48px;gap:5px}
.ro-live-game-page .ro-live-overlay .ro-number-grid,.ro-live-game-page .ro-live-overlay .ro-column-bets{grid-template-rows:repeat(3,48px)!important;gap:4px}
.ro-live-game-page .ro-live-overlay .ro-number-cell{height:48px!important}
.ro-live-game-page .ro-live-overlay .ro-zero-cell{height:152px!important}
.ro-live-game-page .ro-live-overlay .ro-roulette-board [data-bet-type]:not(.ro-inside-bet){min-height:42px;font-size:15px;padding:5px 2px;justify-content:center}
.ro-live-game-page .ro-live-overlay .ro-roulette-board .ro-number{min-height:0!important}
.ro-live-game-page .ro-live-overlay .ro-demo-actions{margin:8px 0;gap:6px}
.ro-live-game-page .ro-live-overlay .ro-demo-actions button{font-size:12px;padding:7px 10px}
.ro-live-game-page .ro-overlay-settle{border:1px solid #62878d;border-radius:8px;margin-top:12px}
.ro-overlay-settle>summary{padding:12px;min-height:44px;cursor:pointer;font-size:14px;font-weight:700;color:#fff;background:#173b43}
.ro-live-game-page .ro-live-overlay .ro-settle-panel{border:0;margin:0;padding:12px;grid-template-columns:1fr;gap:12px}
.ro-live-game-page .ro-live-overlay .ro-settle-panel h2{font-size:16px}
.ro-live-game-page .ro-live-overlay .ro-demo-status{min-height:0;padding:8px;font-size:12px;margin-top:8px}
.ro-live-game-page .ro-live-overlay .ro-session-stats{display:flex;gap:12px;margin-top:8px;padding-top:8px}
.ro-live-game-page .ro-live-overlay .ro-session-stats>div{flex:1;padding:6px}
.ro-live-game-page .ro-overlay-stage.is-minimised .ro-live-overlay{max-height:none}
.ro-live-game-page .ro-overlay-stage.is-minimised .ro-overlay-header{border:0}
.ro-live-game-page .ro-live-overlay button:focus-visible,.ro-live-game-page .ro-overlay-settle>summary:focus-visible{outline:3px solid #81d7eb;outline-offset:-3px}
@media(max-width:700px){
.ro-live-game-page .ro-overlay-stage{height:calc(100svh - 100px);min-height:440px}
.ro-live-game-page .ro-overlay-stage>.ro-live-video{height:32%}
.ro-live-game-page .ro-overlay-stage>.ro-live-video-message{height:30%}
.ro-live-game-page .ro-overlay-stage .ro-live-overlay{inset:auto 4px 4px;width:calc(100% - 8px);max-height:68%;border-radius:10px}
.ro-live-game-page .ro-overlay-header{flex-wrap:wrap;gap:6px;padding:8px 10px}
.ro-overlay-header>div{flex:1}.ro-overlay-header>p{order:3;flex-basis:100%;font-size:11px}
.ro-live-game-page .ro-overlay-body{padding:10px}
.ro-live-game-page .ro-live-overlay .ro-demo-wallet__head{grid-template-columns:1fr 1fr}
.ro-live-game-page .ro-live-overlay .ro-board-toolbar{grid-template-columns:1fr!important}
.ro-live-game-page .ro-live-overlay .ro-board-view-switch button{font-size:12px}
.ro-live-game-page .ro-live-overlay .ro-board-hint{font-size:11px}
.ro-live-game-page .ro-overlay-stage.is-minimised{height:310px;min-height:0}
.ro-live-game-page .ro-overlay-stage.is-minimised>.ro-live-video{height:230px}
}
@media(prefers-reduced-motion:reduce){.ro-live-overlay *{transition:none!important;animation:none!important}}

/* Keep native video controls accessible underneath the demo panel. */
.ro-stream-controls{display:flex!important;flex-wrap:wrap;gap:8px;align-items:center}
.ro-stream-controls button{min-height:44px}
@media(min-width:701px){.ro-live-game-page .ro-overlay-stage .ro-live-overlay{bottom:60px;max-height:56%}}
.ro-live-video:fullscreen{object-fit:contain!important;background:#000;width:100%!important;height:100%!important}