/* Readable betting positions: keep labels visible above their chips. */
#kzRoulette .rl-bet-label{display:inline-flex;align-items:center;justify-content:center;gap:4px;pointer-events:none;line-height:1.2;white-space:nowrap}
#kzRoulette .rl-bet-swatch{display:inline-block;flex:0 0 8px;width:8px;height:8px;transform:rotate(45deg);border:1px solid #f4d7aa8c;border-radius:1px;box-shadow:0 1px 3px #0004}
#kzRoulette .rl-bet-swatch--red{background:#ef6259}
#kzRoulette .rl-bet-swatch--black{background:#101519;border-color:#dacbb8}
#kzRoulette .rl-bet[data-bet=red]{background:linear-gradient(145deg,#b52c37a3,#77232ca3)}
#kzRoulette .rl-bet[data-bet=black]{background:linear-gradient(145deg,#28282fe8,#171c21e8)}
#kzRoulette .rl-bet.rl-outside:not([data-bet^="column:"]){border-color:#e6cba177;border-radius:4px;margin-top:5px;background-color:#270b1438;font-size:10px!important;letter-spacing:.45px;text-shadow:0 1px 1px #21050b55}
#kzRoulette .rl-bet.rl-outside:not([data-bet^="column:"])>.rl-bet-label{position:absolute;top:10px;left:4px;right:4px;min-height:13px}
#kzRoulette .rl-bet.rl-outside:not([data-bet^="column:"])::after{content:'1 : 1';position:absolute;bottom:13px;left:0;right:0;font:500 9px/1.2 Inter,Arial,sans-serif;letter-spacing:1px;color:#ecd5b8a6;pointer-events:none}
#kzRoulette .rl-bet[data-bet^="dozen:"]::after{content:'2 : 1'!important}
#kzRoulette .rl-bet.rl-outside.has-bet::after{visibility:hidden}
#kzRoulette .rl-bet.rl-outside:not([data-bet^="column:"])>.rl-chip-overlay{top:69%;left:50%;min-width:31px;height:30px;padding:0 4px;font-size:9px!important;letter-spacing:0;writing-mode:horizontal-tb;box-shadow:0 1px 0 #e4cfaa,0 2px 0 color-mix(in srgb,var(--rl-chip-color,#866130),#000 45%),0 3px 0 #d2bc95,0 4px 0 color-mix(in srgb,var(--rl-chip-color,#866130),#000 60%),1px 5px 4px #190710a6}
#kzRoulette .rl-bet.rl-outside.has-bet:not([data-bet^="column:"]){border-color:#efcf94;box-shadow:inset 0 0 0 1px #e8be7933;background-color:#d3a56815}
#kzRoulette .rl-bet.rl-outside:hover:not(:disabled),#kzRoulette .rl-bet.rl-outside:focus-visible{border-color:#ffe2ac;box-shadow:inset 0 0 0 1px #ffe2ac66;background-color:#d3a56826}

/* Two native disclosure controls, with usable fields when opened. */
#kzRoulette .rl-extra-bets,#kzRoulette.kz-game--max .rl-extra-bets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:10px;margin:16px 0 0}
#kzRoulette .rl-advanced{min-width:0;padding:0;border:1px solid #d4b58b45;border-radius:7px;background:#240d1661;box-shadow:inset 0 1px #ffe4bd08;overflow:hidden}
#kzRoulette .rl-advanced>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:11px 13px;list-style:none;cursor:pointer;font:500 12px/1.35 Inter,Arial,sans-serif;letter-spacing:.1px;color:#f0dfc7;user-select:none}
#kzRoulette .rl-advanced>summary::-webkit-details-marker{display:none}
#kzRoulette .rl-advanced>summary::after{content:'';flex:0 0 7px;width:7px;height:7px;border-right:1.5px solid #d6ba90;border-bottom:1.5px solid #d6ba90;transform:rotate(45deg) translateY(-2px);transition:transform .15s}
#kzRoulette .rl-advanced[open]>summary{background:#e5c28a0b;border-bottom:1px solid #d4b58b33}
#kzRoulette .rl-advanced[open]>summary::after{transform:rotate(225deg) translate(-2px,-1px)}
#kzRoulette .rl-advanced>summary:hover{background:#e5c28a0e}
#kzRoulette .rl-advanced>summary:focus-visible{outline:2px solid #f0d39e;outline-offset:-3px}
#kzRoulette .rl-advanced-fields{display:grid;grid-template-columns:1fr;gap:12px;margin:0;padding:13px;min-width:0}
#kzRoulette .rl-field{display:flex;flex-direction:column;gap:6px;min-width:0}
#kzRoulette .rl-field>span{font-size:10px;line-height:1.4;letter-spacing:.2px;color:#d7c4af}
#kzRoulette .rl-field select{display:block;width:100%;max-width:none;min-width:0;min-height:40px;padding:8px 27px 8px 10px;font:500 12px/1.3 Inter,Arial,sans-serif;color:#f3e5cf;background-color:#20151b;border:1px solid #b89a704f;border-radius:5px}
#kzRoulette .rl-field select:focus-visible{outline:2px solid #f0d39e;outline-offset:2px}
#kzRoulette .rl-advanced-fields .rl-small-button{width:100%;min-height:40px;padding:9px 12px;border:1px solid #e2c38c;border-radius:5px;background:#d8bb88;color:#2d231a;font-size:11px!important;font-weight:700!important;letter-spacing:.25px;cursor:pointer}
#kzRoulette .rl-advanced-fields .rl-small-button:hover:not(:disabled){background:#ead1a6}
#kzRoulette .rl-advanced-fields .rl-small-button:disabled{opacity:.45;cursor:not-allowed}

