/* Shared selection controls and board states for Vexroll Originals. */
.casino-site #gameScreen{--choice-bg:#1b2941;--choice-border:#344761;--choice-selected:#194e40;--choice-accent:#70e5b1}
.casino-site #gameScreen .original-choice-field{border:0;padding:0;margin:0 0 18px;min-width:0}
.casino-site #gameScreen .original-choice-field legend{font-size:11px;line-height:1.5;color:var(--original-soft);padding:0;margin:0 0 9px;font-weight:500}
.casino-site #gameScreen .original-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.casino-site #gameScreen .original-choices-5{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.casino-site #gameScreen .original-choice{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:44px;padding:9px 4px;border:1px solid var(--choice-border);border-radius:8px;background:var(--choice-bg);color:#dce8f4;font:650 12px/1.3 'DM Sans',sans-serif;transition:background .15s,border-color .15s,color .15s;cursor:pointer}
.casino-site #gameScreen .original-choice-wide{grid-column:1/-1}
.casino-site #gameScreen .original-choice:hover:not(:disabled){background:#253953;border-color:#7895ab}
.casino-site #gameScreen .original-choice[aria-checked=true]{background:var(--choice-selected);border-color:var(--choice-accent);color:#b7ffdb;box-shadow:inset 0 0 0 1px #70e5b119}
.casino-site #gameScreen .original-choice:disabled{cursor:default;opacity:.55}
.casino-site #gameScreen .original-choice[aria-checked=true]:disabled{opacity:.8}
.casino-site #gameScreen .original-choice:focus-visible{outline:2px solid var(--choice-accent);outline-offset:3px}
.casino-site #gameScreen .choice-swatch{display:block;flex-shrink:0;width:7px;height:7px;border-radius:50%;background:#162032;border:1px solid #9dafc3}
.casino-site #gameScreen .choice-swatch.red{background:#d4667f;border-color:#e69bab}
.casino-site #gameScreen .original-selection-hint{font-size:11px;line-height:1.6;color:var(--original-soft);margin:-5px 0 16px}
.casino-site #gameScreen .wager-shortcuts{margin-bottom:0}
.casino-site #gameScreen:is([data-game=keno],[data-game=mines],[data-game=roulette],[data-game=wheel]) #gameSettings{min-height:0}
.casino-site #gameScreen .expanded-selection-actions{gap:8px}
.casino-site #gameScreen .expanded-selection-actions .secondary{min-height:44px;border:1px solid var(--choice-border);background:var(--choice-bg);font-size:12px;font-weight:650}
.casino-site #gameScreen .expanded-selection-actions .secondary:hover:not(:disabled){background:#253953;border-color:#7895ab}
.casino-site #gameScreen .expanded-bet-stat{display:flex;align-items:flex-start;flex-wrap:wrap;padding:12px;background:#101c30;border:1px solid #2b4058;border-radius:8px;gap:7px}
.casino-site #gameScreen .expanded-bet-stat strong{text-align:left;line-height:1.4;color:#b7ffdb}

