.bj-screen{position:relative;display:flex;flex-direction:column;height:100vh;height:100dvh;padding:env(safe-area-inset-top) 8px calc(8px + env(safe-area-inset-bottom));background:radial-gradient(ellipse 120% 70% at 50% 40%,#121a2c,#05070d 70%);overflow:hidden}.bj-loading{align-items:center;justify-content:center;gap:14px;text-align:center}.bj-level{display:inline-flex;align-items:center;gap:3px;border:0;cursor:pointer;font:inherit}.bj-level:disabled{cursor:default}.bj-bank .coins{font-size:.68rem}.bj-coach-on{color:var(--gold);box-shadow:inset 0 0 0 1px #f4c45a8c}.bj-felt{position:relative;flex:1;min-height:0;width:100%;max-width:760px;align-self:center;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:6px;margin:4px 0 8px;padding:14px 12px 16px;border-radius:22px 22px 50% 50%/22px 22px 22% 22%;container-type:size}.bj-shoe{position:absolute;top:10px;right:12px;display:flex;flex-direction:column;align-items:center;gap:4px}.bj-shoe-box{width:30px;height:40px;border-radius:5px 5px 3px 3px;background:var(--card-back);border:3px solid var(--card-back-edge);box-shadow:3px 3px #00000059,0 8px 14px -6px #000000b3;transform:perspective(80px) rotateX(18deg)}.bj-shoe-meter{width:30px;height:4px;border-radius:4px;background:#00000059;overflow:hidden}.bj-shoe-meter>span{display:block;height:100%;background:#ffffff8c}.bj-dealer,.bj-hand{display:flex;flex-direction:column;align-items:center;gap:6px}.bj-dealer{min-height:calc(clamp(36px,10vw,54px)*1.4 + 30px)}.bj-cards{display:flex;align-items:flex-start}.bj-screen .pcard2-lg{--w: clamp(52px, min(16vw, 10.5vh), 104px)}.bj-screen .pcard2-md{--w: clamp(40px, min(12vw, 8vh), 80px)}.bj-cards>.pcard2+.pcard2{margin-left:calc(var(--w) * -.42)}.bj-dealer .bj-cards>.pcard2+.pcard2{margin-left:calc(var(--w) * -.3)}.bj-total{padding:2px 10px;border-radius:999px;background:#00000080;color:#fff;font-size:.8rem;font-weight:800;white-space:nowrap}.bj-total.bust{background:#ff5c5cd9}.bj-total.top{background:#3ddc97d9;color:#04210f}.bj-printed{max-width:78%;margin:0;color:var(--felt-ink, rgba(255, 255, 255, .16));font-size:.6rem;font-weight:800;letter-spacing:.06em;line-height:1.6;text-align:center}.bj-shuffled{position:absolute;top:34%;left:50%;transform:translate(-50%);padding:3px 12px;border-radius:999px;background:#0000008c;color:#ffe08a;font-size:.72rem;font-weight:700;white-space:nowrap;animation:bjFade .3s ease-out}.bj-hands{display:flex;justify-content:center;align-items:flex-end;gap:10px;width:100%}.bj-hands.n3,.bj-hands.n4{gap:2px}.bj-hand{position:relative;padding:6px 6px 4px;border-radius:16px;transition:background .2s,box-shadow .2s}.bj-hand.active{background:#f4c45a1a;box-shadow:inset 0 0 0 2px #f4c45a99}.bj-hand.o-lose .bj-cards,.bj-hand.o-bust .bj-cards,.bj-hand.o-surrender .bj-cards{filter:brightness(.6) saturate(.7);transition:filter .4s}.bj-hand-bet{transform:scale(.85)}.bj-hands.n3 .bj-hand-bet,.bj-hands.n4 .bj-hand-bet{transform:scale(.7)}.bj-outcome{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);z-index:3;display:inline-flex;gap:6px;padding:4px 12px;border-radius:999px;font-size:.82rem;font-weight:900;white-space:nowrap;box-shadow:0 8px 18px -8px #000c;animation:bjPop .35s cubic-bezier(.3,.7,.3,1.4) both}.bj-outcome.o-blackjack{background:linear-gradient(140deg,#ffe08a,var(--gold) 55%,#e2a93a);color:#1d1404}.bj-outcome.o-win{background:#23c483;color:#04210f}.bj-outcome.o-push,.bj-outcome.o-surrender{background:#3a4060;color:#fff}.bj-outcome.o-lose,.bj-outcome.o-bust{background:#c94a4a;color:#fff}@keyframes bjPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}}@keyframes bjFade{0%{opacity:0}}.bj-in{animation:bjIn .42s cubic-bezier(.16,.84,.3,1) both}.bj-dealer .bj-in{--sx: 34cqw;--sy: -2cqh}.bj-hands .bj-in{--sx: 34cqw;--sy: -46cqh}@keyframes bjIn{0%{opacity:0;transform:translate(var(--sx, 30cqw),var(--sy, -30cqh)) rotate(-24deg) scale(.6)}15%{opacity:1}to{transform:var(--end, none)}}.bj-sideways{--end: rotate(90deg) translateY(-12%);transform:var(--end);margin-left:calc(var(--w) * -.12)!important}.bj-result{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:140px;padding:10px 20px;border-radius:18px;background:#060912e0;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 40px -16px #000000e6;animation:bjRise .4s cubic-bezier(.3,.7,.3,1.4) both;pointer-events:none}@keyframes bjRise{0%{opacity:0;transform:scale(.6)}}.bj-result b{font-size:1.05rem}.bj-result span{font-size:1.5rem;font-weight:900}.bj-result small{color:var(--muted);font-size:.72rem}.bj-result.up{border-color:#f4c45a99;box-shadow:0 0 40px -10px #f4c45ab3}.bj-result.up span{color:var(--gold)}.bj-result.down span{color:#ff9b9b}.bj-spots{display:flex;align-items:center;justify-content:center;gap:14px}.bj-spot{position:relative;display:grid;place-items:center;width:58px;height:58px;padding:0;border:2px dashed rgba(255,255,255,.35);border-radius:50%;background:#00000029;color:#ffffffd9;font:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}.bj-spot.spot-main{width:78px;height:78px}.bj-spot:disabled{cursor:default}.bj-spot.on{border-style:solid;border-color:var(--gold);box-shadow:0 0 0 3px #f4c45a40,0 0 20px -4px #f4c45ab3}.bj-spot.won{border-style:solid;border-color:#3ddc97;box-shadow:0 0 22px -4px #3ddc97cc}.bj-spot.lost{opacity:.45}.bj-spot-label{font-size:.68rem;font-weight:800;letter-spacing:.02em}.bj-spot .chipstack{transform:scale(.9)}.bj-side-win{position:absolute;bottom:-14px;left:50%;transform:translate(-50%);padding:1px 8px;border-radius:999px;background:var(--gold);color:#1d1404;font-size:.6rem;font-weight:900;white-space:nowrap}.bj-controls{flex:none;width:100%;max-width:760px;align-self:center;padding:0 2px}.bj-row{display:flex;gap:8px}.bj-row .btn{min-height:50px;border-radius:14px}.bj-deal{flex:1;justify-content:center;font-size:1.02rem}.bj-hint{margin:6px 0 0;text-align:center}.bj-hint .link-btn{margin-inline-start:6px}.bj-rack{display:flex;justify-content:center;gap:10px;margin-bottom:10px}.bj-chip{--c1: #f3f3f3;--c2: #c33;display:grid;place-items:center;width:52px;height:52px;padding:0;border:0;border-radius:50%;background:radial-gradient(circle,var(--c1) 0 52%,transparent 53%),repeating-conic-gradient(var(--c2) 0 22.5deg,#fff 22.5deg 45deg);box-shadow:inset 0 0 0 3px #0000002e,0 6px 12px -6px #000000e6;color:#111;font:inherit;font-size:.7rem;font-weight:900;cursor:pointer;transition:transform .12s,opacity .15s}.bj-chip span{display:grid;place-items:center;width:62%;height:62%;border-radius:50%;border:1.5px dashed rgba(0,0,0,.25)}.bj-chip:active:not(:disabled){transform:scale(.9) translateY(2px)}.bj-chip:disabled{opacity:.3;cursor:default}.bj-chip.c0{--c1: #f6f6f6;--c2: #6b7280}.bj-chip.c1{--c1: #ffd9d9;--c2: #d63a3a}.bj-chip.c2{--c1: #d5f7e4;--c2: #1f9d5c}.bj-chip.c3{--c1: #d8e5ff;--c2: #2c5cc5}.bj-chip.c4{--c1: #f1dcff;--c2: #7e3bc4}.bj-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.bj-act{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:60px;padding:0 2px;border:1px solid transparent;border-radius:14px;font:inherit;font-weight:800;cursor:pointer;transition:transform .12s,opacity .15s,box-shadow .15s}.bj-act b{font-size:.92rem}.bj-act small{font-size:.58rem;font-weight:800;opacity:.85}.bj-act:active:not(:disabled){transform:scale(.95)}.bj-act:disabled{opacity:.3;cursor:default}.act-hit{background:#3ddc9729;border-color:#3ddc9773;color:#8ff3c6}.act-stand{background:#ff6b6b24;border-color:#ff6b6b66;color:#ffa3a3}.act-double{background:linear-gradient(140deg,#ffd77a,var(--gold) 45%,var(--gold-2));color:#1d1404}.act-split{background:#6eaaff29;border-color:#6eaaff73;color:#b4d2ff}.act-surrender{background:#ffffff0f;border-color:#ffffff29;color:var(--muted)}.bj-act.coach{box-shadow:0 0 0 2px var(--gold),0 0 22px -4px #f4c45ae6;opacity:1}.bj-act.coach small{color:inherit}.bj-insurance{display:flex;flex-direction:column;gap:10px;text-align:center}.bj-insurance .btn{flex:1}.bj-rules section h3{margin:16px 0 4px;color:var(--gold);font-size:1rem}.bj-rules section p{margin:0;line-height:1.8}.bj-rule-example{display:flex;align-items:center;justify-content:center;gap:6px}.bj-rule-example b{font-size:1.3rem;margin-left:6px}.bj-pay{width:100%;margin-top:8px;border-collapse:collapse}.bj-pay td{padding:6px 8px;border-bottom:1px solid var(--border)}.bj-pay td:last-child{text-align:end;font-weight:800;color:var(--gold)}.bj-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.bj-row .btn{min-width:0;padding:0 14px}.bj-row .bj-deal{flex:1 1 auto}@media (max-width: 380px){.bj-screen .friendly-tag{display:none}.bj-rack{gap:6px}.bj-chip{width:46px;height:46px;font-size:.64rem}.bj-row{gap:6px}.bj-row .btn{padding:0 10px}.bj-spots{gap:10px}}@media (max-height: 620px){.bj-felt{padding:8px 8px 10px;gap:4px}.bj-result{flex-direction:row;gap:10px;min-width:0;padding:6px 14px}.bj-result b{font-size:.9rem}.bj-result span{font-size:1.1rem}.bj-hand-bet{display:none}.bj-spot{width:44px;height:44px}.bj-spot.spot-main{width:56px;height:56px}.bj-spot .chipstack{transform:scale(.75)}.bj-dealer{min-height:0}.bj-rack{margin-bottom:6px}}@media (max-height: 700px){.bj-felt{padding-top:10px}.bj-spot{width:50px;height:50px}.bj-spot.spot-main{width:66px;height:66px}.bj-chip{width:46px;height:46px}.bj-act{min-height:52px}.bj-row .btn{min-height:46px}.bj-printed{display:none}}@media (prefers-reduced-motion: reduce){.bj-in,.bj-outcome,.bj-result,.bj-shuffled{animation:none}}