/* Baccarat lobby and table (Speed and Classic). The table is drawn on a fixed 1440 x 860 canvas that is scaled to the page. */
.bq-stage-host{padding:0!important}
.bq-lobby{max-width:1280px;margin:0 auto;padding:clamp(14px,3vw,30px);box-sizing:border-box;color:#fff}
.bq-hero{position:relative;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;padding:clamp(20px,3vw,34px) clamp(20px,3vw,38px);margin-bottom:22px;border-radius:24px;overflow:hidden;border:1.5px solid rgba(255,58,85,.65);background:linear-gradient(110deg,rgba(120,0,24,.88),rgba(20,4,12,.94) 62%);box-shadow:0 0 40px rgba(255,45,74,.32),inset 0 0 60px rgba(255,45,74,.12)}
.bq-hplanet{position:absolute;right:-80px;top:-130px;width:380px;height:380px;border-radius:50%;border:8px solid #ff3a55;background:radial-gradient(circle at 50% 40%,#ff5560,#a80018 60%,#30000b);box-shadow:0 0 60px #ff2d4a;opacity:.85;pointer-events:none}
.bq-hl{position:relative;max-width:620px;min-width:0}
.bq-live{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:99px;background:rgba(0,0,0,.4);border:1px solid rgba(255,215,106,.55);font-size:11.5px;font-weight:800;letter-spacing:.14em;color:#ffd76a}
.bq-live i{width:8px;height:8px;border-radius:50%;background:#ff3a55;box-shadow:0 0 8px #ff3a55;animation:bqPulse 1.4s ease-in-out infinite}
@keyframes bqPulse{0%,100%{opacity:1}50%{opacity:.35}}
.bq-hl h2{margin:12px 0 8px;font-family:var(--display);font-size:clamp(32px,5vw,54px);letter-spacing:.06em;line-height:1;color:#fff}
.bq-hl h2 em{font-style:normal;color:#ffd76a}
.bq-hl p{margin:0;font-size:15px;line-height:1.55;color:#f0d3d8;max-width:540px}
.bq-hr{position:relative;display:flex;gap:12px;flex-wrap:wrap}
.bq-st{padding:11px 18px;border-radius:14px;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.15)}
.bq-st small{display:block;font-size:10.5px;font-weight:800;letter-spacing:.14em;color:#c9b3b8}
.bq-st b{font-family:var(--display);font-size:clamp(20px,2.4vw,28px);color:#fff}.bq-st b.g{color:#ffd76a}
.bq-tabs{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:0 0 16px}
.bq-tabs>div{display:flex;gap:8px;flex-wrap:wrap}.bq-tabs span{font-size:13px;color:var(--muted)}
.bq-tabs button{height:40px;padding:0 18px;border-radius:99px;font-weight:800;font-size:13px;letter-spacing:.06em;color:#fff;cursor:pointer;border:1.5px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06)}
.bq-tabs button.on{border-color:#ffd76a;background:linear-gradient(180deg,#ff3a55,#a0001a);box-shadow:0 0 16px rgba(255,45,74,.5)}
.bq-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:20px}
.bq-card{border-radius:20px;overflow:hidden;background:linear-gradient(180deg,rgba(26,8,16,.96),rgba(10,5,10,.98));border:1.5px solid rgba(var(--rgb),.5);box-shadow:0 0 22px rgba(var(--rgb),.2);transition:transform .18s,box-shadow .2s,border-color .2s}
.bq-card:hover{transform:translateY(-4px);border-color:var(--acc);box-shadow:0 0 34px rgba(var(--rgb),.55)}
.bq-thumb{position:relative;height:150px;overflow:hidden;background:radial-gradient(circle at 50% 30%,rgba(var(--rgb),.75),rgba(var(--rgb),.25) 55%,#12060a)}
.bq-halo{position:absolute;left:50%;top:-40px;margin-left:-70px;width:140px;height:140px;border-radius:50%;border:4px solid var(--acc);box-shadow:0 0 30px var(--acc);background:radial-gradient(circle,rgba(var(--rgb),.8),rgba(var(--rgb),.25))}
.bq-mfelt{position:absolute;left:-10%;right:-10%;top:72px;height:220px;border-radius:50% 50% 0 0/60% 60% 0 0;background:radial-gradient(ellipse at 50% 0%,#ff3347,#b0001c);border-top:3px solid #d9a93a;box-shadow:0 -10px 30px rgba(255,45,74,.5)}
.bq-mrow{position:absolute;left:0;right:0;top:94px;display:flex;justify-content:center;gap:6px;padding:0 20px}
.bq-mrow i{height:44px;border-radius:10px;display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:13px;font-style:normal;letter-spacing:.08em}
.bq-mrow .pp{width:30px;border:1.5px solid rgba(255,255,255,.7);background:rgba(255,255,255,.12)}
.bq-mrow .pl{flex:1;max-width:80px;border:2px solid #6fa8ff;background:rgba(14,30,100,.7);color:#cfe0ff}
.bq-mrow .ti{width:48px;border:2px solid #ffd76a;background:rgba(70,46,4,.8);color:#ffe9a8}
.bq-mrow .ba{flex:1;max-width:80px;border:2px solid #ff8a96;background:rgba(110,0,20,.8);color:#ffd6da}
.bq-pl{position:absolute;left:12px;top:12px;display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:99px;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.2);font-size:12px;font-weight:800}
.bq-bd{position:absolute;right:12px;top:12px;padding:5px 11px;border-radius:99px;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.bq-bd.bet{background:#ff3a55;color:#fff;box-shadow:0 0 14px #ff3a55}.bq-bd.deal{background:#ffd76a;color:#2a1a00;box-shadow:0 0 14px #ffd76a}.bq-bd.next{background:rgba(255,255,255,.85);color:#1a0a0e}
.bq-info{padding:16px 18px 18px}
.bq-nm{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.bq-nm b{font-family:var(--display);font-size:23px;letter-spacing:.05em}.bq-nm span{font-size:12px;font-weight:800;color:#ffd76a;white-space:nowrap}
.bq-lm{margin-top:3px;font-size:13px;color:#c8c0c4}
.bq-beads{display:flex;gap:4px;margin:14px 0 16px;flex-wrap:wrap}
.bq-b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:12px;font-style:normal;color:#fff;box-shadow:inset 0 -2px 0 rgba(0,0,0,.25)}
.bq-b.P{background:#2c63c9}.bq-b.B{background:#e0213c}.bq-b.T{background:#d9a93a;color:#2a1a00}.bq-b.e{background:none;border:1px solid rgba(255,255,255,.1);box-shadow:none}
.bq-join{display:flex;align-items:center;justify-content:center;width:100%;height:46px;border-radius:12px;border:0;cursor:pointer;background:linear-gradient(180deg,#ff3a55,#b0001c);color:#fff;font-weight:800;font-size:15px;letter-spacing:.1em;box-shadow:0 0 20px rgba(255,45,74,.5),inset 0 0 0 1.5px rgba(255,215,106,.6)}
.bq-join:hover{filter:brightness(1.15)}

/* table canvas */
.bq-fit{position:relative;width:100%;overflow:hidden;background:#07080f}
.bq-scale{position:relative;width:1440px;height:860px;overflow:hidden;transform-origin:0 0;background:#07080f;color:#fff;font-family:var(--font,system-ui,sans-serif)}
.bq-scale button{font-family:inherit}
.bq-ttl{font-family:var(--display);font-weight:700;font-size:25px;letter-spacing:.09em;line-height:1}.bq-ttl span{color:#ffd76a}
.bq-sub{margin-top:5px;font-size:12.5px;color:#c3c7dc;display:flex;align-items:center;gap:8px}.bq-sub i{width:8px;height:8px;border-radius:50%}
.bq-lobbyb{height:44px;padding:0 20px;border-radius:12px;border:1.5px solid #ffd76a;background:rgba(20,12,4,.7);color:#ffd76a;font-weight:800;font-size:14px;letter-spacing:.06em;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 0 18px rgba(255,215,106,.25)}
.bq-panel{position:absolute;z-index:8;padding:10px 12px 12px;border-radius:14px;background:rgba(8,9,18,.72);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(6px)}
.bq-ph{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:800;letter-spacing:.12em;color:#c3c7dc;margin-bottom:8px}
.bq-road{display:grid;grid-auto-flow:column;grid-template-rows:repeat(6,22px);grid-auto-columns:22px;gap:2px;justify-content:center}
.bq-road .bq-b{width:21px;height:21px;font-size:12px}
.bq-sst{display:flex;justify-content:space-between;font-family:var(--display);font-weight:700;font-size:22px}
.bq-bar{display:flex;height:8px;border-radius:99px;overflow:hidden;margin-top:8px;background:rgba(255,255,255,.08)}
.bq-pays{margin-top:10px;font-size:11.5px;color:#aeb3cc;line-height:1.5}
.bq-state{padding:9px 26px;border-radius:99px;font-family:var(--display);font-weight:700;font-size:24px;letter-spacing:.14em;background:rgba(8,4,10,.82);border:1.5px solid rgba(255,90,106,.8);box-shadow:0 0 22px rgba(255,45,74,.55)}
.bq-state.hot{background:linear-gradient(180deg,#ff2d4a,#a0001a);border-color:#ffb0ba}
.bq-ring{position:relative;width:92px;height:92px;border-radius:50%}
.bq-ringin{position:absolute;inset:7px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#2a0710,#0a0208);display:grid;place-items:center;box-shadow:inset 0 0 18px rgba(255,45,74,.45)}
.bq-ringin span{font-family:var(--display);font-weight:700;line-height:1}
.bq-ring.hurry{animation:bqHurry .5s ease-in-out infinite alternate}
@keyframes bqHurry{from{filter:brightness(1)}to{filter:brightness(1.4)}}
.bq-tot{width:48px;height:48px;border-radius:10px;display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:30px;color:#fff;background:rgba(0,0,0,.25);border:1.5px dashed rgba(255,255,255,.3)}
.bq-tot.p{background:linear-gradient(180deg,#2c63c9,#0c1f6e);border:0;box-shadow:0 0 14px rgba(80,140,255,.7)}
.bq-tot.b{background:linear-gradient(180deg,#d12038,#6e0012);border:0;box-shadow:0 0 14px rgba(255,70,90,.7)}
.bq-card2{position:absolute;background:linear-gradient(180deg,#fff,#e9e4e6);box-shadow:0 8px 16px rgba(0,0,0,.45);box-sizing:border-box;animation:bqCard .4s ease-out both}
@keyframes bqCard{from{opacity:0;transform:translate(60px,-90px) rotate(18deg) scale(.7)}to{opacity:1;transform:none}}
.bq-slot{position:absolute;border-radius:8px;border:2px dashed rgba(255,215,106,.45);background:rgba(60,0,10,.25);box-sizing:border-box}
.bq-banner{position:absolute;left:50%;top:552px;margin-left:-300px;width:600px;height:56px;border-radius:99px;place-items:center;font-family:var(--display);font-weight:700;font-size:28px;letter-spacing:.1em;color:#fff;white-space:pre;border:2px solid #ffe08a;box-shadow:0 0 30px rgba(255,215,106,.6);z-index:4;animation:bqBan .35s cubic-bezier(.3,1.5,.5,1) both}
@keyframes bqBan{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}
.bq-zone{position:absolute;transition:transform .15s ease,box-shadow .2s ease}
.bq-zone:hover{transform:translateY(-3px)}
.bq-zone.open{animation:bqSpot 1.8s ease-in-out infinite}
@keyframes bqSpot{0%,100%{filter:brightness(1)}50%{filter:brightness(1.22)}}
.bq-zone.winz{animation:bqWin 1s ease-in-out infinite}
@keyframes bqWin{0%,100%{box-shadow:0 0 22px 2px #ffd76a,inset 0 0 30px rgba(255,215,106,.45)}50%{box-shadow:0 0 44px 8px #ffd76a,inset 0 0 50px rgba(255,215,106,.7)}}
.bq-zone .zw{position:absolute;left:0;right:0;top:12px;text-align:center;font-family:var(--display);font-weight:700;font-size:22px;color:#ffd76a;text-shadow:0 0 12px rgba(255,215,106,.8)}
.bq-zone .zc{pointer-events:none}
.bq-railin{display:flex;align-items:center;gap:18px;height:76px;padding:0 22px;border-radius:99px;background:linear-gradient(180deg,rgba(20,8,14,.92),rgba(8,4,8,.95));border:1.5px solid rgba(255,58,85,.75);box-shadow:0 0 26px rgba(255,45,74,.45),inset 0 0 20px rgba(255,45,74,.12)}
.bq-ctl{height:44px;padding:0 16px;border-radius:99px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.07);color:#fff;font-weight:800;font-size:13px;letter-spacing:.05em;display:flex;align-items:center;gap:7px;cursor:pointer}
.bq-ctl:hover:not(:disabled){background:rgba(255,255,255,.14)}.bq-ctl:disabled{opacity:.4;cursor:default}
.bq-chip{position:relative;width:52px;height:52px;border-radius:50%;border:0;padding:0;color:var(--t);font-family:var(--display);font-weight:700;display:grid;place-items:center;cursor:pointer;background:radial-gradient(circle,var(--f) 0 55%,transparent 57%),repeating-conic-gradient(#fff 0 12deg,var(--f) 12deg 30deg);box-shadow:0 4px 0 rgba(0,0,0,.55);transition:transform .18s cubic-bezier(.3,1.6,.5,1),box-shadow .2s ease}
.bq-chip:hover{transform:translateY(-4px)}
.bq-chip.on{transform:translateY(-12px) scale(1.18);box-shadow:0 0 0 3px #ffd76a,0 0 26px 4px rgba(255,215,106,.85),0 8px 0 rgba(0,0,0,.5)}
.bq-hud{position:absolute;left:40px;right:40px;top:796px;height:50px;display:flex;align-items:center;border-radius:14px;background:rgba(6,6,12,.88);border:1px solid rgba(255,255,255,.14);z-index:6}
.bq-hb{padding:0 26px;display:flex;flex-direction:column;justify-content:center}
.bq-hb small{font-size:10.5px;font-weight:800;letter-spacing:.16em;color:#aeb3cc}
.bq-hb b{font-family:var(--display);font-weight:700;font-size:23px;line-height:1.05}
.bq-hs{width:1px;height:28px;background:rgba(255,255,255,.16)}
.bq-hint{flex:1;text-align:center;font-size:14.5px;font-weight:600;padding:0 18px}
/* dealer animation */
.floaty{animation:bqFloat 4s ease-in-out infinite}
@keyframes bqFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.drift{animation:bqDrift 40s linear infinite}
@keyframes bqDrift{from{transform:translateX(0)}to{transform:translateX(380px)}}
.lid{animation:bqBlink 5s infinite}
@keyframes bqBlink{0%,92%,100%{opacity:0}95%,97%{opacity:1}}
@keyframes bqScan{0%,100%{transform:translateX(-8px)}50%{transform:translateX(8px)}}
@keyframes bqScan2{0%,100%{transform:translateX(-5px)}50%{transform:translateX(5px)}}
@media (prefers-reduced-motion:reduce){.floaty,.drift,.lid,.bq-zone.open,.bq-zone.winz,.bq-ring.hurry{animation:none!important}}

/* smoother betting: chip counters pop in, zones ease between states */
.bq-zone{transition:transform .15s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease,opacity .3s ease}
.bq-zone .zc{transition:opacity .2s ease}
.bq-zone .zc.pop{animation:bqChipPop .32s cubic-bezier(.2,1.5,.4,1)}
@keyframes bqChipPop{0%{transform:translateX(-50%) translateY(-34px) scale(.5);opacity:0}60%{transform:translateX(-50%) translateY(3px) scale(1.12);opacity:1}100%{transform:translateX(-50%) translateY(0) scale(1)}}
.bq-zone:active{transform:scale(.985)}
@media (prefers-reduced-motion:reduce){.bq-zone .zc.pop{animation:none}}

.bq-res{position:absolute;left:34px;top:566px;width:440px;box-sizing:border-box;padding:16px 20px 14px;border-radius:20px;z-index:6;color:#fff;background:linear-gradient(180deg,rgba(24,6,12,.92),rgba(12,3,8,.94));border:2px solid rgba(255,255,255,.18);box-shadow:0 14px 40px rgba(0,0,0,.5);animation:bqResIn .45s cubic-bezier(.2,1.2,.4,1) both;font-family:var(--display,inherit)}
.bq-res.win{border-color:#ffd76a;box-shadow:0 0 36px rgba(255,215,106,.45),0 14px 40px rgba(0,0,0,.5)}
.bq-res .rt{font-size:15px;font-weight:800;letter-spacing:.16em;color:#ffd76a}
.bq-res.lose .rt{color:#ff8b98}.bq-res.push .rt{color:#cfd3ff}
.bq-res .ra{font-size:54px;font-weight:800;line-height:1.05;margin:4px 0 2px}
.bq-res.win .ra{color:#7dffb8;text-shadow:0 0 24px rgba(80,255,160,.55)}.bq-res.lose .ra{color:#ff7a8a}.bq-res.push .ra{color:#fff}
.bq-res .rs{font-size:13px;opacity:.75;margin-bottom:10px;font-family:system-ui,sans-serif}
.bq-res ul{list-style:none;margin:0;padding:8px 0 0;border-top:1px solid rgba(255,255,255,.14);display:grid;gap:5px;font-family:system-ui,sans-serif}
.bq-res li{display:grid;grid-template-columns:1fr auto 84px;gap:10px;font-size:14px;font-weight:700;letter-spacing:.04em}
.bq-res li i{font-style:normal;opacity:.7}.bq-res li b{text-align:right}
.bq-res li.w b{color:#7dffb8}.bq-res li.l b{color:#ff7a8a}.bq-res li.p b{color:#cfd3ff}
@keyframes bqResIn{from{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.bq-res{animation:none}}

.bq-res{left:28px;top:556px;width:252px;padding:12px 14px 10px;border-radius:16px}
.bq-res .rt{font-size:12px}.bq-res .ra{font-size:38px;margin:2px 0}.bq-res .rs{font-size:11px;margin-bottom:8px}
.bq-res li{grid-template-columns:1fr auto;font-size:12px}

/* last wins board (bottom right) */
.bq-rd{z-index:5}
.bq-rscroll{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding-bottom:2px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14px);mask-image:linear-gradient(90deg,transparent 0,#000 14px)}
.bq-rscroll::-webkit-scrollbar{display:none}
.bq-road2{display:grid;grid-auto-flow:column;grid-template-rows:repeat(6,24px);grid-auto-columns:24px;gap:3px;width:max-content;min-width:100%;justify-content:end}
.bq-road2 .bq-b{width:23px;height:23px;font-size:12px}
.bq-b.new{animation:bqBeadIn .6s cubic-bezier(.2,1.6,.4,1) both,bqBeadGlow 1.6s ease-in-out 3}
@keyframes bqBeadIn{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes bqBeadGlow{50%{box-shadow:0 0 14px 3px #ffd76a}}

/* winners board */
.bq-win{position:absolute;left:28px;top:112px;width:250px;z-index:5;color:#fff;font-family:system-ui,sans-serif;text-shadow:0 1px 3px rgba(0,0,0,.7);animation:bqResIn .45s ease both;pointer-events:none}
.bq-win .wh{display:flex;align-items:center;gap:8px;font-size:18px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.55)}
.bq-win .wh b{font-weight:800}.bq-win .wh span{color:#ffd76a;font-weight:800;font-size:20px;margin-left:2px}
.bq-win .wt{font-size:15px;font-weight:700;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.55)}.bq-win .wt span{color:#ffd76a;margin-left:6px}
.bq-win .wn{font-size:13px;font-weight:800;letter-spacing:.06em;margin:8px 0 4px}
.bq-win .wr{max-height:330px;overflow:hidden;font-size:14px;line-height:1.55;-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent);mask-image:linear-gradient(180deg,#000 62%,transparent)}
.bq-win .wr div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bq-win .wr b{margin-right:4px}
/* white bead plate for the last wins board */
.bq-rd{background:#fff!important;border:0!important;border-radius:14px!important;padding:8px!important;box-shadow:0 8px 28px rgba(0,0,0,.45)!important}
.bq-rd .bq-ph{color:#3a3f55!important;padding:0 2px 6px!important}.bq-rd .bq-ph span:last-child{color:#c7861b!important}
.bq-rd .bq-road2{background-image:linear-gradient(#e3e6ee 1px,transparent 1px),linear-gradient(90deg,#e3e6ee 1px,transparent 1px);background-size:27px 27px;background-position:-1px -1px}
.bq-rd .bq-b{box-shadow:none;font-size:11px;border:2px solid transparent}.bq-rd .bq-b.P{background:#2f6fe0}.bq-rd .bq-b.B{background:#e0243c}.bq-rd .bq-b.T{background:#1fa971;color:#fff}
.bq-rd .bq-rscroll{-webkit-mask-image:none;mask-image:none}

/* dealing: cards slide out of the shoe and turn face up, once each */
.bq-card2{animation:none!important;transition:left .4s ease,top .4s ease,width .4s ease,height .4s ease;border-radius:12px;backface-visibility:hidden}
.bq-card2.deal{animation:bqDeal .55s cubic-bezier(.2,.9,.3,1) both!important}
@keyframes bqDeal{0%{opacity:0;transform:translate(430px,-80px) rotate(24deg) scale(.55) rotateY(80deg)}55%{opacity:1;transform:translate(-8px,6px) rotate(-3deg) scale(1.04) rotateY(40deg)}100%{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.bq-card2.deal{animation:none!important}}
/* last wins board: whole columns only, beads sit exactly on the grid, newest column flush right */
.bq-rd{width:216px!important;box-sizing:border-box}
.bq-rd .bq-rscroll{width:189px;margin:0 auto;overflow-x:auto;-webkit-mask-image:none!important;mask-image:none!important}
.bq-rd .bq-road2{grid-template-rows:repeat(6,27px);grid-auto-columns:27px;gap:0;width:max-content;min-width:189px;justify-content:start;background-size:27px 27px;background-position:0 0;border-right:1px solid #e3e6ee;border-bottom:1px solid #e3e6ee}
.bq-rd .bq-road2 .bq-b{width:23px;height:23px;margin:2px;font-size:11px}

/* bottom bar frame (theatre / full screen) */
.main:not(.bjl-locked) .bq-frame{display:block}
.bq-frame{overflow:hidden;border-radius:14px}
.bq-frame .bq-body{position:relative}
.main.bjl-locked .bq-frame .bq-body,.bq-frame:fullscreen .bq-body{flex:1 1 auto;min-height:0;overflow:auto}
.bq-frame:fullscreen{background:#070B16}
.main:not(.bjl-locked) .bq-frame .bjl-bar{border-radius:0}

/* lobby: same framed, scrolling card as the Blackjack lobby */
.bq-lfit{background:radial-gradient(ellipse at 50% 0%,#3a0a18,#070B16 72%)!important}
.bq-lfit .bq-lobby{max-width:1180px;padding:clamp(14px,3vw,34px)}
.bq-hart{position:absolute;right:clamp(130px,17vw,260px);top:50%;width:clamp(120px,14vw,190px);transform:translateY(-50%);pointer-events:none;filter:drop-shadow(0 10px 22px rgba(0,0,0,.45))}
.bq-lart{width:100%;display:block}
.bq-hero{padding-right:clamp(20px,3vw,38px)}
.bq-hl{max-width:560px}
.bq-lfit .bq-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:16px}
@media(max-width:560px){.bq-hart{display:none}.bq-hr{width:100%}.bq-st{flex:1 1 90px}}

.main:not(.bjl-locked) .bq-frame:not(.bq-wide){display:block}
.main:not(.bjl-locked) .bq-frame.bq-wide{max-width:none}
.bq-hero{flex-direction:column;align-items:flex-start;justify-content:center;gap:22px}
.bq-hr{width:auto}
.bq-lfit .bq-lobby{width:100%!important;margin:0 auto!important}
.bq-hart{right:clamp(24px,5vw,90px)!important}.bq-hl p{max-width:470px}@media(max-width:900px){.bq-hart{display:none}}
/* live hands on the lobby tables */
.bq-live{position:absolute;left:10px;right:10px;top:80px;display:none;align-items:flex-start;justify-content:space-around;gap:8px;z-index:2}
.bq-live.on{display:flex}
.bq-lg{flex:1;max-width:46%;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px 5px;border-radius:12px;background:rgba(0,0,0,.45);border:1.5px solid transparent;transition:box-shadow .3s,border-color .3s}
.bq-lg.p{border-color:#6fa8ff}.bq-lg.b{border-color:#ff8a96}
.bq-lg small{font-size:9.5px;font-weight:800;letter-spacing:.12em;color:#dfe6ff}.bq-lg.b small{color:#ffd6da}
.bq-lc{display:flex;min-height:30px;align-items:center;justify-content:center}.bq-lc .mc{margin-left:-6px}.bq-lc .mc:first-child{margin-left:0}
.bq-lt{font-size:15px;font-weight:900;line-height:1;color:#fff;min-height:15px}
.bq-live.wp .bq-lg.p{box-shadow:0 0 18px #6fa8ff;background:rgba(40,80,200,.45)}.bq-live.wb .bq-lg.b{box-shadow:0 0 18px #ff5a6a;background:rgba(160,10,30,.5)}
.bq-live.wt .bq-lg{box-shadow:0 0 14px #ffd76a}
.bq-lw{position:absolute;left:0;right:0;top:-24px;text-align:center;font-size:12px;font-weight:900;letter-spacing:.14em;color:#ffe9a8;text-shadow:0 0 10px rgba(255,215,106,.8)}
.bq-card.hot .bq-thumb::after,.bq-card .bq-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.07) 50%,transparent 65%);animation:tcSweep 5s linear infinite;pointer-events:none}
.bq-card.hot{box-shadow:0 0 34px rgba(var(--rgb),.6)}
.bq-bd.bet::before,.bq-bd.deal::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-right:6px;animation:tcDot 1.1s infinite}
@media (prefers-reduced-motion:reduce){.bq-card .bq-thumb::after,.bq-bd::before{animation:none}}
.bq-thumb{height:178px}.bq-live{top:56px}