@media(min-width:621px){
 #kzRoulette #rlBoard{grid-template-rows:repeat(3,45px) 64px 70px;column-gap:2px;row-gap:1px}
 #kzRoulette .rl-bet[data-bet^="column:"]>.rl-bet-label{font-size:9px;letter-spacing:0}
}
@media(min-width:1500px){
 #kzRoulette #rlBoard{grid-template-rows:repeat(3,52px) 64px 72px}
 #kzRoulette .rl-bet.rl-outside:not([data-bet^="column:"]){font-size:12px!important}
 #kzRoulette .rl-advanced>summary{font-size:13px}
}
/* Keep translated labels legible beside the wheel on narrow desktop screens. */
@media(min-width:821px) and (max-width:1279px){
 #kzRoulette #rlBoard{grid-template-rows:repeat(3,45px) 64px 70px 70px}
 #kzRoulette .rl-bet[data-bet=low]{grid-column:2 / span 4;grid-row:5}
 #kzRoulette .rl-bet[data-bet=even]{grid-column:6 / span 4;grid-row:5}
 #kzRoulette .rl-bet[data-bet=red]{grid-column:10 / span 4;grid-row:5}
 #kzRoulette .rl-bet[data-bet=black]{grid-column:2 / span 4;grid-row:6}
 #kzRoulette .rl-bet[data-bet=odd]{grid-column:6 / span 4;grid-row:6}
 #kzRoulette .rl-bet[data-bet=high]{grid-column:10 / span 4;grid-row:6}
}
/* Portrait tables put all outside bets below the numbers, with horizontal labels. */
@media(max-width:620px){
 #kzRoulette #rlBoard{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:38px repeat(12,38px) 62px 66px 70px 70px;gap:2px}
 #kzRoulette .rl-bet.rl-outside{writing-mode:horizontal-tb;font-size:11px!important;letter-spacing:.4px}
 #kzRoulette .rl-bet[data-bet^="dozen:"]{grid-row:15;writing-mode:horizontal-tb}
 #kzRoulette .rl-bet[data-bet="dozen:1"]{grid-column:1}
 #kzRoulette .rl-bet[data-bet="dozen:2"]{grid-column:2}
 #kzRoulette .rl-bet[data-bet="dozen:3"]{grid-column:3}
 #kzRoulette .rl-bet[data-bet=low]{grid-column:1;grid-row:16}
 #kzRoulette .rl-bet[data-bet=even]{grid-column:2;grid-row:16}
 #kzRoulette .rl-bet[data-bet=red]{grid-column:3;grid-row:16}
 #kzRoulette .rl-bet[data-bet=black]{grid-column:1;grid-row:17}
 #kzRoulette .rl-bet[data-bet=odd]{grid-column:2;grid-row:17}
 #kzRoulette .rl-bet[data-bet=high]{grid-column:3;grid-row:17}
 #kzRoulette .rl-bet[data-bet^="column:"]{border-color:#e6cba177;border-radius:3px}
 #kzRoulette .rl-bet[data-bet^="column:"]>.rl-bet-label{position:absolute;top:9px;left:0;right:0}
 #kzRoulette .rl-bet[data-bet^="column:"]>.rl-chip-overlay{top:66%;writing-mode:horizontal-tb}
 #kzRoulette .rl-extra-bets,#kzRoulette.kz-game--max .rl-extra-bets{gap:8px;margin-top:16px}
 #kzRoulette .rl-advanced>summary{padding:11px 10px;font-size:11px;min-height:46px}
 #kzRoulette .rl-advanced-fields{padding:10px;gap:11px}
 #kzRoulette .rl-bet-swatch{width:9px;height:9px;flex-basis:9px}
}
@media(max-width:360px){
 #kzRoulette .rl-extra-bets,#kzRoulette.kz-game--max .rl-extra-bets{grid-template-columns:1fr}
 #kzRoulette .rl-bet-label{gap:5px}
}
@media(prefers-reduced-motion:reduce){#kzRoulette .rl-advanced>summary::after{transition:none}}