/* Number tiles and gem tiles use the same restrained edge and surface. */
.casino-site #gameScreen :is(.keno-number,.mine-tile){border:1px solid var(--choice-border);border-bottom:2px solid #132036;border-radius:9px;background:var(--choice-bg);box-shadow:0 2px 0 #091426;color:#deebf6;transition:background .15s,border-color .15s,transform .15s}
.casino-site #gameScreen :is(.keno-number,.mine-tile):hover:not(:disabled){background:#253953;border-color:#7b9fac;transform:translateY(-1px)}
.casino-site #gameScreen .keno-board{max-width:640px;gap:9px;padding:0 24px;margin:14px auto 26px}
.casino-site #gameScreen .keno-number{font-size:19px;aspect-ratio:1.12;min-height:44px;font-weight:700}
.casino-site #gameScreen .keno-number.is-picked{background:var(--choice-selected);border-color:var(--choice-accent);color:#b7ffdb;box-shadow:0 2px 0 #103329}
.casino-site #gameScreen .keno-number.is-picked i{right:5px;top:4px;color:#8bf0be;font-size:9px}
.casino-site #gameScreen .keno-number.is-drawn{background:#2d405b;border-color:#657d9c;color:#f1f6ff}
.casino-site #gameScreen .keno-number.is-hit{background:#70e5b1;border-color:#a8ffda;color:#082d20;box-shadow:0 2px 0 #28795b}
.casino-site #gameScreen .keno-number.is-hit i{color:#082d20}
.casino-site #gameScreen .keno-number:disabled:not(.is-picked):not(.is-drawn):not(.is-hit){opacity:.55}
.casino-site #gameScreen .keno-draw-tray{padding:20px 24px 24px;border-color:#293d56;background:#101c30}
.casino-site #gameScreen .keno-draws{max-width:490px;gap:7px;margin-top:14px}
.casino-site #gameScreen .keno-draw-ball{border-radius:8px;background:var(--choice-bg);border-color:var(--choice-border)}
.casino-site #gameScreen .keno-draw-ball.hit{background:var(--choice-selected);border-color:var(--choice-accent);color:#b7ffdb}
.casino-site #gameScreen .mines-grid{width:min(420px,calc(100% - 48px));gap:9px;margin:14px auto 24px}
.casino-site #gameScreen .mine-tile .icon{width:27px;height:27px;color:#718ba8}
.casino-site #gameScreen .mine-tile.is-gem{background:var(--choice-selected);border-color:var(--choice-accent);box-shadow:0 2px 0 #103329}
.casino-site #gameScreen .mine-tile.is-gem .icon{color:#8bf0be}
.casino-site #gameScreen .mine-tile.is-mine{background:#613047;border-color:#b5637c;box-shadow:0 2px 0 #372032}
.casino-site #gameScreen .mine-tile.is-mine .icon{color:#ffd0dc}
.casino-site #gameScreen .mine-tile.dim{opacity:.38}

