.bpx{grid-template-columns:minmax(0,1fr);justify-items:center;gap:20px;display:grid;position:relative}.bpx-bar{--edge:var(--edge-1);background:var(--surface);grid-template-columns:auto auto 1fr;grid-template-areas:"score ring run""stake stake stake";align-items:center;gap:8px 20px;width:100%;max-width:760px;padding:12px 20px;display:grid}.bpx-score{grid-area:score;gap:0;display:grid}.bpx-ring{grid-area:ring;place-items:center;width:68px;height:68px;display:grid;position:relative}.bpx-ring svg{width:100%;height:100%;position:absolute;inset:0}.bpx-ring circle{fill:none;stroke-width:10px}.bpx-ring-bg{stroke:#eaefec24}.bpx-ring-fg{stroke:var(--fg);stroke-linecap:butt;transition:stroke-dashoffset .12s linear}.bpx-ring.low .bpx-ring-fg{stroke:var(--warn)}.bpx-ring span{font-variant-numeric:tabular-nums;font-size:13px;font-weight:500;position:relative}.bpx-run{color:var(--fg-2);grid-area:run;justify-content:flex-end;gap:20px;font-size:14px;display:flex}.bpx-run b{color:var(--fg);margin-left:4px;font-size:18px;font-weight:800}.bpx-stake{color:var(--fg-2);border-top:1px solid var(--line);grid-area:stake;padding-top:8px;font-size:13.5px}.bpx-stake b{color:var(--fg);font-weight:700}.bp-score-n{letter-spacing:-.03em;font-size:36px;font-weight:900;line-height:1}.bpx-mid{justify-items:center;gap:14px;width:100%;max-width:clamp(300px,100dvh - 380px,640px);display:grid}.bpx-mid .bp-stage,.bpx-mid .bp-tray,.bpx-mid .bp-help{width:100%}.bpx-foot{width:100%;max-width:640px;color:var(--fg-2);text-align:center;justify-items:center;gap:6px;font-size:14px;display:grid}.bpx-status,.bpx-status p{color:var(--fg-2);font-size:15px}.bpx-finding{color:var(--fg-2);align-items:center;gap:10px;margin-top:10px;font-size:13px;display:inline-flex}.bpx-spin{border:3px solid #eaefec29;border-top-color:var(--fg);border-radius:50%;width:28px;height:28px;animation:1s linear infinite bpx-spin}@keyframes bpx-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.bpx-spin{animation-duration:3s}}.bpx-seed{color:var(--fg-2);font-size:11.5px}.bpx-clears{color:var(--fg-2);gap:4px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.bpx-clears b{color:var(--fg);margin-left:6px}@media (min-width:640px){.bpx-bar{grid-template-columns:auto auto 1fr auto;grid-template-areas:"score ring run stake"}.bpx-stake{text-align:right;border-top:0;padding-top:0}}@media (max-height:860px){.bpx{gap:12px}.bpx-bar{padding:8px 16px}.bpx-ring{width:56px;height:56px}.bp-score-n{font-size:30px}.bpx-mid{gap:10px;max-width:clamp(300px,100dvh - 320px,640px)}.bp-slot{height:72px}.bp-overlay .bp-final{font-size:48px}}.bp-final{letter-spacing:-.03em;font-size:64px;font-weight:900;line-height:1}.bp-title{letter-spacing:-.02em;font-size:22px;font-weight:900}.bp-stage{position:relative}.bp-actions{gap:8px;margin-top:4px;display:flex}.bp-board{aspect-ratio:1;touch-action:manipulation;background:radial-gradient(120% 75% at 50% 0,#27304c 0%,#141a2c 58%,#0d111d 100%);border:1px solid #a0b4e629;grid-template-columns:repeat(8,1fr);gap:4px;padding:8px;display:grid;position:relative;box-shadow:inset 0 1px #c8d7ff1f,inset 0 0 40px #00000059;container-type:inline-size}.bp-cell{--bev:max(3px, 1.1cqi);appearance:none;aspect-ratio:1;background:#96aae60d;border:0;border-radius:3px;min-width:0;margin:0;padding:0;display:block;position:relative;box-shadow:inset 0 2px 4px #00000073,inset 0 -1px #c8d7ff0f}.bp-board .bp-cell:disabled{cursor:default}.bp-board.live .bp-cell{cursor:pointer}.bp-cell:focus-visible{outline:2px solid var(--fg);outline-offset:1px;z-index:2}.k0,.pk0{--k:#ffb43a}.k1,.pk1{--k:#3fc6ff}.k2,.pk2{--k:#ff4d9b}.k3,.pk3{--k:#9d74ff}.bp-cell.on,.bp-cell.pop,.bp-mini .bp-cell{border:var(--bev) solid;border-color:color-mix(in oklab, var(--k) 48%, white) color-mix(in oklab, var(--k) 72%, black) color-mix(in oklab, var(--k) 52%, black) color-mix(in oklab, var(--k) 74%, white);background:linear-gradient(150deg, color-mix(in oklab, var(--k) 70%, white) 0%, var(--k) 42%, color-mix(in oklab, var(--k) 84%, black) 100%);box-shadow:0 0 16px -5px var(--k), inset 0 0 0 1px #ffffff1a;border-radius:2px}.bp-mini .bp-cell{--bev:3px}.bp-cell.gem.on,.bp-cell.gem.pop,.bp-mini .gem{background:var(--facet);box-shadow:none;clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);border:0;border-radius:0}.bp-cell.pv{background:color-mix(in oklab, var(--k,#eaefec) 34%, transparent);box-shadow:inset 0 0 0 2px color-mix(in oklab, var(--k,#eaefec) 70%, transparent)}.bp-cell.pv.bad:not(.on){background:#f2685a47;box-shadow:inset 0 0 0 2px #f2685a99}.bp-cell.on.pv.bad{filter:brightness(.55);outline:2px solid var(--danger);outline-offset:-2px}.bp-cell.pop{z-index:1;animation:.32s ease-out forwards bp-pop}@keyframes bp-pop{0%{filter:brightness(1.8);opacity:1;transform:scale(1)}60%{filter:brightness(2.2);opacity:1;transform:scale(1.12)}to{opacity:0;transform:scale(.4)}}.bp-popup{pointer-events:none;z-index:3;letter-spacing:-.02em;white-space:nowrap;color:var(--fg);text-shadow:0 2px 8px #000000b3;font-size:26px;font-weight:900;animation:.8s ease-out forwards bp-rise;position:absolute;top:42%;left:50%;transform:translate(-50%)}.bp-popup.gem{color:var(--em-hi)}@keyframes bp-rise{0%{opacity:0;transform:translate(-50%,8px)}15%{opacity:1}to{opacity:0;transform:translate(-50%,-36px)}}.bp-overlay{z-index:4;background:#0c0e10eb;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.bp-tray{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.bp-slot{appearance:none;background:var(--surface);--edge:var(--edge-1);touch-action:none;-webkit-user-select:none;user-select:none;border:0;place-items:center;height:92px;padding:0;transition:background-color .15s;display:grid}.bp-slot:not(:disabled){cursor:grab}.bp-slot:not(:disabled):hover{background:var(--surface-2)}.bp-slot.sel{background:var(--surface-2);--edge:var(--fg);--t:2px}.bp-slot.used{opacity:.5;background:0 0}.bp-slot.stuck{opacity:.45}.bp-mini{gap:2px;display:grid}.bp-help{text-align:center}.bp-ghost{z-index:50;pointer-events:none;opacity:.9;position:fixed;top:0;left:0}.bp-ghost .bp-mini{gap:3px}.bp-ghost .bp-cell{--bev:5px;box-shadow:0 6px 16px #00000080, 0 0 18px -4px var(--k)}.bp-score-n.bump{animation:.32s cubic-bezier(.2,1.6,.4,1) score-bump;display:inline-block}@keyframes score-bump{0%{color:#fff;text-shadow:0 0 18px #eaefec99;transform:scale(1.28)}}