.bl{--bl-a:var(--accent,#4e4ee0);--bl-b:var(--accent-2,#e5875f);--bl-a-text:var(--accent,#4e4ee0);--bl-b-text:color-mix(in srgb,var(--accent-2,#e5875f) 72%,#3a1406);--bl-reserve:324px;position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:2px 0 12px;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}[data-theme=dark] .bl{--bl-b-text:var(--accent-2,#ef9a75)}.bl-probe{position:absolute;top:0;left:0;width:0;height:calc(100vh - var(--bl-reserve));height:calc(100dvh - var(--bl-reserve));min-height:180px;visibility:hidden;pointer-events:none}.bl-players{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;width:100%;max-width:760px;padding:0 2px}.bl-player{--bl-seat:var(--bl-a);position:relative;display:grid;grid-template-areas:"av main score" "tray tray tray";align-items:center;grid-column-gap:10px;column-gap:10px;grid-row-gap:9px;row-gap:9px;min-width:0;padding:10px 12px 11px;border-radius:16px;border:1px solid var(--border);background:linear-gradient(160deg,color-mix(in srgb,var(--bl-seat) 5%,transparent),transparent 55%),var(--surface);box-shadow:var(--shadow-sm);transition:box-shadow .32s var(--ease-out),border-color .32s var(--ease-out),background .32s var(--ease-out)}.bl-player,.bl-player.seat-b{grid-template-columns:auto minmax(0,1fr) auto}.bl-player.seat-b{--bl-seat:var(--bl-b);grid-template-areas:"score main av" "tray tray tray"}.bl-player.is-turn{border-color:color-mix(in srgb,var(--bl-seat) 50%,var(--border));background:linear-gradient(160deg,color-mix(in srgb,var(--bl-seat) 14%,transparent),transparent 62%),var(--surface);box-shadow:var(--shadow-sm),0 0 0 3px color-mix(in srgb,var(--bl-seat) 14%,transparent),0 10px 26px -14px color-mix(in srgb,var(--bl-seat) 70%,transparent)}.bl-avatar{grid-area:av;width:34px;height:34px;font-size:12px;box-shadow:0 4px 12px -6px color-mix(in srgb,var(--bl-seat) 80%,transparent);transition:box-shadow .32s var(--ease-out)}.bl-player.is-turn .bl-avatar{animation:bl-ring 2s var(--ease-out) infinite}@keyframes bl-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--bl-seat) 45%,transparent)}70%,to{box-shadow:0 0 0 7px color-mix(in srgb,var(--bl-seat) 0,transparent)}}.bl-player-main{grid-area:main;display:flex;flex-direction:column;gap:2px;min-width:0}.bl-player.seat-b .bl-player-main{align-items:flex-end;text-align:right}.bl-player-top{display:flex;align-items:center;gap:6px;min-width:0;max-width:100%;font-size:14px;line-height:1.2}.bl-player.seat-b .bl-player-top{flex-direction:row-reverse}.bl-player-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-weight:700;letter-spacing:-.01em}.bl-you{flex:none;padding:1px 6px;border-radius:999px;background:color-mix(in srgb,var(--bl-seat) 14%,transparent);color:var(--bl-seat);font-size:10.5px;font-weight:650;letter-spacing:.01em}.bl-player.seat-b .bl-you{color:var(--bl-b-text)}.bl-won{flex:none;font-size:13px;line-height:1}.bl-group{color:var(--muted);font-size:12px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.bl-score{grid-area:score;display:flex;align-items:baseline;gap:1px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1}.bl-score b{font-size:24px;font-weight:750;letter-spacing:-.03em;color:var(--text)}.bl-score b.is-none{color:var(--muted);opacity:.5}.bl-score span{color:var(--muted);font-size:12.5px;font-weight:600}.bl-score[data-eight] b{color:var(--bl-seat)}.bl-player.seat-b .bl-score[data-eight] b{color:var(--bl-b-text)}.bl-tray{grid-area:tray;justify-self:start;display:flex;align-items:center;gap:4px;max-width:100%;padding:4px 6px;border-radius:999px;background:color-mix(in srgb,var(--text) 6%,transparent);box-shadow:inset 0 1px 2.5px rgba(0,0,0,.22),inset 0 -1px 0 color-mix(in srgb,#fff 6%,transparent)}.bl-player.seat-b .bl-tray{justify-self:end}.bl-tray-gap{flex:none;width:1px;height:12px;margin:0 3px;background:color-mix(in srgb,var(--text) 14%,transparent)}.bl-mini{--bl-ball:#888;position:relative;flex:none;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:color-mix(in srgb,var(--text) 7%,transparent);box-shadow:inset 0 1.5px 2px rgba(0,0,0,.26),inset 0 -1px 0 color-mix(in srgb,#fff 5%,transparent);transition:background .3s var(--ease-out),box-shadow .3s var(--ease-out)}.bl-mini[data-down]{background:radial-gradient(circle at 34% 28%,hsla(0,0%,100%,.6),hsla(0,0%,100%,0) 40%),radial-gradient(circle at 60% 66%,transparent 46%,rgba(0,0,0,.34) 100%),var(--bl-ball);box-shadow:0 1.5px 2.5px rgba(0,0,0,.28);animation:bl-drop-in .42s var(--ease-spring) both}.bl-mini[data-down][data-stripe]{background:radial-gradient(circle at 34% 28%,hsla(0,0%,100%,.6),hsla(0,0%,100%,0) 40%),radial-gradient(circle at 60% 66%,transparent 46%,rgba(0,0,0,.3) 100%),linear-gradient(#f7f4ea 0 24%,var(--bl-ball) 24% 76%,#f7f4ea 76%)}.bl-mini-num{display:grid;place-items:center;width:10px;height:10px;border-radius:50%;background:#fbf8f0;color:#17161b;font-size:6.5px;font-weight:800;line-height:1;letter-spacing:-.04em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bl-mini[data-eight]:not([data-down]):not([data-target]){opacity:.7}.bl-mini[data-eight][data-down],.bl-mini[data-eight][data-target]{background:radial-gradient(circle at 34% 28%,hsla(0,0%,100%,.5),hsla(0,0%,100%,0) 40%),#16161a;box-shadow:0 1.5px 2.5px rgba(0,0,0,.3)}.bl-mini[data-eight][data-target]{box-shadow:0 1.5px 2.5px rgba(0,0,0,.3),0 0 0 2px color-mix(in srgb,var(--bl-seat,var(--bl-a)) 55%,transparent);animation:bl-breathe 1.6s ease-in-out infinite}.bl-seat-dot{flex:none;width:9px;height:9px;border-radius:50%;background:var(--bl-seat,var(--bl-a));box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.bl-status{display:flex;justify-content:center;flex-wrap:wrap;min-height:32px}.bl-pill,.bl-status{align-items:center;gap:8px;max-width:100%}.bl-pill{--bl-seat:var(--bl-a);display:inline-flex;padding:6px 14px 6px 11px;border-radius:999px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);color:var(--text);font-size:14px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;animation:bl-pill-in .3s var(--ease-out) both}.bl-pill[data-seat=b]{--bl-seat:var(--bl-b)}.bl-pill[data-tone=wait]{color:var(--muted)}.bl-pill[data-tone=wait] .bl-seat-dot{animation:bl-breathe 1.6s ease-in-out infinite}.bl-pill[data-tone=end]{color:var(--bl-a-text)}.bl-pill[data-tone=end][data-seat=b]{color:var(--bl-b-text)}.bl-pill-text{overflow:hidden;text-overflow:ellipsis}.bl-open-tray{display:inline-flex;gap:3px;padding:6px 9px;border-radius:999px;background:color-mix(in srgb,var(--surface) 70%,transparent);border:1px solid var(--border)}.bl-hints{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:34px;max-width:min(100%,640px);padding:0 12px;text-align:center}.bl-hint{margin:0;color:var(--text);font-size:12.5px;line-height:1.35;animation:bl-fade .32s var(--ease-out) both}.bl-hint.is-warn{color:color-mix(in srgb,#d0453a 82%,var(--text));font-weight:550}[data-theme=dark] .bl-hint.is-warn{color:#f2928a}.bl-hint.is-quiet{color:var(--muted)}.bl-arena{display:flex;align-items:flex-start;justify-content:center;gap:10px;width:100%}.bl-table{position:relative;flex:none;border-radius:3.4%/6.1%;box-shadow:var(--shadow-md);touch-action:none;overflow:hidden;background:#221f20}.bl-arena.is-portrait .bl-table{border-radius:6.1%/3.4%}.bl-table.is-live{cursor:crosshair}.bl-canvas{display:block;width:100%;height:100%;touch-action:none}.bl-side{flex:none;flex-direction:column;gap:8px;width:48px;min-height:230px}.bl-power,.bl-side{display:flex;align-items:center}.bl-power{flex:1 1;flex-direction:column;gap:6px;width:100%;min-height:100px;padding:8px 0 6px;border-radius:999px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);touch-action:none;cursor:ns-resize;transition:opacity .24s var(--ease-out)}.bl-power[data-off]{opacity:.45;cursor:default}.bl-power-cap{flex:none;width:9px;height:9px;margin-top:2px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);rotate:45deg;opacity:.7}.bl-power:not([data-off]) .bl-power-cap{animation:bl-nudge 1.8s var(--ease-out) infinite}.bl-power-track{position:relative;flex:1 1;width:12px;border-radius:999px;background:color-mix(in srgb,var(--text) 8%,transparent);overflow:visible}.bl-power-fill{left:0;right:0;top:0;background:linear-gradient(180deg,var(--bl-a),color-mix(in srgb,var(--bl-a) 45%,var(--bl-b)) 55%,var(--bl-b));background-size:100% 100%}.bl-power-fill,.bl-power-grip{position:absolute;border-radius:999px}.bl-power-grip{left:50%;width:26px;height:8px;translate:-50% -50%;background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 18%,transparent);box-shadow:var(--shadow-sm)}.bl-side-label{flex:none;color:var(--muted);font-size:10.5px;font-weight:600;letter-spacing:.01em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.bl button.bl-elev,.bl button.bl-spin{flex:none;display:flex;flex-direction:column;align-items:center;gap:5px;width:100%;padding:6px 0 5px;border-radius:14px;background:transparent;color:inherit;box-shadow:none;touch-action:manipulation;cursor:pointer}.bl button.bl-elev:hover:not(:disabled),.bl button.bl-spin:hover:not(:disabled){background:var(--hover)}.bl button.bl-elev:focus-visible,.bl button.bl-spin:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 35%,transparent)}.bl-spin-ball{position:relative;display:block;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#f4f0e4 45%,#c9c3b4 100%);box-shadow:var(--shadow-sm),inset 0 0 0 1px rgba(0,0,0,.06)}.bl-spin-dot{position:absolute;width:9px;height:9px;translate:-50% -50%;border-radius:50%;background:#c43034;box-shadow:0 0 0 2px rgba(196,48,52,.18);transition:left .16s var(--ease-out),top .16s var(--ease-out)}.bl-elev-pic{display:block;width:40px;height:26px;overflow:hidden}.bl-elev-cloth{stroke:color-mix(in srgb,var(--text) 22%,transparent);stroke-width:1.5;stroke-linecap:round}.bl-elev-cue{stroke:#d9bf8f;stroke-width:3;stroke-linecap:round}.bl-elev-ball{fill:#f4f0e4;stroke:rgba(0,0,0,.12);stroke-width:1}.bl-elev[data-curve] .bl-side-label{color:var(--accent)}.bl-tune{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.bl-tune-cell{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0;padding:14px 12px;border-radius:18px;background:color-mix(in srgb,var(--text) 3.5%,transparent);border:1px solid var(--border)}.bl-tune-title{align-self:stretch;display:flex;align-items:baseline;justify-content:space-between;gap:8px;color:var(--muted);font-size:12.5px;font-weight:600}.bl-tune-title b{color:var(--text);font-size:14px;font-weight:700;letter-spacing:-.01em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bl-bigspin{display:flex;flex-direction:column;align-items:center;gap:6px;touch-action:none;cursor:crosshair;outline:none;border-radius:16px;-moz-user-select:none;user-select:none;-webkit-user-select:none}.bl-bigspin:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 35%,transparent)}.bl-bigspin-row{display:flex;align-items:center;gap:8px}.bl-bigspin-lab{color:var(--muted);font-size:11px;font-weight:600;opacity:.7;transition:color var(--dur-1) ease,opacity var(--dur-1) ease}.bl-bigspin-lab[data-on]{color:var(--accent);opacity:1}.bl-bigspin-ball{position:relative;display:block;width:148px;height:148px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff 0,#f6f2e8 38%,#ddd7c8 78%,#b9b2a2 100%);box-shadow:0 10px 24px -8px rgba(20,16,40,.35),0 2px 5px rgba(20,16,40,.12),inset 0 -6px 14px rgba(120,110,90,.18),inset 0 0 0 1px rgba(0,0,0,.05)}.bl-bigspin-ball:after,.bl-bigspin-ball:before{content:"";position:absolute;background:rgba(60,50,40,.13)}.bl-bigspin-ball:before{left:14%;right:14%;top:50%;height:1px}.bl-bigspin-ball:after{top:14%;bottom:14%;left:50%;width:1px}.bl-bigspin-zone{position:absolute;inset:14%;border-radius:50%;border:1.5px dashed rgba(60,50,40,.2)}.bl-bigspin-dot{position:absolute;width:20px;height:20px;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ec5a54,#c43034 60%,#9c2226);box-shadow:0 0 0 3px hsla(0,0%,100%,.9),0 0 0 4px rgba(196,48,52,.28),0 3px 8px rgba(120,20,24,.35);transition:left 90ms var(--ease-out),top 90ms var(--ease-out)}.bl-bigelev{width:100%;max-width:260px;touch-action:none;cursor:-webkit-grab;cursor:grab;outline:none;border-radius:14px;-moz-user-select:none;user-select:none;-webkit-user-select:none}.bl-bigelev:active{cursor:-webkit-grabbing;cursor:grabbing}.bl-bigelev:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 35%,transparent)}.bl-bigelev svg{display:block;width:100%;height:auto}.bl-bigelev-track{fill:none;stroke:color-mix(in srgb,var(--text) 12%,transparent);stroke-width:6;stroke-linecap:round}.bl-bigelev-fill{fill:none;stroke:var(--accent);stroke-width:6;stroke-linecap:round}.bl-bigelev-tick{stroke:color-mix(in srgb,var(--text) 26%,transparent);stroke-width:1.4;stroke-linecap:round}.bl-bigelev-num{fill:var(--muted);font-size:10px;font-weight:600}.bl-bigelev-cloth{stroke:color-mix(in srgb,var(--text) 22%,transparent);stroke-width:2;stroke-linecap:round}.bl-bigelev-butt{fill:color-mix(in srgb,var(--accent) 80%,#000)}.bl-bigelev-knob{fill:#fff;stroke:var(--accent);stroke-width:3;filter:drop-shadow(0 2px 3px rgba(20,16,40,.3))}.bl-tune-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.bl-tune button.bl-chip,.bl-tune-foot button.bl-chip{min-width:46px;padding:6px 10px;border-radius:999px;background:var(--hover);color:var(--text);font-size:12.5px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;box-shadow:none}.bl-tune button.bl-chip:hover:not(:disabled),.bl-tune-foot button.bl-chip:hover:not(:disabled){background:var(--hover-strong,var(--border-strong))}.bl-tune button.bl-chip[aria-pressed=true],.bl-tune button.bl-chip[aria-pressed=true]:hover:not(:disabled){background:var(--accent-fill);color:var(--on-accent)}.bl-tune-foot button.bl-chip:disabled{opacity:.4}.bl-tune-note{margin:0;min-height:2.9em;color:var(--muted);font-size:12.5px;line-height:1.45;text-align:center}.bl-tune-note[data-curve]{color:var(--accent)}.bl-tune-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.bl-tune-foot button.bl-tune-done{min-width:120px}@media (max-width:520px){.bl-tune{grid-template-columns:1fr;gap:10px}.bl-bigspin-ball{width:132px;height:132px}.bl-tune-foot button.bl-tune-done{flex:1 1}}.bl-rules{width:100%;max-width:640px;padding:0 12px;color:var(--muted);font-size:12.5px;line-height:1.45}.bl-rules summary{width:max-content;margin:0 auto;padding:4px 10px;border-radius:999px;cursor:pointer;list-style:none;font-weight:600}.bl-rules summary::-webkit-details-marker{display:none}.bl-rules summary:hover,.bl-rules ul{color:var(--text)}.bl-rules ul{margin:6px 0 0;padding:12px 14px 12px 28px;border-radius:var(--radius-sm,12px);border:1px solid var(--border);background:var(--surface)}.bl-rules li+li{margin-top:5px}@keyframes bl-breathe{0%,to{opacity:.55;scale:.88}50%{opacity:1;scale:1}}@keyframes bl-pill-in{0%{opacity:0;translate:0 3px}}@keyframes bl-fade{0%{opacity:0}}@keyframes bl-drop-in{0%{opacity:0;transform:scale(.4)}}@keyframes bl-nudge{0%,60%,to{translate:0 0}30%{translate:0 3px}}@media (max-width:420px){.bl-players{gap:8px}.bl-player{column-gap:7px;row-gap:7px;padding:8px 8px 9px;border-radius:14px}.bl-avatar{width:26px;height:26px;font-size:10px}.bl-player-top{font-size:13px}.bl-group{font-size:11px}.bl-score b{font-size:19px}.bl-score span{font-size:11px}.bl-tray{gap:2.5px;padding:3px 4px}.bl-tray-gap{margin:0 1px}.bl-mini{width:13px;height:13px}.bl-mini-num{width:8px;height:8px;font-size:5.5px}}@media (prefers-reduced-motion:reduce){.bl-mini[data-eight][data-target],.bl-pill[data-tone=wait] .bl-seat-dot,.bl-player.is-turn .bl-avatar,.bl-power:not([data-off]) .bl-power-cap{animation:none}}