/* Ruletă — roata în stânga, masa de pariuri în dreapta */
.wheelBox{position:absolute;left:110px;top:210px;width:620px;height:620px;z-index:2}
#wheel{width:620px;height:620px;display:block;filter:drop-shadow(0 30px 50px rgba(0,0,0,.7))}
.resBall{position:absolute;left:50%;top:50%;width:200px;height:200px;margin:-100px 0 0 -100px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:var(--rc,#0b7a3a);box-shadow:0 0 0 8px #ffcc33,0 0 60px rgba(255,204,51,.8),inset 0 -10px 20px rgba(0,0,0,.35);animation:resIn .5s cubic-bezier(.2,1.6,.4,1)}
.resBall b{font-weight:400;font-size:110px;line-height:.9;color:#fff;text-shadow:0 5px 0 rgba(0,0,0,.4)}
.resBall span{font-family:var(--ui);font-weight:800;font-size:18px;letter-spacing:2px;color:rgba(255,255,255,.9)}
@keyframes resIn{from{transform:scale(.2);opacity:0}}
.winners{position:absolute;left:140px;top:130px;width:560px;z-index:5;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.winners span{padding:6px 16px;border-radius:16px;background:rgba(10,4,24,.85);font-family:var(--ui);font-weight:700;font-size:20px;color:#e6dcff;box-shadow:0 0 0 2px rgba(92,255,138,.5)}
.winners b{color:#5cff8a}

.boardWrap{position:absolute;left:762px;top:122px;width:1130px;z-index:3}
/* masa de pariuri mărită (coordonatele interne rămân 960×450) */
.rbScale{width:1130px;height:530px;margin-bottom:14px}
.rbScale .rboard{transform:scale(1.1771);transform-origin:0 0}
.hist{display:flex;gap:8px;height:56px;align-items:center;justify-content:center;padding:0 12px;border-radius:30px;background:rgba(10,4,24,.6);box-shadow:inset 0 0 0 2px rgba(255,204,51,.25)}
.hist:empty{visibility:hidden}
.hist i{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:26px;color:#fff;box-shadow:0 3px 6px rgba(0,0,0,.4);flex:none}
.hist i:first-child{width:56px;height:56px;font-size:30px;box-shadow:0 0 0 3px #ffcc33,0 3px 6px rgba(0,0,0,.4)}
.hist .red,.cell.red{background:linear-gradient(#e2303c,#a5101c)}.hist .black,.cell.black{background:linear-gradient(#2c2c38,#0c0c12)}.hist .green,.cell.green{background:linear-gradient(#17b35a,#0a6a32)}
.phaseBar{position:relative;height:56px;border-radius:28px;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:16px;background:rgba(10,4,24,.8);box-shadow:inset 0 0 0 3px rgba(255,204,51,.5)}
.phaseBar span{position:relative;z-index:1;font-size:34px;letter-spacing:2px;color:#ffe9a8}
.phaseBar b{position:relative;z-index:1;font-weight:400;font-size:38px;color:#fff;min-width:40px}
.phaseBar i{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,rgba(92,255,138,.35),rgba(92,255,138,.15))}
.phaseBar.closed{box-shadow:inset 0 0 0 3px rgba(255,90,90,.6)}
.phaseBar.late{box-shadow:inset 0 0 0 3px rgba(255,170,40,.75)}
.phaseBar.late i{background:linear-gradient(90deg,rgba(255,170,40,.45),rgba(255,170,40,.2))}
.phaseBar.closed i{background:linear-gradient(90deg,rgba(255,90,90,.35),rgba(255,90,90,.15))}

/* masa: 0 | 12 coloane × 3 rânduri | 2:1, apoi duzini și pariuri simple */
.rboard{position:relative;width:960px;height:450px;border-radius:24px;padding:14px;box-sizing:border-box;
  background:radial-gradient(ellipse at 50% 30%,#127a63,#0a4d42 70%);box-shadow:0 20px 50px rgba(0,0,0,.6),0 0 0 4px #c9952e,0 0 0 9px #3a1d06}
.cell{position:absolute;display:grid;place-items:center;font-size:36px;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.4);box-shadow:inset 0 0 0 2px rgba(255,255,255,.45);cursor:pointer;user-select:none;transition:filter .15s}
.cell.out{background:transparent;font-size:28px;letter-spacing:1px}
.cell.out.red2{color:#ff6a74}.cell.out.black2{color:#c6c6d6}
.cell .dia{width:44px;height:44px;transform:rotate(45deg);border-radius:6px;box-shadow:0 0 0 3px rgba(255,255,255,.6)}
.cell.hl{filter:brightness(1.45);box-shadow:inset 0 0 0 4px #ffcc33}
.cell.flash{animation:cellFlash .26s ease-in-out 5 alternate}
@keyframes cellFlash{to{filter:brightness(1.9);box-shadow:inset 0 0 0 5px #fff,0 0 22px #ffcc33}}
.cell.win{animation:cellWin .6s ease-in-out infinite alternate}
@keyframes cellWin{to{filter:brightness(1.8);box-shadow:inset 0 0 0 6px #ffcc33,0 0 30px #ffcc33}}
.hot{position:absolute;z-index:3;cursor:pointer}
.hot:hover{background:rgba(255,204,51,.35);border-radius:6px}
.bchip{position:absolute;z-index:4;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;display:grid;place-items:center;font-family:var(--ui);font-weight:800;font-size:15px;color:#fff;pointer-events:none;
  background:radial-gradient(circle,var(--c) 0 42%,transparent 43%),repeating-conic-gradient(var(--c) 0 30deg,#fff 30deg 45deg);box-shadow:0 0 0 2px rgba(0,0,0,.4),0 4px 6px rgba(0,0,0,.5)}
.bchip.pop{animation:chipIn .25s ease-out 1}
.bchip.lost{transition:opacity .6s,transform .6s;opacity:0;transform:translateY(-60px) scale(.6)}
@keyframes chipIn{from{transform:scale(1.6);opacity:0}}

/* consola de jos: butoane de pariu, jetoane, totaluri și SPIN */
.rConsole{position:absolute;left:762px;top:802px;width:1130px;height:268px;z-index:6;border-radius:34px;
  background:linear-gradient(180deg,rgba(24,10,48,.92),rgba(10,4,24,.96));box-shadow:0 0 0 3px rgba(201,149,46,.75),0 18px 40px rgba(0,0,0,.55),inset 0 2px 0 rgba(255,255,255,.08)}
.rBtns{position:absolute;left:786px;top:816px;width:860px;z-index:7;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.aBtn{height:64px;display:flex;align-items:center;gap:12px;padding:0 16px 0 8px;border-radius:38px;font-size:27px;letter-spacing:1px;color:#f2eaff;
  background:linear-gradient(180deg,#3a2a62,#1e1238);box-shadow:inset 0 0 0 2px rgba(201,182,255,.35),0 5px 0 #0c0618,0 8px 14px rgba(0,0,0,.4);transition:transform .08s,filter .2s}
.aBtn i{width:50px;height:50px;flex:none;border-radius:50%;display:grid;place-items:center;font-style:normal;
  background:radial-gradient(circle at 50% 30%,#5a4498,#2a1a52 70%);box-shadow:inset 0 0 0 2px rgba(255,255,255,.18)}
.aBtn i svg{width:32px;height:32px;fill:none;stroke:#ffe27a;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.aBtn i b{font-family:var(--display);font-weight:400;font-size:30px;color:#ffe27a}
.aBtn span{flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aBtn.gold{background:linear-gradient(180deg,#ffe27a,#f0a90f);color:#3a1a00;box-shadow:inset 0 0 0 2px #fff3b0,0 5px 0 #7a4b00,0 8px 14px rgba(0,0,0,.4)}
.aBtn.gold i{background:radial-gradient(circle at 50% 30%,#fff3b0,#d98a00 75%)}.aBtn.gold i b{color:#3a1a00}
.aBtn:active:not(:disabled){transform:translateY(4px)}
.aBtn:disabled{filter:grayscale(.7) brightness(.55);cursor:default}
.rBar{position:absolute;left:786px;top:896px;width:860px;height:162px;z-index:7;display:flex;align-items:center;gap:24px}
.rack{display:flex;gap:12px;padding-top:12px}
.chipB{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;font-size:26px;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.5);
  background:radial-gradient(circle,var(--c) 0 38%,transparent 39%),repeating-conic-gradient(var(--c) 0 30deg,#fff 30deg 45deg);box-shadow:0 0 0 4px rgba(0,0,0,.35),0 6px 10px rgba(0,0,0,.5);transition:transform .12s}
.chipB[aria-checked=true]{transform:translateY(-14px);box-shadow:0 0 0 4px #ffcc33,0 0 24px rgba(255,204,51,.8),0 10px 14px rgba(0,0,0,.5)}
.chipB:disabled{filter:grayscale(1) brightness(.5)}
.rInfo{display:flex;flex-direction:column;gap:8px;margin-left:auto}
.betInfo{display:flex;align-items:center;justify-content:space-between;gap:14px;line-height:1;width:236px;height:68px;padding:0 18px;box-sizing:border-box;border-radius:20px;
  background:rgba(0,0,0,.45);box-shadow:inset 0 0 0 2px rgba(201,182,255,.25)}
.betInfo span{font-family:var(--ui);font-weight:800;font-size:15px;letter-spacing:1.5px;color:#c9b6ff;max-width:90px;line-height:1.15}
.betInfo b{font-weight:400;font-size:44px;color:var(--gold);font-variant-numeric:tabular-nums}
.betInfo.win b{color:#5cff8a}
.sbtn:disabled{opacity:.4}
.seatCtl{left:24px;bottom:24px}
.players{position:absolute;left:24px;top:230px;z-index:6;display:flex;flex-direction:column;gap:6px;max-height:300px;overflow:hidden}
.players button{display:flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border-radius:20px;background:rgba(10,4,24,.75);font-family:var(--ui);font-weight:700;font-size:18px;color:#e6dcff;max-width:240px}
.players button i{width:30px;height:30px;border-radius:50%;flex:none;display:grid;place-items:center;font-style:normal;color:#fff;background:linear-gradient(135deg,#7a4dff,#3a1590)}
.players button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.players button b{color:var(--gold);font-weight:800}
.tip{position:absolute;z-index:12;padding:6px 14px;border-radius:12px;background:rgba(0,0,0,.85);font-family:var(--ui);font-weight:700;font-size:18px;color:#ffe9a8;pointer-events:none;white-space:nowrap}
.pays{display:grid;grid-template-columns:1fr 1fr;gap:10px 30px;text-align:left;margin:16px 0}
.pays div{display:flex;justify-content:space-between;padding:10px 16px;border-radius:14px;background:rgba(255,255,255,.05);font-family:var(--ui);font-size:24px;color:#efe6ff}
.pays span{color:var(--gold);font-weight:800}
.tcard .last{display:flex;justify-content:center;gap:6px;margin:14px 0 18px}
.tcard .last i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:18px;color:#fff}
.tcard .last .red{background:#c3172b}.tcard .last .black{background:#16161e}.tcard .last .green{background:#119a4a}
/* pariuri anunțate: trei butoane rotunde pe un arc în jurul roții */
.callBtns{position:absolute;left:0;top:0;width:0;height:0;z-index:7}
.cbtn2{position:absolute;width:136px;height:136px;margin:-68px 0 0 -68px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;line-height:.95;text-align:center;
  color:#fff;background:radial-gradient(circle at 50% 35%,var(--c1),var(--c2) 70%);
  box-shadow:0 0 0 5px #e0b04a,0 0 0 9px #3a1d06,0 10px 22px rgba(0,0,0,.6),inset 0 4px 10px rgba(255,255,255,.25),inset 0 -8px 14px rgba(0,0,0,.35);
  transition:transform .12s,filter .15s,box-shadow .2s}
.cbtn2::before{content:"";position:absolute;inset:10px;border-radius:50%;border:2px dashed rgba(255,255,255,.35);pointer-events:none}
.cbtn2 b{position:relative;font-weight:400;font-size:25px;letter-spacing:1px;text-shadow:0 2px 0 rgba(0,0,0,.45)}
.cbtn2 small{position:relative;font-family:var(--ui);font-weight:800;font-size:14px;color:rgba(255,255,255,.85);letter-spacing:.5px}
.cbtn2.c1{left:74px;top:640px;--c1:#3a3a4a;--c2:#0b0b12}
.cbtn2.c2{left:168px;top:790px;--c1:#e2303c;--c2:#7a0812}
.cbtn2.c3{left:318px;top:880px;--c1:#22c866;--c2:#075a28}
.cbtn2:hover:not(:disabled){transform:scale(1.08);box-shadow:0 0 0 5px #ffe27a,0 0 0 9px #3a1d06,0 0 34px rgba(255,204,51,.8),inset 0 4px 10px rgba(255,255,255,.25)}
.cbtn2:active:not(:disabled){transform:scale(.94)}
.cbtn2:disabled{filter:grayscale(.85) brightness(.55)}

/* butonul SPIN: roata pornește imediat, fără să mai aștepți timpul */
.spinBtn{position:absolute;left:1676px;top:840px;z-index:7;width:192px;height:192px;border-radius:50%;padding:0;cursor:pointer;
  background:radial-gradient(circle at 50% 35%,#ff6a5a,#d4141c 55%,#7a0610);box-shadow:0 0 0 6px #ffcc33,0 0 0 10px #4a2a00,0 12px 26px rgba(0,0,0,.6),0 0 40px rgba(255,80,60,.55),inset 0 4px 0 rgba(255,255,255,.35);
  display:grid;place-items:center;transition:transform .1s,filter .2s}
.spinBtn span{font-family:var(--display);font-size:62px;letter-spacing:3px;color:#fff;text-shadow:0 4px 0 #5a0008}
.spinBtn:not(:disabled){animation:spinPulse 1.4s ease-in-out infinite}
@keyframes spinPulse{50%{box-shadow:0 0 0 6px #ffe27a,0 0 0 10px #4a2a00,0 12px 26px rgba(0,0,0,.6),0 0 70px rgba(255,120,80,.9),inset 0 4px 0 rgba(255,255,255,.35)}}
.spinBtn:active:not(:disabled){transform:scale(.93)}
.spinBtn:disabled{filter:grayscale(.75) brightness(.55);cursor:default}
.spinBtn.wait{filter:none;animation:none;background:radial-gradient(circle at 50% 35%,#7ad87a,#1a8a3a 55%,#0a4a1a)}
@media (prefers-reduced-motion:reduce){.spinBtn{animation:none!important}}
.spinBtn::after{content:"";position:absolute;inset:14px;border-radius:50%;border:3px dashed rgba(255,255,255,.35);pointer-events:none}
.spinBtn[hidden]+.x{display:none}

/* același font ca numerele de pe roată (Trebuchet MS, bold): pe masa de pariuri, la ultimele numere și la credit */
.rboard .cell,.hist i,.credit b{font-family:"Trebuchet MS","Segoe UI",Roboto,Arial,sans-serif;font-weight:700;letter-spacing:0}
.rboard .cell{font-size:34px}
.rboard .cell.out{font-size:25px;letter-spacing:.5px}
.hist i{font-size:23px}.hist i:first-child{font-size:26px}
.credit b{font-size:42px}