:root{--bj-gold:oklch(82% .17 85);--bj-felt:oklch(32% .09 150);--bj-bg:oklch(18% .04 150);--bj-fg:oklch(98% .01 90);--bj-muted:oklch(75% .03 90);--bj-card-shadow:0 12px 28px -8px #000000a6, 0 2px 6px #0006}.bj-root{min-height:100dvh;color:var(--bj-fg);background:radial-gradient(oklch(38% .1 150) 0%,oklch(20% .06 150) 70%,oklch(12% .04 150) 100%) fixed;position:relative;overflow:hidden}.bj-inner{z-index:10;flex-direction:column;max-width:42rem;min-height:100dvh;margin:0 auto;padding:20px 16px;display:flex;position:relative}.bj-header{grid-template-columns:1fr auto;align-items:center;gap:12px;margin-bottom:16px;display:grid}.bj-title{letter-spacing:.05em;font-family:Cinzel,serif;font-size:1.5rem;font-weight:900}.bj-subtitle{color:var(--bj-muted);font-size:.7rem}.bj-text-gold{color:var(--bj-gold)}.bj-text-red{color:oklch(70% .22 25)}.bj-bank-box{border:1px solid var(--bj-gold);text-align:right;background:linear-gradient(135deg,#00000073,#0003);border-radius:12px;padding:8px 12px;box-shadow:inset 0 1px #ffffff1a}.bj-bank-label{text-transform:uppercase;letter-spacing:.1em;color:var(--bj-muted);font-size:.6rem}.bj-bank-value{color:var(--bj-gold);font-family:Cinzel,serif;font-size:1.1rem;font-weight:900;line-height:1}.bj-table{background:linear-gradient(145deg,oklch(42% .1 35) 0%,oklch(22% .06 30) 35%,oklch(32% .09 35) 65%,oklch(18% .05 30) 100%);border-radius:2.5rem;flex-direction:column;flex:1;padding:14px;display:flex;position:relative;box-shadow:0 25px 50px -10px #000000bf,0 0 0 1px #0009,inset 0 2px oklch(65% .14 40/.4),inset 0 -2px #00000080}.bj-gold-pipe{pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(135deg,oklch(88% .16 85),oklch(55% .15 70),oklch(88% .16 85),oklch(45% .12 60));border-radius:2.2rem;padding:1.5px;position:absolute;inset:10px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.bj-rivet{pointer-events:none;background:radial-gradient(circle at 35% 30%,oklch(95% .14 85),oklch(55% .15 60) 70%,oklch(30% .06 50));border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:0 1px 2px #000000b3,inset 0 -1px 1px #0006}.bj-rivet-tl{top:8px;left:24px}.bj-rivet-tr{top:8px;right:24px}.bj-rivet-tc{top:8px;left:50%;transform:translate(-50%)}.bj-rivet-bl{bottom:8px;left:24px}.bj-rivet-br{bottom:8px;right:24px}.bj-rivet-bc{bottom:8px;left:50%;transform:translate(-50%)}.bj-rivet-ml{top:50%;left:8px;transform:translateY(-50%)}.bj-rivet-mr{top:50%;right:8px;transform:translateY(-50%)}.bj-felt{background:radial-gradient(90% 60% at 50% 35%,oklch(45% .12 150) 0%,oklch(28% .08 150) 55%,oklch(15% .05 150) 100%);border-radius:1.9rem;flex-direction:column;flex:1;justify-content:space-between;padding:16px 16px 24px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 80px #000000b3,inset 0 0 0 1px #00000080}.bj-felt-noise{opacity:.15;mix-blend-mode:overlay;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,#ffffff59 1px,#0000 0);background-size:3px 3px;position:absolute;inset:0}.bj-arc-text{pointer-events:none;opacity:.6;margin:0 auto;position:absolute;top:12px;left:0;right:0}.bj-bet-circle{pointer-events:none;border:2px dashed oklch(88% .16 85/.55);border-radius:50%;width:96px;height:96px;position:absolute;bottom:88px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 20px oklch(88% .16 85/.12)}.bj-area{flex-direction:column;align-items:center;gap:8px;display:flex}.bj-area-player{flex-direction:column-reverse}.bj-area-label{align-items:center;gap:8px;display:flex}.bj-label-text{text-transform:uppercase;letter-spacing:.1em;color:var(--bj-muted);font-size:.625rem}.bj-score{border:1px solid var(--bj-gold);color:var(--bj-gold);background:#0006;border-radius:6px;padding:2px 8px;font-family:Cinzel,serif;font-size:.875rem;font-weight:900}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px oklch(82% .17 85/.4),inset 0 0 0 2px oklch(82% .17 85/.8)}50%{box-shadow:0 0 35px oklch(82% .17 85/.7),inset 0 0 0 2px oklch(82% .17 85)}}.bj-score-glow{animation:2s ease-in-out infinite glow-pulse}.bj-cards{align-items:flex-start;min-height:112px;display:flex}.bj-status{text-align:center;padding:8px 0;position:relative}.bj-message{letter-spacing:.05em;text-shadow:0 2px 8px #0009;font-family:Cinzel,serif;font-size:1.25rem;font-weight:900}.bj-current-bet{background:#0006;border:1px solid oklch(82% .17 85/.5);border-radius:9999px;align-items:center;gap:8px;margin-top:8px;padding:4px 12px;display:inline-flex}@keyframes float-up{0%{opacity:0;transform:translateY(0)scale(.8)}20%{opacity:1}to{opacity:0;transform:translateY(-80px)scale(1.2)}}.bj-floater{pointer-events:none;text-shadow:0 2px 8px #000c;font-family:Cinzel,serif;font-size:1.5rem;font-weight:900;animation:1.5s ease-out forwards float-up;position:absolute;top:0;left:50%;transform:translate(-50%)}.bj-card-wrap{perspective:1200px;perspective-origin:50% 30%;flex-shrink:0;width:80px;height:112px;position:relative}@keyframes deal-in{0%{opacity:0;transform:translate(120%,-180%)rotate(25deg)rotateY(180deg)}60%{opacity:1}to{opacity:1;transform:translate(0)rotate(0)rotateY(0)}}.bj-animate-deal{animation:.55s cubic-bezier(.2,.8,.2,1) both deal-in}.bj-card-3d{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.2,1);position:relative}.bj-card-face{box-shadow:var(--bj-card-shadow);backface-visibility:hidden;border-radius:8px;position:absolute;inset:0;overflow:hidden}.bj-card-front{background:#fff;border:1px solid #0003}.bj-card-back{transform:rotateY(180deg)}.bj-chip{cursor:pointer;border-radius:50%;flex-shrink:0;width:64px;height:64px;transition:transform .3s,box-shadow .3s;position:relative}.bj-chip:hover:not(:disabled){transform:scale(1.1)translateY(-8px)}.bj-chip:active:not(:disabled){transform:scale(.95)}.bj-chip:disabled{opacity:.3;cursor:not-allowed}.bj-chip-ring{pointer-events:none;border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 60%,#000 60% 78%,#0000 78%);mask:radial-gradient(circle,#0000 60%,#000 60% 78%,#0000 78%)}.bj-chip-face{color:#fff;text-shadow:0 2px 3px #000000d9,0 0 8px #00000080;letter-spacing:.02em;border-radius:50%;place-items:center;font-family:Cinzel,serif;font-size:.875rem;font-weight:900;display:grid;position:absolute;inset:18%;box-shadow:inset 0 2px 3px #ffffff59,inset 0 -2px 4px #00000073,0 0 0 1.5px #00000059}.bj-chip-gloss{pointer-events:none;opacity:.7;background:radial-gradient(60% 35% at 50% 18%,#ffffff8c,#0000 70%);border-radius:50%;position:absolute;inset:0}.bj-controls{flex-direction:column;gap:12px;margin-top:16px;display:flex}.bj-chips{justify-content:center;gap:8px;display:flex}.bj-btn-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.bj-btn{letter-spacing:.25em;cursor:pointer;border:none;border-radius:16px;padding:16px;font-family:Cinzel,serif;font-size:1rem;font-weight:900;transition:transform .1s;position:relative;overflow:hidden}.bj-btn:active:not(:disabled){transform:scale(.97)}.bj-btn:disabled{opacity:.3;cursor:not-allowed}.bj-btn-full{grid-column:1/-1;width:100%}.bj-btn-gloss{pointer-events:none;background:linear-gradient(#ffffff73,#0000);border-radius:12px 12px 0 0;height:42%;position:absolute;top:4px;left:8px;right:8px}.bj-btn-text{position:relative}.bj-btn-clear{letter-spacing:.2em;color:#ffffffe6;cursor:pointer;background:linear-gradient(oklch(32% .03 240) 0%,oklch(18% .02 240) 100%);border:none;border-radius:16px;padding:14px;font-family:Cinzel,serif;font-size:.875rem;font-weight:700;transition:transform .1s;position:relative;overflow:hidden;box-shadow:0 6px 14px #00000080,inset 0 1px #ffffff1f,inset 0 0 0 1px #ffffff0f}.bj-btn-clear:active:not(:disabled){transform:scale(.95)}.bj-btn-clear:disabled{opacity:.3;cursor:not-allowed}.bj-footer{text-align:center;color:oklch(75% .03 90/.7);letter-spacing:.05em;margin-top:16px;font-size:.625rem}.bj-fullscreen-overlay{z-index:9999;overscroll-behavior:contain;background:radial-gradient(oklch(38% .1 150) 0%,oklch(20% .06 150) 70%,oklch(12% .04 150) 100%);position:fixed;inset:0;overflow-y:auto}.bj-exit-btn{z-index:10001;color:oklch(82% .17 85);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);direction:rtl;background:#0000008c;border:1px solid oklch(82% .17 85/.4);border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:.8rem;font-weight:600;transition:background .2s,border-color .2s;display:flex;position:fixed;top:12px;right:16px}.bj-exit-btn:hover{background:#000000bf;border-color:oklch(82% .17 85/.7)}.bj-game-root{min-height:100dvh}.bj-lobby{justify-content:center;align-items:center;min-height:60vh;padding:32px 16px;display:flex}.bj-lobby-inner{flex-direction:column;gap:32px;width:100%;max-width:480px;display:flex}.bj-lobby-header{text-align:center}.bj-lobby-title{letter-spacing:.06em;font-family:Cinzel,serif;font-size:2rem;font-weight:900}.bj-lobby-sub{color:var(--bj-muted);margin-top:8px;font-size:.875rem}.bj-lobby-cards{flex-direction:column;gap:16px;display:flex}.bj-mode-card{cursor:pointer;text-align:right;direction:rtl;background:linear-gradient(135deg,#ffffff0f,#ffffff05);border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:20px;padding:24px 20px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.bj-mode-card:hover{border-color:#fff3;transform:translateY(-3px);box-shadow:0 16px 40px #0006}.bj-mode-card:active{transform:scale(.98)}.bj-mode-card-glow{opacity:0;pointer-events:none;border-radius:20px;transition:opacity .3s;position:absolute;inset:0}.bj-mode-card:hover .bj-mode-card-glow{opacity:1}.bj-mode-card-glow-gold{background:radial-gradient(at 30%,oklch(82% .17 85/.12),#0000 70%)}.bj-mode-card-glow-blue{background:radial-gradient(at 30%,oklch(60% .18 250/.12),#0000 70%)}.bj-mode-card-icon{border-radius:50%;flex-shrink:0;place-items:center;width:72px;height:72px;display:grid}.bj-mode-icon-gold{color:oklch(18% .04 60);background:radial-gradient(circle at 35% 30%,oklch(92% .16 88),oklch(58% .16 65));box-shadow:0 8px 24px oklch(82% .17 85/.35)}.bj-mode-icon-blue{color:#fff;background:radial-gradient(circle at 35% 30%,oklch(75% .15 250),oklch(40% .18 250));box-shadow:0 8px 24px oklch(60% .18 250/.35)}.bj-mode-card-body{flex-direction:column;flex:1;gap:4px;display:flex}.bj-mode-card-title{color:var(--bj-fg);font-family:Cinzel,serif;font-size:1.25rem;font-weight:900}.bj-mode-card-desc{color:var(--bj-muted);font-size:.8rem}.bj-mode-card-arrow{color:var(--bj-muted);flex-shrink:0;transition:transform .2s,color .2s}.bj-mode-card:hover .bj-mode-card-arrow{color:var(--bj-gold);transform:translate(-4px)}.bj-lobby-rules{color:var(--bj-muted);flex-wrap:wrap;justify-content:center;gap:8px;font-size:.7rem;display:flex}.bj-duo-inner{padding-top:60px}.bj-duo-dealer{flex-direction:column;align-items:center;margin-bottom:12px;display:flex}.bj-duo-players{flex:1;grid-template-columns:1fr 1fr;gap:12px;display:grid}.bj-duo-player-panel{background:#00000040;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:10px;padding:12px;transition:border-color .3s,box-shadow .3s;display:flex}.bj-duo-panel-active{border-color:oklch(82% .17 85/.6);box-shadow:0 0 20px oklch(82% .17 85/.15)}.bj-duo-panel-header{direction:rtl;flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bj-duo-player-name{color:var(--bj-muted);font-family:Cinzel,serif;font-size:.8rem;font-weight:700}.bj-duo-bet-badge{color:var(--bj-gold);background:oklch(82% .17 85/.15);border:1px solid oklch(82% .17 85/.4);border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:700}.bj-duo-outcome{margin-right:auto;font-family:Cinzel,serif;font-size:.9rem;font-weight:900}.bj-duo-cards-row{align-items:flex-end;min-height:90px;display:flex;position:relative}.bj-duo-hand-total{border:1px solid var(--bj-gold);color:var(--bj-gold);background:#0006;border-radius:6px;align-self:flex-end;margin-bottom:4px;padding:2px 6px;font-family:Cinzel,serif;font-size:.8rem;font-weight:900}.bj-duo-controls{flex-direction:column;gap:8px;display:flex}.bj-chips-sm{gap:6px}.bj-chip-sm{width:48px;height:48px}.bj-chip-face-sm{font-size:.7rem}.bj-btn-sm{letter-spacing:.15em;border-radius:12px;padding:10px 8px;font-size:.75rem}.bj-btn-clear-sm{letter-spacing:.15em;border-radius:12px;padding:10px 8px;font-size:.7rem}.bj-duo-stage-msg{text-align:center;color:var(--bj-muted);justify-content:center;align-items:center;min-height:44px;margin-top:12px;font-family:Cinzel,serif;font-size:.85rem;display:flex}.cb-clickable{cursor:pointer;transition:transform .15s}.cb-clickable:hover{transform:translateY(-8px)scale(1.06);z-index:50!important}.cb-clickable:active{transform:translateY(-4px)scale(1.03)}@keyframes cb-glow{0%,to{box-shadow:0 0 oklch(82% .17 85/0)}50%{box-shadow:0 0 18px 5px oklch(82% .17 85/.8)}}.cb-highlight{border-radius:8px;animation:.45s ease-in-out 2 cb-glow}.cb-game{box-sizing:border-box;flex-direction:column;gap:8px;height:100dvh;padding:56px 12px 12px;display:flex}.cb-hud{justify-content:space-between;align-items:center;gap:8px;display:flex}.cb-hud-pile{align-items:center;gap:6px;display:flex}.cb-hud-center{flex-direction:column;align-items:center;gap:4px;display:flex}.cb-msg{color:var(--bj-muted);text-align:center;min-height:1em;font-size:.75rem}.cb-zone{flex-direction:column;align-items:center;display:flex}.cb-table-zone{flex-direction:column;flex:1;justify-content:center;align-items:stretch;display:flex}.cb-table-felt{background:radial-gradient(90% 60%,oklch(45% .12 150) 0%,oklch(28% .08 150) 55%,oklch(15% .05 150) 100%);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:90px;padding:14px 10px;display:flex;box-shadow:inset 0 0 60px #0009,0 0 0 2px oklch(82% .17 85/.3)}.cb-table-felt-duo{min-height:80px}.cb-table-cards{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.cb-table-empty{color:oklch(82% .17 85/.4);font-family:Cinzel,serif;font-size:.7rem}.cb-turn-dot{background:oklch(70% .22 25);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite glow-pulse;display:inline-block;box-shadow:0 0 8px oklch(70% .22 25/.8)}.cb-turn-dot-gold{background:var(--bj-gold);box-shadow:0 0 8px oklch(82% .17 85/.8)}.cb-turn-dot-blue{background:oklch(65% .18 250);box-shadow:0 0 8px oklch(65% .18 250/.8)}.cb-bottom-bar{justify-content:space-between;align-items:center;gap:10px;margin-top:4px;display:flex}.cb-chat-toggle{color:var(--bj-gold);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000073;border:1px solid oklch(82% .17 85/.35);border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:.8rem;font-weight:600;transition:background .2s,border-color .2s;display:flex}.cb-chat-toggle:hover{background:#000000a6;border-color:oklch(82% .17 85/.6)}.cb-chat-toggle-sm{padding:4px 10px;font-size:.7rem}.cb-chat-panel{z-index:10010;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:oklch(12% .03 150);border:1px solid oklch(82% .17 85/.3);border-radius:20px;flex-direction:column;width:min(320px,100vw - 24px);display:flex;position:fixed;bottom:80px;left:12px;overflow:hidden;box-shadow:0 16px 40px #000000b3}.cb-chat-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.cb-chat-title{color:var(--bj-gold);font-size:.8rem;font-weight:700}.cb-chat-close{color:var(--bj-muted);cursor:pointer;background:#ffffff14;border-radius:6px;padding:4px;transition:background .15s}.cb-chat-close:hover{color:#fff;background:#ffffff26}.cb-chat-msgs{flex-direction:column;flex:1;gap:8px;max-height:200px;padding:10px 12px;display:flex;overflow-y:auto}.cb-chat-empty{color:var(--bj-muted);text-align:center;margin:auto 0;font-size:.75rem}.cb-chat-msg{flex-direction:column;gap:2px;display:flex}.cb-chat-msg-p1{align-items:flex-end}.cb-chat-msg-p2{align-items:flex-start}.cb-chat-who{color:var(--bj-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.6rem}.cb-chat-text{border-radius:12px;max-width:80%;padding:6px 10px;font-size:.8rem}.cb-chat-msg-p1 .cb-chat-text{color:var(--bj-fg);background:oklch(82% .17 85/.18);border:1px solid oklch(82% .17 85/.3)}.cb-chat-msg-p2 .cb-chat-text{color:var(--bj-fg);background:oklch(55% .15 250/.18);border:1px solid oklch(55% .15 250/.3)}.cb-chat-emojis{border-top:1px solid #ffffff0f;flex-wrap:wrap;gap:4px;padding:6px 12px;display:flex}.cb-chat-emoji{cursor:pointer;border-radius:6px;padding:3px 5px;font-size:1.1rem;transition:background .15s,transform .1s}.cb-chat-emoji:hover{background:#ffffff1a;transform:scale(1.2)}.cb-chat-sender{border-top:1px solid #ffffff0f;gap:6px;padding:6px 12px;display:flex}.cb-sender-btn{cursor:pointer;color:var(--bj-muted);background:#ffffff0f;border:1px solid #0000;border-radius:8px;flex:1;padding:4px 8px;font-size:.7rem;font-weight:600;transition:all .15s}.cb-sender-btn.active{color:var(--bj-gold);background:oklch(82% .17 85/.15);border-color:oklch(82% .17 85/.4)}.cb-chat-input-row{border-top:1px solid #ffffff14;gap:8px;padding:8px 12px;display:flex}.cb-chat-input{color:var(--bj-fg);background:#ffffff12;border:1px solid #ffffff1f;border-radius:10px;outline:none;flex:1;padding:6px 10px;font-size:.8rem}.cb-chat-input:focus{border-color:oklch(82% .17 85/.4)}.cb-chat-send{color:oklch(18% .04 60);cursor:pointer;background:linear-gradient(oklch(92% .16 88),oklch(58% .16 65));border-radius:10px;padding:6px 10px;transition:brightness .15s}.cb-chat-send:hover{filter:brightness(1.1)}.cb-duo{gap:6px;padding:56px 12px 12px}.cb-duo-player-zone{background:#0003;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;align-items:center;padding:10px 8px;transition:border-color .3s,box-shadow .3s;display:flex}.cb-duo-active-zone{border-color:oklch(82% .17 85/.5);box-shadow:0 0 20px oklch(82% .17 85/.12)}.cb-duo-top,.cb-duo-bottom{flex-shrink:0}.cb-duo-rotate{flex-direction:column;align-items:center;display:flex;transform:rotate(180deg)}.cb-duo-middle{flex-direction:column;flex:1;justify-content:center;gap:6px;display:flex}.cb-duo-info{justify-content:space-between;align-items:center;gap:8px;display:flex}.cb-turn-banner{color:var(--bj-gold);text-align:center;letter-spacing:.05em;padding:2px 0;font-family:Cinzel,serif;font-size:.7rem;font-weight:700;transition:opacity .3s}.cb-bet-btns{justify-content:center;gap:6px;display:flex}.cb-bet-btn{cursor:pointer;color:var(--bj-muted);background:#ffffff12;border:1px solid #ffffff1f;border-radius:10px;padding:8px 14px;font-family:Cinzel,serif;font-size:.85rem;font-weight:900;transition:all .15s}.cb-bet-btn.active{border-color:var(--bj-gold);color:var(--bj-gold);background:oklch(82% .17 85/.18);transform:scale(1.06)}.cb-bet-btn:disabled{opacity:.3;cursor:not-allowed}.cb-result-overlay{z-index:10020;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000c7;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cb-result-box{text-align:center;background:oklch(14% .04 150);border:1px solid oklch(82% .17 85/.3);border-radius:24px;flex-direction:column;align-items:center;width:min(340px,100vw - 32px);padding:28px 24px;display:flex;box-shadow:0 24px 60px #000c}