.bgm-root{--p0:var(--cherry);--p1:var(--white);--bgm-wood:var(--game);--bgm-walnut:#b8683a;--bgm-birch:#f7d9a6}.bgm-col{gap:12px}.bgm-sep{color:var(--ink-3)}.bgm-board{--u:calc(100cqi / 15.45);--dsz:calc(var(--u) * 1.32);aspect-ratio:15.45/12.8;border-radius:calc(var(--u) * .34);width:min(100%,640px);box-shadow:clamp(4px, 1cqi, 6px) clamp(4px, 1cqi, 6px) 0 var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative;container-type:inline-size}.bgm-board *{box-sizing:border-box}.bgm-art{width:100%;height:100%;display:block;position:absolute;inset:0}.bgm-art *{vector-effect:non-scaling-stroke}.bgm-frame{fill:var(--bgm-wood);stroke:var(--ink);stroke-width:3px}.bgm-field{fill:var(--bgm-birch);stroke:var(--ink);stroke-width:2.5px}.bgm-tray{fill:var(--cream);stroke:var(--ink);stroke-width:2.5px;transition:fill .16s}.bgm-tray.is-dest{fill:var(--sun)}.bgm-bar-line{stroke:var(--ink);stroke-width:1.5px;stroke-dasharray:2 5;opacity:.35}.bgm-tri{stroke:var(--ink);stroke-width:2px;stroke-linejoin:round;transition:fill .14s}.bgm-tri.is-light{fill:var(--cream)}.bgm-tri.is-dark{fill:var(--bgm-walnut)}.bgm-tri.is-dest{fill:var(--sun)}.bgm-ck{--pc:var(--p0);left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:calc(var(--u) * .92);height:calc(var(--u) * .92);background:var(--pc);border:max(1.5px, calc(var(--u) * .08)) solid var(--ink);box-shadow:calc(var(--u) * .06) calc(var(--u) * .09) 0 var(--ink);pointer-events:none;transition:left .3s var(--ease-spring), top .3s var(--ease-spring), width .2s, height .2s, border-radius .2s, box-shadow .14s;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.bgm-ck[data-side="1"]{--pc:var(--p1)}.bgm-ck:after{content:"";border:max(1px, calc(var(--u) * .05)) solid color-mix(in srgb, var(--ink) 30%, transparent);border-radius:50%;position:absolute;inset:24%}.bgm-ck.is-off{width:calc(var(--u) * 1);height:calc(var(--u) * .27);border-radius:calc(var(--u) * .08);border-width:max(1.5px, calc(var(--u) * .05));box-shadow:0 calc(var(--u) * .05) 0 var(--ink)}.bgm-ck.is-off:after{display:none}.bgm-ck.is-can{box-shadow:0 0 0 max(2px, calc(var(--u) * .1)) var(--sun), 0 0 0 max(3.5px, calc(var(--u) * .16)) var(--ink)}.bgm-ck.is-lift{box-shadow:0 0 0 max(2.5px, calc(var(--u) * .12)) var(--sun), 0 0 0 max(4px, calc(var(--u) * .19)) var(--ink), calc(var(--u) * .1) calc(var(--u) * .22) 0 var(--ink);transform:translate(-50%,-62%)scale(1.08)}.bgm-ck.is-drag{transition:none;transform:translate(-50%,-60%)scale(1.14)}.bgm-ck.is-land{animation:bgm-land .34s .23s var(--ease-squish) both}@keyframes bgm-land{0%{transform:translate(-50%,-50%)}35%{transform:translate(-50%,-44%)scale(1.16,.8)}70%{transform:translate(-50%,-54%)scale(.95,1.06)}to{transform:translate(-50%,-50%)}}.bgm-ghost{left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:calc(var(--u) * .86);height:calc(var(--u) * .86);border:max(1.5px, calc(var(--u) * .08)) dashed var(--ink);background:color-mix(in srgb, var(--sun) 70%, transparent);pointer-events:none;z-index:30;animation:bgm-pop .22s var(--ease-spring);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}@keyframes bgm-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}}.bgm-offlabel{font-family:var(--font-display);font-weight:800;font-size:max(11px, calc(var(--u) * .5));color:var(--ink);pointer-events:none;z-index:31;position:absolute;transform:translate(-50%,-50%)rotate(-90deg)}.bgm-cube{left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:calc(var(--u) * 1.02);height:calc(var(--u) * 1.02);background:var(--white);border:max(2px, calc(var(--u) * .08)) solid var(--ink);box-shadow:calc(var(--u) * .06) calc(var(--u) * .08) 0 var(--ink);font-family:var(--font-display);font-weight:800;font-size:max(10px, calc(var(--u) * .46));letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--ink);z-index:35;pointer-events:none;transition:top .32s var(--ease-spring);border-radius:22%;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)rotate(-4deg)}.bgm-cube[data-owner="0"]{background:var(--p0)}.bgm-cube.is-offered{background:var(--sun);animation:bgm-wobble .9s var(--ease-spring) infinite}@keyframes bgm-wobble{0%,to{transform:translate(-50%,-50%)rotate(-6deg)}50%{transform:translate(-50%,-58%)rotate(6deg)scale(1.1)}}.bgm-dice{gap:calc(var(--u) * .32);z-index:55;display:flex;position:absolute;transform:translate(-50%,-50%)}.bgm-dice.is-double{gap:calc(var(--u) * .16);--dsz:calc(var(--u) * 1.12)}.bgm-hit{appearance:none;cursor:default;z-index:50;background:0 0;border:0;margin:0;padding:0;position:absolute}.bgm-board.is-live .bgm-hit{cursor:pointer}.bgm-hit:focus-visible{outline:3px solid var(--ink);outline-offset:-3px;border-radius:8px}.bgm-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;min-height:42px;display:flex}.bgm-controls .is-ready{animation:bgm-ready 1.4s var(--ease-spring) infinite}@keyframes bgm-ready{0%,75%,to{transform:none}85%{transform:translateY(-3px)rotate(-2deg)}}.bgm-wait{color:var(--ink-3);font-size:14px;font-weight:700}.bgm-board.is-over .bgm-ck{transition-duration:.5s}@media (width<=560px){.bgm-root .kbg-options{display:contents}.bgm-root .kbg-buttons{order:5}}@media (width<=420px){.bgm-root .kbg-chip-score{font-size:20px}}@media (prefers-reduced-motion:reduce){.bgm-ck,.bgm-cube{transition:none}.bgm-ck.is-land,.bgm-ghost,.bgm-cube.is-offered,.bgm-controls .is-ready{animation:none}}