/* Joc 21 — masă semicirculară: dealerul sus, 5 locuri pe arc */
.bjTable{position:absolute;left:110px;top:60px;width:1700px;height:900px}
.bjRim{position:absolute;inset:0;border-radius:0 0 850px 850px / 0 0 760px 760px;background:linear-gradient(180deg,#5a3418,#2a1306 55%,#1a0b03);
  box-shadow:0 40px 90px rgba(0,0,0,.75),0 0 0 4px #c9952e,0 0 0 10px #3a1d06,inset 0 -10px 20px rgba(0,0,0,.6)}
.bjFelt{position:absolute;left:34px;right:34px;top:0;bottom:34px;border-radius:0 0 820px 820px / 0 0 730px 730px;overflow:hidden;
  background:radial-gradient(ellipse 70% 80% at 50% 20%,#1d5fb0,#0e3a78 55%,#061a3a);box-shadow:inset 0 0 0 4px rgba(255,204,51,.5),inset 0 14px 40px rgba(0,0,0,.55)}
.arc1{position:absolute;left:0;right:0;top:350px;text-align:center;font-size:52px;letter-spacing:6px;color:rgba(255,226,140,.55)}
.arc2{position:absolute;left:0;right:0;top:414px;text-align:center;font-family:var(--ui);font-weight:700;font-size:22px;letter-spacing:2px;color:rgba(220,230,255,.4)}
.shoe{position:absolute;right:180px;top:120px;width:150px;height:110px;z-index:2}
.shoe i{position:absolute;width:90px;height:120px;border-radius:10px;background:repeating-linear-gradient(45deg,#6d1fd1 0 8px,#4a0fa0 8px 16px);box-shadow:inset 0 0 0 5px #fff,0 6px 12px rgba(0,0,0,.5);transform:rotate(-14deg)}
.shoe i:nth-child(2){left:14px;top:-4px}.shoe i:nth-child(3){left:28px;top:-8px;background:linear-gradient(160deg,#2a2a3a,#111);box-shadow:inset 0 0 0 3px #c9952e,0 6px 12px rgba(0,0,0,.5)}
.shoe span{position:absolute;left:0;right:0;top:128px;text-align:center;font-family:var(--ui);font-weight:700;font-size:18px;color:rgba(255,255,255,.5)}

.dealer{position:absolute;left:960px;top:130px;transform:translateX(-50%);z-index:4;display:flex;flex-direction:column;align-items:center;gap:10px}
.dLbl{display:flex;align-items:center;gap:14px;font-size:34px;letter-spacing:3px;color:#ffe9a8}
.dLbl b{font-weight:400;padding:2px 16px;border-radius:16px;background:rgba(0,0,0,.6);color:#fff;font-size:34px}
.dCards{display:flex;height:190px}
.dCards .card{margin-left:-46px}.dCards .card:first-child{margin-left:0}

.countdown{position:absolute;left:960px;top:270px;transform:translate(-50%,-50%);z-index:5;width:150px;height:150px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:rgba(6,14,40,.85);box-shadow:0 0 0 5px #ffcc33,0 0 40px rgba(255,204,51,.5)}
.countdown b{font-weight:400;font-size:76px;line-height:1;color:#ffcc33}
.countdown span{font-family:var(--ui);font-weight:800;font-size:16px;letter-spacing:2px;color:#e6dcff}

/* locurile */
.bseat{position:absolute;width:300px;height:420px;transform:translate(-50%,-50%);z-index:4}
.bspot{position:absolute;left:90px;top:250px;width:120px;height:120px;border-radius:50%;box-shadow:inset 0 0 0 4px rgba(255,226,140,.45);display:grid;place-items:center}
.bseat.me .bspot{box-shadow:inset 0 0 0 5px #ffcc33,0 0 30px rgba(255,204,51,.45)}
.bstack{position:relative;width:84px;height:84px}
.bstack .chipI{position:absolute;left:0;width:84px;height:84px}
.bamt{position:absolute;left:50%;top:328px;transform:translateX(-50%);padding:2px 14px;border-radius:14px;background:rgba(0,0,0,.65);font-size:30px;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums}
.bplate{position:absolute;left:30px;top:378px;width:240px;display:flex;align-items:center;gap:10px;padding:6px 10px;box-sizing:border-box;border-radius:30px;background:rgba(10,4,24,.85);box-shadow:0 0 0 2px rgba(255,204,51,.45);cursor:pointer}
.bplate .av{width:44px;height:44px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:26px;color:#fff;background:var(--avbg)}
.bplate .nm{font-family:var(--ui);font-weight:700;font-size:22px;color:#efe6ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bplate .rd{margin-left:auto;font-size:18px;color:#5cff8a;font-family:var(--ui);font-weight:800}
.bseat.empty .bspot{box-shadow:inset 0 0 0 3px rgba(255,255,255,.18)}
.sitBtn{position:absolute;left:90px;top:250px;width:120px;height:120px;border-radius:50%;font-size:28px;line-height:1.05;color:#ffe9a8;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 3px rgba(255,204,51,.5)}
.sitBtn:hover{background:rgba(255,204,51,.16)}
.bhands{position:absolute;left:0;right:0;top:0;height:240px;display:flex;justify-content:center;align-items:flex-end;gap:22px}
.bhand{position:relative;display:flex;padding-top:56px}
.bhand .card{width:104px;height:146px;border-radius:11px;margin-left:-70px}
.bhand .card:first-child{margin-left:0}
.bhand .card .r{font-size:36px;left:7px;top:3px}.bhand .card .s1{font-size:26px;left:9px;top:40px}.bhand .card .s2{font-size:70px;right:4px;bottom:-4px}
.bhand.two .card{width:84px;height:118px;margin-left:-56px}
.bhand.two .card:first-child{margin-left:0}
.bhand.active .card{box-shadow:0 0 0 4px #5cff8a,0 0 22px rgba(92,255,138,.7)}
.bval{position:absolute;left:50%;top:6px;transform:translateX(-50%);padding:2px 14px;border-radius:14px;background:rgba(0,0,0,.75);font-size:32px;color:#fff;white-space:nowrap}
.bval.bust{background:#c3172b}.bval.bj{background:linear-gradient(#ffe27a,#f0a90f);color:#3a1a00}
.bres{position:absolute;left:50%;bottom:30px;transform:translateX(-50%) rotate(-6deg);padding:6px 16px;border-radius:14px;font-size:34px;white-space:nowrap;z-index:2;animation:pop .35s ease-out;box-shadow:0 6px 14px rgba(0,0,0,.5)}
.bres.win,.bres.bj{background:linear-gradient(#7dff8a,#119a4a);color:#03260f}
.bres.bj{background:linear-gradient(#ffe27a,#f0a90f);color:#3a1a00}
.bres.push{background:#3a4a7a;color:#fff}
.bres.lose{background:#5a1a26;color:#ffb3b3}
.bring{position:absolute;left:80px;top:240px;width:140px;height:140px;transform:rotate(-90deg);pointer-events:none}
.bring circle{fill:none;stroke-width:8;stroke-linecap:round}
.bring .tr{stroke:rgba(0,0,0,.35)}.bring .tm{stroke:#5cff8a;stroke-dasharray:409;filter:drop-shadow(0 0 6px currentColor)}

/* bara de pariuri */
.betBar{position:absolute;left:300px;right:30px;bottom:22px;z-index:7;display:flex;align-items:center;gap:26px}
.rack{display:flex;gap:14px}
.chipB{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;font-size:30px;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),inset 0 0 0 8px rgba(0,0,0,.12),0 6px 10px rgba(0,0,0,.5);transition:transform .1s}
.chipB:hover:not(:disabled){transform:translateY(-6px)}
.chipB:active:not(:disabled){transform:scale(.92)}
.chipB:disabled{filter:grayscale(1) brightness(.5)}
.betInfo{display:flex;flex-direction:column;align-items:center;line-height:1;min-width:170px}
.betInfo span{font-family:var(--ui);font-weight:800;font-size:18px;letter-spacing:2px;color:#c9b6ff}
.betInfo b{font-weight:400;font-size:56px;color:var(--gold);font-variant-numeric:tabular-nums}
.betBtns{display:flex;gap:12px;align-items:center;margin-left:auto}
.betBtns .abtn{width:210px;height:100px}
.betBtns .sbtn{height:78px}
.actions .abtn{width:220px}
.abtn.double{background:linear-gradient(#ffb02e,#e2700e);box-shadow:0 8px 0 #7a3a00,0 12px 24px rgba(0,0,0,.5),inset 0 2px 0 rgba(255,255,255,.35)}
.abtn.split{background:linear-gradient(#b18aff,#6a2fd8);box-shadow:0 8px 0 #34107a,0 12px 24px rgba(0,0,0,.5),inset 0 2px 0 rgba(255,255,255,.35)}
.abtn.fold{background:linear-gradient(#ff8a5a,#d8401a);box-shadow:0 8px 0 #6d1a06,0 12px 24px rgba(0,0,0,.5),inset 0 2px 0 rgba(255,255,255,.35)}
.status{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);z-index:6;padding:12px 30px;border-radius:24px;background:rgba(10,4,24,.82);font-size:34px;color:#e6dcff;white-space:nowrap;box-shadow:0 0 0 2px rgba(201,182,255,.35)}