/* Keep roulette colours meaningful, with one clear active bet. */
.casino-site #gameScreen .roulette-layout{margin:18px 24px 16px;gap:6px;grid-template-columns:42px minmax(0,1fr)}
.casino-site #gameScreen .roulette-numbers{gap:5px;grid-template-rows:repeat(3,42px)}
.casino-site #gameScreen .roulette-layout button{position:relative;height:42px;min-width:0;border-radius:7px;border:1px solid var(--choice-border);background:var(--choice-bg);font-size:12px;color:#e9f2fa;box-shadow:none;outline:none;transition:background .15s,border-color .15s}
.casino-site #gameScreen .roulette-number.red,.casino-site #gameScreen .roulette-outside .red{background:#5e2d42;border-color:#794258}
.casino-site #gameScreen .roulette-layout .roulette-zero{height:auto;background:#176447;border-color:#348466}
.casino-site #gameScreen .roulette-number.is-covered{border-color:#7b9d98}
.casino-site #gameScreen .roulette-number.is-covered:after{content:'';position:absolute;width:3px;height:3px;border-radius:50%;background:#9fffd0;bottom:4px;left:calc(50% - 1.5px)}
.casino-site #gameScreen .roulette-layout :is(.roulette-number.is-picked,.roulette-zero.is-picked),.casino-site #gameScreen .roulette-outside button[aria-pressed=true]{background:var(--choice-selected);border-color:var(--choice-accent);box-shadow:inset 0 0 0 1px var(--choice-accent);outline:none;color:#b7ffdb}
.casino-site #gameScreen .roulette-layout button:focus-visible{outline:2px solid var(--choice-accent);outline-offset:2px}
.casino-site #gameScreen .roulette-outside{gap:5px;margin-top:2px}
.casino-site #gameScreen .roulette-outside button{font-size:11px}
.casino-site #gameScreen .expanded-wheel{width:min(100%,360px);filter:drop-shadow(0 8px 20px #0004)}
.casino-site #gameScreen .wheel-legend{gap:8px;padding:20px 24px}
.casino-site #gameScreen .wheel-legend>span{min-width:62px;border-radius:8px;background:var(--choice-bg);border-color:var(--choice-border);padding:10px 12px}
.casino-site #gameScreen .wheel-legend strong{font-size:14px;color:#b7ffdb}
.casino-site #gameScreen .expanded-risk-note{padding:12px;background:#101c30;border:1px solid #2b4058;border-radius:8px;font-size:11px;line-height:1.7}
@media(max-width:1100px) and (min-width:951px){.casino-site #gameScreen .roulette-layout{margin-inline:16px;grid-template-columns:32px minmax(0,1fr)}.casino-site #gameScreen .roulette-numbers{gap:3px}.casino-site #gameScreen .roulette-layout button{font-size:10px}}
@media(max-width:950px){
 .casino-site #gameScreen:is([data-game=keno],[data-game=mines],[data-game=roulette],[data-game=wheel]) .bet-controls{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.8fr);gap:8px 12px;align-items:center}
 .casino-site #gameScreen:is([data-game=keno],[data-game=mines],[data-game=roulette],[data-game=wheel]) .wager-label{grid-column:1/-1;margin:0}
 .casino-site #gameScreen:is([data-game=keno],[data-game=mines],[data-game=roulette],[data-game=wheel]) .wager-input{grid-column:1;grid-row:2}
 .casino-site #gameScreen:is([data-game=keno],[data-game=mines],[data-game=roulette],[data-game=wheel]) .wager-shortcuts{grid-column:2;grid-row:2;margin:0}
 .casino-site #gameScreen:is([data-game=keno],[data-game=mines],[data-game=roulette],[data-game=wheel]) #gameSettings{grid-column:1/-1;grid-row:3}
 .casino-site #gameScreen:is([data-game=keno],[data-game=mines],[data-game=roulette],[data-game=wheel]) #gameActions{grid-row:4}
 .casino-site #gameScreen:is([data-game=keno],[data-game=mines],[data-game=roulette],[data-game=wheel]) .round-summary{grid-row:5}
 .casino-site #gameScreen:is([data-game=keno],[data-game=mines],[data-game=roulette],[data-game=wheel]) .controls-foot{grid-row:6}
 .casino-site #gameScreen .original-choice-field{margin-bottom:16px}
 .casino-site #gameScreen .original-choice{font-size:13px}
}
@media(max-width:600px){
 .casino-site #gameScreen .keno-board{grid-template-columns:repeat(5,minmax(0,1fr));padding:0 16px;gap:7px;margin:8px auto 22px}
 .casino-site #gameScreen .keno-number{aspect-ratio:1.15;font-size:16px;border-radius:8px}
 .casino-site #gameScreen .keno-draw-tray{padding:18px 16px}
 .casino-site #gameScreen .keno-draws{grid-template-columns:repeat(5,minmax(0,1fr));max-width:260px;gap:7px}
 .casino-site #gameScreen .keno-draw-ball{aspect-ratio:1.2;font-size:12px}
 .casino-site #gameScreen .mines-grid{width:calc(100% - 32px);max-width:380px;gap:7px}
 .casino-site #gameScreen .roulette-layout{grid-template-columns:minmax(0,1fr);margin:16px;gap:7px}
 .casino-site #gameScreen .roulette-layout .roulette-zero{height:36px;grid-column:1}
 .casino-site #gameScreen .roulette-numbers{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(6,44px);gap:6px}
 .casino-site #gameScreen .roulette-layout button{height:44px;font-size:12px}
 .casino-site #gameScreen .roulette-outside{grid-column:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .casino-site #gameScreen .expanded-wheel{max-width:300px}
 .casino-site #gameScreen .wheel-legend{gap:6px;padding:18px 16px}
 .casino-site #gameScreen .wheel-legend>span{min-width:52px;padding:9px}
}
@media(prefers-reduced-motion:reduce){.casino-site #gameScreen :is(.original-choice,.keno-number,.mine-tile,.roulette-layout button){transition:none;animation:none}}