/* Moonclutch V32 Blackjack – compact control panel + open dark table (no green felt). Scoped to .bjx so older shared rules do not interfere. */
.bjx-wrap{max-width:1180px;margin:0 auto}
.bjx{--bg:#0D0F13;--pn:#191D24;--hv:#242932;--ln:#2A2F38;--tx:#F2F3F5;--mu:#949BA6;--ac:#8591C8;--gr:#3FB950;--rd:#E5534B;--am:#E3B341;--cw:74px;--ch:104px;color:var(--tx);display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px;align-items:start;max-width:1180px;margin:0 auto}
.bjx [hidden]{display:none!important}.bjx button,.bjx input{font:inherit}.bjx button{cursor:pointer}
.bjx-panel{display:grid;gap:10px;padding:14px;background:var(--pn);border:1px solid var(--ln);border-radius:10px}
.bjx-tabs{display:grid;grid-template-columns:1fr 1fr;padding:3px;background:#12151B;border-radius:8px}
.bjx-tabs button{height:34px;border:0;border-radius:6px;background:transparent;color:var(--mu);font-weight:800;font-size:13px}.bjx-tabs button.on{background:var(--hv);color:var(--tx)}
.bjx-f{display:grid;gap:4px}.bjx-fl{display:flex;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:.05em;color:var(--mu)}.bjx-fl em{font-style:normal}
.bjx-in{display:flex;align-items:center;gap:5px;padding:3px 3px 3px 10px;background:#12151B;border:1px solid var(--ln);border-radius:7px}.bjx-in i{font-style:normal;color:var(--mu)}
.bjx-in input{flex:1;min-width:0;height:30px;border:0;background:transparent;color:var(--tx);font-weight:700;font-size:15px;outline:0;font-variant-numeric:tabular-nums}
.bjx-in:focus-within{border-color:var(--ac)}.bjx-in button{height:30px;min-width:34px;padding:0 8px;border:0;border-radius:5px;background:var(--hv);color:var(--tx);font-weight:800;font-size:12px}.bjx-in button:hover:not(:disabled){background:#2f3641}
.bjx-sidef{display:none;gap:10px}.bjx[data-tab="side"] .bjx-sidef{display:grid}
.bjx-link{height:30px;border:1px solid var(--ln);background:transparent;color:var(--mu);border-radius:6px;font-size:12px;font-weight:700}.bjx-link:hover{color:var(--tx);border-color:var(--ac)}
.bjx-lab{font-size:11px;font-weight:700;letter-spacing:.05em;color:var(--mu);margin-bottom:-4px}
.bjx-seatsel{display:grid;grid-template-columns:repeat(3,1fr);padding:3px;background:#12151B;border:1px solid var(--ln);border-radius:8px}
.bjx-seatsel button{height:32px;border:0;border-radius:6px;background:transparent;color:var(--mu);font-weight:800}.bjx-seatsel button.on{background:var(--hv);color:var(--tx)}
.bjx-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bjx-act{height:42px;border:1px solid var(--ln);background:var(--hv);color:var(--tx);border-radius:8px;font-weight:800;font-size:14px}.bjx-act:hover:not(:disabled){border-color:var(--ac)}
.bjx button:disabled,.bjx input:disabled{opacity:.42;cursor:not-allowed}
.bjx-ins{display:grid;gap:6px;padding:8px;border:1px solid var(--am);border-radius:8px;background:#1d1a10}.bjx-ins span{font-size:12px;color:#ecd9a0}.bjx-ins div{display:grid;grid-template-columns:1fr 1fr;gap:6px}.bjx-ins .bjx-act{height:36px;font-size:12px}
.bjx-sur{height:32px;border:1px solid var(--ln);border-radius:7px;background:transparent;color:var(--mu);font-weight:700;font-size:12px}
.bjx-go{height:46px;border:0;border-radius:8px;background:#4aa564;color:#06130a;font-weight:800;letter-spacing:.05em;font-size:14px}.bjx-go:hover:not(:disabled){filter:brightness(1.08)}
.bjx-total{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 8px;font-size:12px;color:var(--mu)}.bjx-total b{color:var(--tx)}.bjx-total small{flex-basis:100%;font-size:10px;color:#6c7380}
.bjx-err{margin:0;min-height:0;font-size:12px;color:#ff8d86}.bjx-err:empty{display:none}
.bjx-res{font-size:12px;font-weight:800;min-height:0}.bjx-res:empty{display:none}.bjx-res.win{color:var(--gr)}.bjx-res.lose{color:#ff8d86}
.bjx-bal{display:flex;justify-content:space-between;font-size:12px;color:var(--mu)}.bjx-bal b{color:var(--tx)}
.bjx-sound{display:flex;align-items:center;gap:8px}.bjx-sound input{flex:1;min-width:0;accent-color:var(--gr);height:4px}.bjx-ic{width:34px;height:34px;border:1px solid var(--ln);background:var(--hv);border-radius:7px;color:var(--tx)}.bjx-lnk{font-size:11px;color:var(--mu);text-decoration:none;white-space:nowrap}.bjx-lnk:hover{color:var(--tx)}
/* table */
.bjx-table{position:relative;min-height:660px;background:#12151B;border:1px solid var(--ln);border-radius:10px;overflow:hidden}
.bjx-i{position:absolute;left:12px;top:12px;width:34px;height:34px;border:1px solid var(--ln);background:var(--pn);color:var(--mu);border-radius:7px;font-size:15px;z-index:5}.bjx-i:hover{color:var(--tx);border-color:var(--ac)}
.bjx-deck{position:absolute;right:18px;top:14px;width:62px;height:86px;z-index:4}
.bjx-deck i{position:absolute;inset:0;border-radius:6px;background:repeating-linear-gradient(45deg,#242932 0 4px,#1b2029 4px 8px);border:1px solid #3a4150}.bjx-deck i:nth-child(1){transform:translate(-4px,4px)}.bjx-deck i:nth-child(2){transform:translate(-2px,2px)}
.bjx-deck span{position:absolute;left:0;right:0;bottom:-16px;text-align:center;font-size:9px;letter-spacing:.08em;color:var(--mu)}
.bjx-dealer{position:absolute;left:0;right:0;top:20px;display:flex;justify-content:center}
.bjx-banner{position:absolute;left:50%;top:41%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;width:max-content;max-width:90%}
.bjx-banner .ban{padding:9px 22px;background:var(--pn);border:1px solid var(--ln);border-radius:8px;font-size:13px;font-weight:800;letter-spacing:.04em}
.bjx-banner .sub{margin-top:7px;font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--mu)}.bjx-banner .ins{margin-top:6px;font-size:11px;font-weight:800;color:var(--am)}
.bjx-seats{position:absolute;left:8px;right:8px;bottom:34px;display:grid;grid-template-columns:1fr;align-items:end}
.bjx-seats[data-n="2"]{grid-template-columns:1fr 1fr}.bjx-seats[data-n="3"]{grid-template-columns:1fr 1fr 1fr}
.bjx-seat{display:grid;justify-items:center;align-content:end;gap:6px;min-width:0}
.bjx-hands{display:flex;justify-content:center;align-items:flex-end;gap:6px;flex-wrap:wrap}
.bjx-hand{display:grid;justify-items:center;gap:6px;padding:7px 9px 6px;border:1px solid transparent;border-radius:9px;transition:border-color .15s,background .15s}
.bjx-hand.active{border-color:var(--ac);background:#8591c810}
.bjx-meta{display:flex;align-items:center;gap:6px;min-height:22px}.bjx-meta .lab{font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--mu)}
.bjx-meta .pill{min-width:26px;padding:2px 8px;border-radius:999px;background:var(--hv);border:1px solid var(--ln);font-size:12px;font-weight:800;text-align:center;font-variant-numeric:tabular-nums}
.bjx-cards{position:relative;height:var(--ch);perspective:900px}
.bjx-card{position:absolute;top:0;width:var(--cw);height:var(--ch);will-change:transform}
.bjx-card .in{position:absolute;inset:0;transform-style:preserve-3d}.bjx-card.down .in{transform:rotateY(180deg)}
.bjx-card .face{position:absolute;inset:0;border-radius:7px;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.bjx-card .fr{background:#F2F3F5;color:#1c2030;border:1px solid #cfd3db;box-shadow:0 3px 8px #0009}.bjx-card.red .fr{color:#c43f39}
.bjx-card .fr b{position:absolute;top:5px;left:6px;display:grid;line-height:1;font-size:calc(var(--cw)*.24);font-weight:800}.bjx-card .fr b small{font-size:.78em;font-weight:700}
.bjx-card .fr b.b2{top:auto;left:auto;bottom:5px;right:6px;transform:rotate(180deg)}
.bjx-card .fr .pip{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;font-size:calc(var(--cw)*.46)}
.bjx-card .bk{transform:rotateY(180deg);background:repeating-linear-gradient(45deg,#242932 0 4px,#1b2029 4px 8px);border:1px solid #3a4150;display:grid;place-items:center;box-shadow:0 3px 8px #0009}
.bjx-card .bk i{font-style:normal;font-size:calc(var(--cw)*.42);color:#8591C8;opacity:.8}
.bjx-badge{visibility:hidden;min-width:56px;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.06em;text-align:center;background:var(--hv)}
.bjx-badge.on{visibility:visible}.bjx-badge.win{background:#173a22;color:#7be39a}.bjx-badge.lose{background:#3a1b1a;color:#ff9d96}.bjx-badge.push{background:#3b3216;color:#f0cc66}.bjx-badge.bj{background:#2a2e48;color:#b5bdf0}.bjx-badge.sur{background:var(--hv);color:var(--mu)}
.bjx-hand.res-push{border-color:var(--am)}.bjx-hand.res-win,.bjx-hand.res-bj{border-color:#3fb95066}.bjx-hand.res-lose .bjx-card{opacity:.78}
.bjx-dbl{min-height:0;font-size:10px;font-weight:800;letter-spacing:.06em;color:var(--am)}.bjx-dbl:empty{display:none}
.bjx-side{display:grid;gap:3px;width:100%;max-width:210px}.bjx-side .r{display:flex;justify-content:space-between;gap:6px;padding:3px 7px;border-radius:5px;background:var(--pn);border:1px solid var(--ln);font-size:10px;color:var(--mu)}
.bjx-side .r b{font-weight:800;text-align:right}.bjx-side .r.q{border-color:var(--gr);color:var(--tx);background:#10261a}.bjx-side .r.q b{color:#8fe6a8}
.bjx-fair{position:absolute;left:14px;right:14px;bottom:8px;margin:0;font-size:11px;color:var(--mu);overflow-wrap:anywhere;font-family:ui-monospace,monospace;text-align:center}.bjx-fair:empty{display:none}.bjx-fair a{color:var(--gr)}.bjx-fair .id{color:var(--tx)}
.bjx-info{position:absolute;left:12px;top:52px;width:min(370px,calc(100% - 24px));max-height:calc(100% - 64px);overflow:auto;background:var(--pn);border:1px solid var(--ln);border-radius:10px;padding:12px 14px;z-index:20;box-shadow:0 10px 30px #000a}
.bjx-info h4{margin:12px 0 4px;font-size:12px;letter-spacing:.06em;color:var(--tx)}.bjx-info h4:first-of-type{margin-top:2px}.bjx-info h4 small{font-weight:600;color:var(--mu);letter-spacing:0;margin-left:4px}
.bjx-ir{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px solid #20242c;font-size:12px}.bjx-ir b{display:block;font-weight:700}.bjx-ir em{font-style:normal;font-weight:800;color:var(--tx)}
.bjx-ir .ex{display:inline-flex;gap:6px;margin:2px 0}.bjx-ir .ex i{font-style:normal;font-weight:800;color:var(--tx)}.bjx-ir .ex i.r{color:#ff7a70}.bjx-ir small{display:block;color:var(--mu);font-size:10px;line-height:1.35}
.bjx-n{margin:10px 0 0;font-size:11px;line-height:1.45;color:var(--mu)}.bjx-n b{color:var(--tx)}
.bjx-x{position:absolute;right:8px;top:8px;width:26px;height:26px;border:0;border-radius:6px;background:var(--hv);color:var(--mu)}
@media (max-width:860px){.bjx{grid-template-columns:1fr;--cw:54px;--ch:76px}.bjx-table{order:1;min-height:600px}.bjx-panel{order:2}
 .bjx-deck{width:46px;height:64px}.bjx-seats{left:2px;right:2px;bottom:30px}.bjx-hand{padding:5px 3px}.bjx-side .r{font-size:9px;padding:2px 4px}.bjx-side{max-width:none}.bjx-meta .lab{font-size:9px}.bjx-banner{top:38%}.bjx-banner .ban{font-size:11px;padding:7px 12px}.bjx-fair{font-size:10px}}
@media (prefers-reduced-motion:reduce){.bjx-hand{transition:none}}
.bjx-panel{min-width:0}.bjx-panel>*{min-width:0}
.bjx-tabs,.bjx-seatsel{grid-template-columns:repeat(2,minmax(0,1fr))}.bjx-seatsel{grid-template-columns:repeat(3,minmax(0,1fr))}.bjx-acts,.bjx-ins div{grid-template-columns:repeat(2,minmax(0,1fr))}
.bjx-in input{width:0;flex:1 1 0}.bjx-sound input{width:0}.bjx-go,.bjx-link,.bjx-sur{width:100%}

/* ===== V54 – Degen-style cards, borders, score pill and animations ===== */
.bjx{--cw:72px;--ch:103px;--cr:7px;--cb:2px;--won:#00FF6A;--lost:#FF3F3F;--draw:#FFA617;--cur:#6282FF}
.bjx[data-n="1"]{--cw:105px;--ch:151px;--cr:11px;--cb:4px}.bjx[data-n="2"]{--cw:84px;--ch:120px;--cr:9px;--cb:3px}
@media (max-width:860px){.bjx{--cw:56px;--ch:79px;--cr:6px;--cb:2px}.bjx[data-n="1"]{--cw:72px;--ch:103px;--cr:7px}.bjx[data-n="2"]{--cw:62px;--ch:88px}}
.bjx-table{background:#0F1115}
.bjx-hand{padding:0;border:0;background:transparent;gap:8px}.bjx-hand.active,.bjx-hand[class*="res-"]{background:transparent;border:0}
.bjx-cards{perspective:900px}
.bjx-card{border-radius:var(--cr);filter:drop-shadow(0 0 5px rgba(0,0,0,.08)) drop-shadow(0 2px 2px rgba(0,0,0,.1));transition:top .3s,left .3s}
.bjx-card .face{border-radius:var(--cr)}
.bjx-card::after{content:"";position:absolute;inset:0;border:var(--cb) solid transparent;border-radius:var(--cr);pointer-events:none;transition:border-color .3s;z-index:3;transform:translateZ(1px)}
.bjx-hand.active .bjx-card::after{border-color:var(--cur)}
.bjx-hand.res-win .bjx-card::after,.bjx-hand.res-bj .bjx-card::after{border-color:var(--won)}
.bjx-hand.res-lose .bjx-card::after{border-color:var(--lost)}.bjx-hand.res-lose .bjx-card{opacity:1}
.bjx-hand.res-push .bjx-card::after{border-color:var(--draw)}
.bjx-card .fr{background:#fff;color:#111114;border:0;box-shadow:none}.bjx-card.red .fr{color:#FF3F3F}
.bjx-card .fr b{top:7%;left:10%;font-size:calc(var(--cw)*.31);font-weight:800;letter-spacing:-.03em}.bjx-card .fr b small{font-size:.62em;margin-top:2px;font-weight:700}
.bjx-card .fr b.b2{display:none}
.bjx-card .fr .pip{left:auto;right:9%;top:auto;bottom:6%;transform:none;font-size:calc(var(--cw)*.42);line-height:1}
.bjx-card .bk{border:0;background:#17191f repeating-linear-gradient(45deg,#1d2027 0 5px,#15171c 5px 10px);box-shadow:inset 0 0 0 3px #0F1115}
/* score pill (Degen: bounces in, colour follows state, result label slides out) */
.bjx-meta{position:relative;justify-content:center;gap:0;min-height:26px}.bjx-meta .lab{margin-right:8px;opacity:.7}
.bjx-meta .pill{position:relative;z-index:2;min-width:44px;height:24px;line-height:24px;padding:0 11px;border:0;border-radius:99px;background:#212127;color:#fff;font-size:13px;font-weight:700;letter-spacing:-.02em;box-shadow:0 12px 12px -2px rgba(0,0,0,.06)}
.bjx-meta .pill.pop{animation:bjxScoreIn .4s cubic-bezier(.15,1.56,.53,1)}
@keyframes bjxScoreIn{0%{transform:scale(.5)}100%{transform:scale(1)}}
.bjx-hand.active .pill{background:var(--cur)}
.bjx-hand.res-win .pill,.bjx-hand.res-bj .pill{background:var(--won);color:#111114}.bjx-hand.res-lose .pill{background:var(--lost)}.bjx-hand.res-push .pill{background:var(--draw);color:#111114}
.bjx-badge,.bjx-badge.on{visibility:visible;display:inline-flex;align-items:center;justify-content:center;height:24px;min-width:0;max-width:0;margin-left:0;padding:0;overflow:hidden;opacity:0;border:1px solid transparent;border-radius:99px;background:rgba(17,17,20,.85);color:#fff;font-size:11px;font-weight:700;letter-spacing:.02em;white-space:nowrap;text-transform:uppercase;transition:max-width .3s,opacity .3s,margin .3s,padding .3s}
.bjx-badge.on{max-width:110px;opacity:1;margin-left:-14px;padding:0 12px 0 22px;z-index:1}
.bjx-badge.win,.bjx-badge.bj{border-color:var(--won);background:rgba(17,17,20,.85);color:#fff}.bjx-badge.lose{border-color:var(--lost);color:#fff;background:rgba(17,17,20,.85)}.bjx-badge.push{border-color:var(--draw);color:#fff;background:rgba(17,17,20,.85)}.bjx-badge.sur{border-color:#555;color:#fff}
@media (prefers-reduced-motion:reduce){.bjx-meta .pill.pop{animation:none}.bjx-card,.bjx-badge{transition:none}}
.bjx-card .face{overflow:hidden}
.bjx-card .fr .pip{right:9%;bottom:5%;font-size:calc(var(--cw)*.34);line-height:1;height:1em;display:block;text-align:right;left:auto;width:auto}
/* the global .pill rule in moonbet-design.css uses !important – score pills need to win against it */
.bjx .bjx-meta .pill{background:#212127!important;color:#fff!important;border:0!important;border-radius:99px!important;font-weight:700!important;box-shadow:0 12px 12px -2px rgba(0,0,0,.06)!important}
.bjx .bjx-hand.active .pill{background:var(--cur)!important;color:#fff!important}
.bjx .bjx-hand.res-win .pill,.bjx .bjx-hand.res-bj .pill{background:var(--won)!important;color:#111114!important}
.bjx .bjx-hand.res-lose .pill{background:var(--lost)!important;color:#fff!important}
.bjx .bjx-hand.res-push .pill{background:var(--draw)!important;color:#111114!important}

/* V66 – Degen-matched polish */
.bjx-banner .ban{padding:12px 24px;background:#212127;border:0;border-radius:8px;color:#909090;font-size:13px;font-weight:700;letter-spacing:-.02em;box-shadow:0 2px 2px rgba(0,0,0,.25),inset 0 1px 0 #2a2a31}
.bjx-banner .sub{margin-top:14px;color:#909090;opacity:.8;font-size:13px;font-weight:700;letter-spacing:-.02em}
.bjx-banner .ins{color:var(--am);font-size:12px;font-weight:700}
.bjx-deck{width:105px;height:102px;right:28px;top:24px}.bjx-deck i{border-radius:8px;border:0;background:#17191f repeating-linear-gradient(45deg,#1d2027 0 5px,#15171c 5px 10px);box-shadow:inset 0 0 0 3px #fff}
.bjx-deck i:nth-child(1){transform:translateY(8px);box-shadow:inset 0 0 0 3px #d9dbe0}.bjx-deck i:nth-child(2){transform:translateY(4px);box-shadow:inset 0 0 0 3px #eceef2}.bjx-deck i:nth-child(3){transform:none}
.bjx-card .bk{box-shadow:inset 0 0 0 var(--cb,3px) #fff}
.bjx-act svg{width:16px;height:16px;margin-right:8px;vertical-align:-3px;flex:none}.bjx-act{display:inline-flex;align-items:center;justify-content:center}
.bjx-panel .bjx-act{height:46px;border-radius:8px;background:#212127;color:#fff;font-weight:700;font-size:15px;box-shadow:inset 0 1px 0 #2a2a31,0 2px 2px rgba(0,0,0,.25)}
.bjx-panel .bjx-act:disabled{color:#6c6c76;background:#1b1b20}
.bjx-panel .bjx-act:hover:not(:disabled){background:#2a2a31}
@media (max-width:860px){.bjx-deck{width:56px;height:54px;right:12px;top:14px}}