/* BSC Poker X v10.0.0 — one DOM, one responsive CSS Grid */
:root{--top:64px;--hud:58px;--dock:58px;--actions:68px;--gap:6px;--gold:#d8a92f;--cyan:#69e8ff;--ink:#03101f;--panel:#06243a;--felt1:#08775f;--felt2:#005341}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#020817;color:#f6fbff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,a,input{font:inherit}button,a{color:inherit}.bscx-app{height:100dvh;min-height:480px;display:grid;grid-template-rows:var(--top) minmax(0,1fr) var(--dock) var(--actions);gap:var(--gap);padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));background:#020817;overflow:hidden}
.bscx-topbar{min-width:0;display:grid;grid-template-columns:minmax(170px,.8fr) minmax(0,2.2fr);align-items:stretch;gap:8px;border:1px solid #14607c;border-radius:18px;padding:5px;background:linear-gradient(180deg,#061d2d,#020b18);box-shadow:0 10px 30px #0008;position:relative;z-index:30}.bscx-brand{display:flex;align-items:center;gap:9px;padding:0 16px;white-space:nowrap}.bscx-brand strong{font-size:clamp(18px,2vw,30px);font-weight:1000}.bscx-brand span{font-weight:900;color:#9eb8c6}.bscx-tools{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.bscx-tools button,.bscx-tools a{border:1px solid #185774;border-radius:12px;background:linear-gradient(#0a334b,#051c2e);display:flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;font-weight:950;font-size:12px;cursor:pointer;min-width:0}.bscx-tools .bscx-icon{font-size:20px}.bscx-exit{position:absolute;right:8px;top:72px;width:46px;height:46px;border-radius:50%;border:1px solid #ac5065;background:#511426;z-index:90;font-size:28px}
.bscx-table-shell{min-height:0;display:grid;grid-template-rows:var(--hud) 30px minmax(0,1fr);gap:5px;padding:6px;border:2px solid var(--gold);border-radius:22px;background:linear-gradient(180deg,#073e34,#04291f);overflow:hidden}.bscx-hud{width:min(760px,86vw);height:var(--hud);justify-self:center;display:grid;grid-template-columns:.8fr .72fr .78fr .78fr 1.5fr .72fr 48px;gap:4px;border:1px solid var(--gold);border-radius:15px;padding:4px;background:#031a2a;z-index:15}.bscx-hud-cell{min-width:0;padding:5px 9px;border:1px solid #12516a;border-radius:10px;background:#05243a;display:flex;flex-direction:column;justify-content:center}.bscx-hud-cell small{font-size:9px;letter-spacing:.12em;color:#a7cedc;font-weight:900}.bscx-hud-cell strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(11px,1.2vw,18px);color:#fff}.bscx-hud-cell.connection strong{color:#60f2ac}.bscx-hud-cell.actor strong{color:#ffd95d}.bscx-sound{border:1px solid #165b75;border-radius:10px;background:#082940;font-size:19px}.bscx-dealer-line{width:min(760px,86vw);justify-self:center;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid #9d7a24;border-radius:11px;background:#031a27;font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden}.bscx-dealer-line b{color:#ffd33d}.bscx-dealer-line span{overflow:hidden;text-overflow:ellipsis}
.bscx-table{min-height:0;position:relative;display:grid;grid-template-columns:minmax(135px,.8fr) minmax(300px,2fr) minmax(135px,.8fr);grid-template-rows:minmax(74px,.8fr) minmax(150px,1.5fr) minmax(74px,.8fr);grid-template-areas:"s1 centerTop s2" "left center right" "s3 centerBottom s4";align-items:center;justify-items:center;border-radius:45% / 18%;background:radial-gradient(ellipse at 50% 45%,#12a07b 0,#08765e 34%,#02503f 72%,#003d31 100%);box-shadow:inset 0 0 80px #0007,0 0 0 5px #845f16,0 0 0 8px #e0b33f;overflow:hidden}.bscx-table:before{content:"";position:absolute;inset:7%;border:1px solid #62d5bd22;border-radius:46%;pointer-events:none}.deck-stack{position:absolute;left:3%;top:8%;width:78px;height:106px;border-radius:10px;transform:rotate(-10deg);background:linear-gradient(145deg,#111,#063423);border:2px solid #c89a27;box-shadow:10px 12px 0 #001b18aa;display:grid;place-items:center;color:#d9b648;font-weight:1000;text-align:center}.seat{position:relative;width:min(290px,90%);min-height:74px;z-index:5}.seat.s1{grid-area:s1}.seat.s2{grid-area:s2}.seat.s3{grid-area:s3}.seat.s4{grid-area:s4}.seat.empty button{width:100%;min-height:74px;border:1px dashed #14a8cc;border-radius:40px;background:linear-gradient(180deg,#082b45ee,#041a2ddd);color:#fff;font-weight:1000;font-size:14px}.seat.empty button:before{content:"+";display:block;color:#67ecff;font-size:28px;line-height:24px}.seat-card{display:grid;grid-template-columns:58px 1fr;gap:8px;align-items:center;min-height:78px;padding:7px;border:1px solid #1b9bb8;border-radius:18px;background:#061e30ee;box-shadow:0 10px 24px #0007}.seat-card .avatar{width:54px;height:54px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#14435b;border:2px solid #d9ad39;font-size:24px}.seat-copy{min-width:0;display:grid;gap:2px}.seat-copy b,.seat-copy strong,.seat-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat-copy span{font-size:10px;color:#b5cfdb}.items{display:flex;gap:5px}.items i{font-size:10px;font-style:normal}.dealer-button{position:absolute;top:20%;left:50%;translate:-50% 0;width:38px;height:38px;border-radius:50%;border:3px solid #ffe588;background:#f6c94d;color:#123;font-weight:1000;box-shadow:0 0 26px #ffdc56;z-index:8}.community{position:absolute;left:50%;top:47%;translate:-50% -50%;display:flex;justify-content:center;gap:clamp(4px,.5vw,9px);padding:12px 15px;border-radius:20px;background:#02182abf;z-index:4}.hole-wrap{position:absolute;left:50%;top:69%;translate:-50% -50%;display:grid;justify-items:center;gap:4px;z-index:7}.hole-wrap label{font-size:12px;font-weight:1000;text-shadow:0 2px 4px #000}.hole{display:flex;gap:7px;padding:8px 11px;border-radius:18px;background:#02182ad9}.cards .card{--w:clamp(56px,6.5vw,104px);width:var(--w)!important;height:calc(var(--w)*1.42)!important}.hole .card{--w:clamp(62px,7vw,112px)}.chip-flight-layer,.winner-glow,.active-ring{position:absolute;inset:0;pointer-events:none}
.bscx-dock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.bscx-dock button,.bscx-dock a{border:1px solid #165974;border-radius:12px;background:linear-gradient(#0b334c,#051c2e);display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-weight:950;min-width:0}.bscx-dock .leave{background:linear-gradient(#a52343,#6c1029);border-color:#e05f7b}.bscx-dock span{font-size:21px}.bscx-actions{min-height:0;display:grid;grid-template-columns:minmax(360px,.85fr) minmax(520px,1.45fr);gap:6px;padding:5px;border:1px solid #17546e;border-radius:16px;background:#031627}.raise-box{min-width:0;display:grid;grid-template-columns:58px 42px minmax(90px,1fr) 42px 48px 54px 54px;gap:4px;align-items:center}.raise-box label{font-size:9px;font-weight:950;color:#b7d2dd}.raise-box output{display:block;color:#6be9ff;font-size:17px}.raise-box button,.action-buttons button{height:100%;min-height:48px;border:0;border-radius:10px;background:#0b3c5b;color:#fff;font-weight:1000}.raise-box input{min-width:0}.action-buttons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.action-buttons .fold{background:#3d1827}.action-buttons .check{background:#12334d}.action-buttons .call{background:#124638}.action-buttons .raise{background:#685727}.action-buttons .allin{background:#3b1d35}.action-buttons button:disabled{opacity:.35}.drawer.bscx-drawer{position:fixed!important;inset:0!important;z-index:200!important;display:grid!important;place-items:center!important;padding:16px!important;background:#000a!important}.drawer.bscx-drawer[hidden]{display:none!important}.drawer-shell{width:min(820px,96vw)!important;max-height:min(82dvh,760px)!important;border-radius:20px!important;overflow:hidden!important;background:#06263a!important;border:1px solid #28758e!important}.drawer-shell>header{height:78px;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;background:#0b3148;border-bottom:1px solid #1a657d}.drawer-shell>header div{display:grid;gap:3px}.drawer-shell>header b{font-size:20px}.drawer-shell>header button{width:48px;height:48px;border-radius:50%;border:1px solid #d65473;background:#65152b;color:#fff;font-size:28px}.drawer-shell #drawerBody{max-height:calc(min(82dvh,760px) - 78px);overflow:auto;padding:20px}.toast{position:fixed;left:50%;bottom:90px;translate:-50% 0;z-index:300;padding:12px 18px;border-radius:12px;background:#0c4f68;font-weight:900}.toast.error{background:#861f38}
@media(max-width:900px){:root{--top:58px;--hud:52px;--dock:54px;--actions:66px;--gap:4px}.bscx-app{padding:3px}.bscx-topbar{grid-template-columns:1fr}.bscx-brand{display:none}.bscx-tools{grid-template-columns:repeat(5,1fr)}.bscx-tools button,.bscx-tools a{font-size:9px;flex-direction:column;gap:0}.bscx-tools .bscx-icon{font-size:18px}.bscx-table-shell{grid-template-rows:var(--hud) 26px minmax(0,1fr);padding:4px;border-radius:14px}.bscx-hud{width:100%;grid-template-columns:1fr .72fr .8fr .8fr 1.2fr .65fr 38px}.bscx-hud-cell{padding:4px 5px}.bscx-hud-cell small{font-size:7px}.bscx-dealer-line{width:94%;font-size:10px}.bscx-table{grid-template-columns:1fr 1.15fr 1fr;grid-template-rows:82px minmax(190px,1fr) 82px;border-radius:22px}.deck-stack{width:48px;height:66px}.seat{width:94%;min-height:64px}.seat.empty button{min-height:64px;font-size:11px;border-radius:18px}.seat.empty button:before{font-size:21px}.seat-card{grid-template-columns:42px 1fr;min-height:64px}.seat-card .avatar{width:40px;height:40px}.community{top:42%;padding:7px;gap:3px}.hole-wrap{top:68%}.cards .card{--w:clamp(44px,12vw,72px)}.hole .card{--w:clamp(50px,14vw,78px)}.dealer-button{top:18%;width:30px;height:30px}.bscx-dock b{font-size:9px}.bscx-dock span{font-size:17px}.bscx-actions{grid-template-columns:1fr 1.1fr}.raise-box{grid-template-columns:48px 36px minmax(70px,1fr) 36px 40px 44px 44px}.raise-box button,.action-buttons button{min-height:46px;font-size:9px}}
@media(max-width:600px){:root{--top:54px;--hud:50px;--dock:50px;--actions:64px;--gap:3px}.bscx-hud{grid-template-columns:1.05fr .72fr .82fr .82fr 1fr .62fr 34px}.bscx-hud-cell small{display:none}.bscx-hud-cell strong{font-size:9px}.bscx-table{grid-template-columns:1fr 1fr;grid-template-rows:70px minmax(0,1fr) 70px;grid-template-areas:"s1 s2" "center center" "s3 s4"}.deck-stack{left:1%;top:1%;opacity:.55}.seat{width:88%;min-height:56px}.seat.empty button{min-height:56px;font-size:10px}.seat-card{min-height:56px;padding:4px;grid-template-columns:36px 1fr}.seat-card .avatar{width:34px;height:34px}.seat-copy span:nth-of-type(n+2),.items{display:none}.dealer-button{top:16%}.community{top:40%;width:auto}.hole-wrap{top:67%}.cards .card{--w:clamp(41px,14.5vw,62px)}.hole .card{--w:clamp(47px,16vw,70px)}.bscx-dock button,.bscx-dock a{flex-direction:column;gap:0}.bscx-dock b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bscx-actions{grid-template-columns:1fr;grid-template-rows:30px 1fr}.raise-box{grid-template-columns:46px 34px minmax(70px,1fr) 34px 38px 42px 42px}.raise-box button{min-height:28px}.action-buttons button{min-height:29px}.action-buttons{gap:3px}.bscx-dealer-line{font-size:9px}.bscx-sound{padding:0}.drawer-shell{width:100%!important;max-height:92dvh!important}.drawer-shell #drawerBody{max-height:calc(92dvh - 70px)}}
@media(max-height:650px){:root{--top:48px;--hud:45px;--dock:45px;--actions:58px}.bscx-table-shell{grid-template-rows:var(--hud) 23px minmax(0,1fr)}.seat.empty button{min-height:48px}.community{top:40%}.hole-wrap{top:68%}.cards .card{--w:clamp(38px,8.5vh,68px)}.hole .card{--w:clamp(44px,10vh,76px)}}
:fullscreen .bscx-app,.bscx-app:fullscreen{padding:3px;height:100dvh}.bscx-app:fullscreen .bscx-exit{display:block!important}