/* ODA 110 Casino — responsive American roulette */
#casinoTab .casino-shell{background:linear-gradient(150deg,#0b302a,#10263a 66%,#11172c);border:1px solid #397562;border-radius:14px;padding:15px;color:#f0f8ef}
.casino-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px}
.casino-head h2{margin:0;color:#f9d37b;font-size:clamp(20px,4vw,28px)}
.casino-sub{color:#b9dbcc;font-size:12px;margin:3px 0 0}
.casino-bank{border:1px solid #8f8450;background:#152e2f;padding:10px 15px;border-radius:9px;font-size:14px;font-weight:800;color:#ffdf85}
.casino-login{background:#204139;border:1px solid #65a08c;border-radius:8px;padding:12px;margin:14px 0;font-size:13px}
.casino-login button{margin:5px 6px 0 0}
.casino-status{min-height:25px;color:#c4e9db;font-size:13px;margin:10px 0;text-align:center;font-weight:700}
.casino-board{display:grid;grid-template-columns:minmax(225px,1fr) minmax(245px,1.15fr);gap:16px;align-items:start}
.casino-wheel-panel{padding:10px 0;text-align:center}
.casino-wheel-stage{width:min(100%,395px);aspect-ratio:1;position:relative;margin:6px auto 15px;border-radius:50%;background:radial-gradient(circle,#536160 0%,#1d2a2c 57%,#a9b9b5 59%,#4b5960 63%,#141d22 65%,#9daca8 71%,#243236 73%,#0c1819 76%);box-shadow:0 13px 35px #0008,inset 0 0 10px #d4eee0}
.casino-wheel{position:absolute;inset:12%;border:6px solid #b7bfc1;border-radius:50%;overflow:hidden;box-shadow:0 0 0 5px #314340,0 0 0 12px #8f9d9e,inset 0 0 14px #111;transition:transform 3.9s cubic-bezier(.16,.88,.2,1)}
.casino-wheel-numbers{position:absolute;inset:0;border-radius:50%;pointer-events:none}.casino-wheel-numbers svg{width:100%;height:100%;display:block;overflow:visible;text-rendering:geometricPrecision}

.casino-wheel-core{position:absolute;inset:31%;border-radius:50%;border:6px ridge #c9d2cf;background:radial-gradient(circle at 32% 27%,#e7ebec,#8a9b9d 38%,#4d6163 73%,#d5dfdf);box-shadow:0 0 10px #0008}
.casino-wheel-core:before{content:"✦";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#56676a;font-size:34px}
.casino-pointer{position:absolute;top:12.5%;left:50%;transform:translateX(-50%);z-index:4;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:19px solid #ffdd79;filter:drop-shadow(0 1px 2px #000)}
.casino-ball{position:absolute;top:19%;left:50%;transform:translate(-50%,-50%);z-index:3;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 30% 30%,white,#cbdbe0 55%,#798f99);box-shadow:0 1px 5px #000}
.casino-last-number{display:inline-flex;min-width:48px;height:43px;align-items:center;justify-content:center;background:#245248;border:1px solid #75a28e;border-radius:6px;font-size:22px;font-weight:900;margin:0 4px 3px 0}
.casino-last-number.red{background:#bd3138}.casino-last-number.black{background:#1d2025}.casino-last-number.green{background:#17683c}
.casino-last{font-size:13px;color:#d7e9df}
.casino-bet-controls{background:#102e2b;border:1px solid #466958;border-radius:12px;padding:13px}
.casino-bet-controls h3{margin:0 0 9px;font-size:15px;color:#ffe1a4}
.casino-chip-row{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0}
.casino-chip{border-radius:50%!important;width:43px;height:43px;padding:0!important;border:4px dashed #dde5ee!important;color:#fff!important;font-weight:900;font-size:11px!important;box-shadow:0 2px 8px #0008}
.casino-chip[data-value="5"]{background:#3a698f!important}.casino-chip[data-value="10"]{background:#c24d37!important}.casino-chip[data-value="25"]{background:#32895d!important}.casino-chip[data-value="50"]{background:#8b4db2!important}.casino-chip[data-value="100"]{background:#a77c2e!important}
.casino-chip.chosen{outline:3px solid #ffe5a4;outline-offset:3px}
.casino-bet-amount{display:flex;align-items:center;gap:9px;margin:10px 0}
.casino-bet-amount label{min-width:89px;font-size:12px}
#casinoAmount{max-width:150px;margin:0}
.casino-selection{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
#casinoTab .casino-selection button{font-weight:900;font-size:12px;color:white;border:1px solid #607568;border-radius:5px;background:#23443a;padding:9px 5px;min-height:42px}
#casinoTab .casino-selection .red{background:#9e2934}#casinoTab .casino-selection .black{background:#15191c}#casinoTab .casino-selection .green{background:#196a44}
#casinoTab .casino-selection button.selected{outline:2px solid #ffe094;outline-offset:1px;border-color:#fff2b9}
.casino-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin:8px 0 12px}
#casinoTab .casino-numbers button{font-size:13px;font-weight:900;padding:7px 0;background:#182b2c;color:white;border:1px solid #445850;border-radius:4px;min-height:36px}
#casinoTab .casino-numbers button.red{background:#9f3035}#casinoTab .casino-numbers button.black{background:#181d22}#casinoTab .casino-numbers button.green{background:#1b693e}
#casinoTab .casino-numbers button.selected{outline:3px solid #ffe6a0;outline-offset:-2px}
.casino-zeroes{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:7px 0}
#casinoTab .casino-zeroes button{background:#1c7243;color:white;font-weight:900}
.casino-bet-selected{font-size:12px;margin:10px 0;color:#ffe8ae;font-weight:800}
.casino-actions{display:flex;flex-wrap:wrap;gap:7px}
#casinoTab .casino-add{flex:1;background:#ebbc63;color:#1e2930;border-color:#f9d890;font-weight:900}
#casinoTab .casino-spin{flex:2;background:#22a66b;color:#062b1b;border-color:#7bdcb0;font-size:15px;font-weight:900}
#casinoTab .casino-clear{background:#26443c;color:#f2f6ef;border-color:#5b8271}
.casino-ticket{background:#183b35;border:1px solid #416f60;border-radius:7px;padding:10px;margin:12px 0}
.casino-ticket b{color:#fce0a6;font-size:13px}
.casino-ticket-row{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:5px 0;font-size:12px;border-bottom:1px solid #355348}
#casinoTab .casino-ticket-row button{background:#693b3e;color:white;border-color:#ad6571;padding:4px 8px}
.casino-result{border-radius:9px;border:1px solid #456e62;background:#18322f;padding:10px;margin:10px 0;font-size:14px;font-weight:800;text-align:center}
.casino-history{margin-top:14px;border-top:1px solid #41695a;padding-top:12px}
.casino-history h3{margin:0 0 8px}
.casino-history-list{display:flex;flex-direction:column;gap:5px}
.casino-history-row{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:12px;background:#12322d;padding:8px;border-radius:5px}
.casino-history-pill{padding:3px 8px;border-radius:5px;background:#21272b;color:#fff;font-weight:900}
.casino-history-pill.red{background:#a62d38}.casino-history-pill.green{background:#17683c}
.casino-rules{font-size:12px;margin-top:12px;color:#c8e5d7}
.casino-rules summary{cursor:pointer;color:#ffdc98;font-weight:850}
.casino-rules p{line-height:1.6}
@media(max-width:650px){.casino-board{grid-template-columns:1fr}.casino-wheel-stage{width:min(92vw,375px)}.casino-shell{padding:10px!important}.casino-head h2{font-size:20px}.casino-bet-controls{padding:9px}.casino-wheel-panel{padding:0}}


/* Override legacy global button colours: all roulette digits are bright white. */
#casinoTab #casinoNumbers button,
#casinoTab #casinoNumbers button.black,
#casinoTab #casinoNumbers button.red,
#casinoTab #casinoNumbers button.green,
#casinoTab #casinoZeroes button {
 color:#ffffff!important;
 -webkit-text-fill-color:#ffffff!important;
 text-shadow:0 2px 2px #000b!important;
 font-size:clamp(15px,3.8vw,20px)!important;
 font-weight:950!important;
 letter-spacing:.2px;
 border:2px solid #e2ca82!important;
 min-height:48px!important;
 background-image:none!important;
 opacity:1!important;
}
#casinoTab #casinoNumbers button.black{background:#171d23!important}
#casinoTab #casinoNumbers button.red{background:#a72d39!important}
#casinoTab #casinoNumbers button.green,
#casinoTab #casinoZeroes button{background:#137844!important}
#casinoTab #casinoNumbers button.selected{outline:4px solid #f9e3a1!important;outline-offset:-4px}
#casinoTab #casinoNumbers{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:7px}
#casinoTab .casino-more-bets{margin:10px 0;background:#183b35;border:1px solid #63816a;border-radius:9px;padding:11px}
#casinoTab .casino-more-bets summary{cursor:pointer;color:#ffe19f;font-weight:900;font-size:13px;padding:3px}
#casinoTab .casino-simple-help{font-size:12px;line-height:1.6;color:#cde4d7;margin:5px 0 10px}
#casinoTab .casino-selection button{font-size:14px!important;min-height:49px!important}
#casinoTab #casinoOutside button.selected{border:2px solid #ffe8a1!important}
#casinoTab .casino-add{background:#1a4844!important;color:#e4ffed!important;border:1px solid #5f8e79!important;font-size:12px!important}
#casinoTab .casino-ticket{margin-top:9px;margin-bottom:8px}
#casinoTab .casino-spin{font-size:14px!important;min-height:52px}
#casinoTab .casino-chip-row{justify-content:center}
#casinoTab .casino-bet-controls h3{font-size:14px}
@media(max-width:560px){
 #casinoTab #casinoNumbers button{min-height:45px!important}
 #casinoTab .casino-selection{gap:6px}
 #casinoTab .casino-wheel-stage{width:min(90vw,340px)}
}