.bg-root{--u:calc(100cqmax / var(--bw));-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:absolute;inset:0;container-type:size}.bg-board{border-radius:var(--r-lg);background:var(--g-frame);box-shadow:inset 0 0 0 2px var(--g-frame-edge), var(--shadow-2);position:absolute;inset:0;overflow:hidden;container-type:size}@media (aspect-ratio<5/4){.bg-board{width:100cqh;height:100cqw;inset:50% auto auto 50%;transform:translate(-50%,-50%)rotate(90deg)}}.bg-art{width:100%;height:100%;display:block;position:absolute;inset:0}.bg-art__felt{fill:var(--g-felt)}.bg-art__inset{fill:var(--g-inset)}.bg-art__point{transition:fill var(--dur-2) var(--ease)}.bg-art__point--a{fill:var(--g-point-a)}.bg-art__point--b{fill:var(--g-point-b)}.bg-art__point[data-dest]{fill:var(--g-dest)}.bg-num{color:var(--g-num);font-size:max(8px, calc(var(--u) * .3));font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;pointer-events:none;line-height:1;position:absolute;transform:translate(-50%,-50%)}.bg-checkers{pointer-events:none;position:absolute;inset:0}.bg-checker{--edge:max(1.5px, calc(var(--u) * .07));width:calc(var(--u) * var(--ck));height:calc(var(--u) * var(--ck));transform:translate(calc(var(--x) * 1cqw - 50%), calc(var(--y) * 1cqh - 50%));transition:transform var(--dur-3) var(--ease-out), width var(--dur-3) var(--ease-out), height var(--dur-3) var(--ease-out), border-radius var(--dur-3) var(--ease-out), opacity var(--dur-2) var(--ease), outline-color var(--dur-1) var(--ease);border-radius:50%;outline:0 solid #0000;place-items:center;display:grid;position:absolute;top:0;left:0}.bg-checker:after{content:"";opacity:.4;border-radius:50%;position:absolute;inset:24%}.bg-checker--white{background:var(--g-checker-white);box-shadow:inset 0 0 0 var(--edge) var(--g-checker-white-edge), var(--shadow-1)}.bg-checker--white:after{box-shadow:inset 0 0 0 max(1px, calc(var(--u) * .035)) var(--g-checker-white-edge)}.bg-checker--black{background:var(--g-checker-black);box-shadow:inset 0 0 0 var(--edge) var(--g-checker-black-edge), var(--shadow-1)}.bg-checker--black:after{box-shadow:inset 0 0 0 max(1px, calc(var(--u) * .035)) var(--g-checker-black-edge)}.bg-checker[data-off]{width:calc(var(--u) * var(--slab-w));height:calc(var(--u) * var(--slab-h));border-radius:calc(var(--u) * .07)}.bg-checker[data-off]:after,.bg-checker[data-hidden]{opacity:0}.bg-checker[data-movable]{outline:max(2px, calc(var(--u) * .06)) solid var(--g-mark);outline-offset:max(1px, calc(var(--u) * .03))}.bg-checker[data-sel]{outline:max(3px, calc(var(--u) * .1)) solid var(--g-mark);outline-offset:max(1px, calc(var(--u) * .04));transform:translate(calc(var(--x) * 1cqw - 50%), calc(var(--y) * 1cqh - 50%)) scale(1.06);z-index:30!important}.bg-checker[data-drag]{opacity:.35}.bg-count{z-index:1;font-family:var(--font-display);font-size:calc(var(--u) * .44);font-weight:var(--fw-bold);color:var(--g-count-on-white);line-height:1;position:relative}.bg-checker--black .bg-count{color:var(--g-count-on-black)}.bg-mark{z-index:40;width:calc(var(--u) * var(--ck));height:calc(var(--u) * var(--ck));border:max(2px, calc(var(--u) * .075)) dashed var(--g-mark);transform:translate(calc(var(--x) * 1cqw - 50%), calc(var(--y) * 1cqh - 50%));animation:bg-mark-in var(--dur-2) var(--ease-out) both;border-radius:50%;position:absolute;top:0;left:0}.bg-mark[data-off]{width:calc(var(--u) * var(--slab-w));height:calc(var(--u) * var(--slab-h) * 1.6);border-radius:calc(var(--u) * .1)}.bg-mark[data-hit],.bg-mark[data-pending],.bg-mark[data-over]{border-style:solid}.bg-mark:before{content:"";border-radius:inherit;opacity:0;transition:opacity var(--dur-1) var(--ease);position:absolute;inset:0}.bg-mark[data-seat=white]:before{background:var(--g-checker-white)}.bg-mark[data-seat=black]:before{background:var(--g-checker-black)}.bg-mark[data-pending]:before,.bg-mark[data-over]:before{opacity:.6}.bg-mark[data-pending]{border-width:max(3px, calc(var(--u) * .1))}.bg-mark--victim{z-index:39;width:calc(var(--u) * (var(--ck) + .2));height:calc(var(--u) * (var(--ck) + .2));border-style:solid;border-width:max(3px, calc(var(--u) * .1))}.bg-hits{z-index:50;pointer-events:none;position:absolute;inset:0}.bg-hitrow{pointer-events:none;position:absolute;inset:0}.bg-cell{position:absolute}.bg-hit{border-radius:var(--r-sm);pointer-events:auto;cursor:default;touch-action:manipulation;width:100%;height:100%;transition:background-color var(--dur-1) var(--ease);background:0 0;border:0;padding:0;display:block;position:relative}.bg-hit[data-movable],.bg-hit[data-dest]{cursor:pointer}.bg-hit[data-movable]{touch-action:none}@media (hover:hover){.bg-hit[data-movable]:hover,.bg-hit[data-dest]:hover{background:color-mix(in srgb, var(--g-mark) 12%, transparent)}}.bg-hit:focus-visible{outline:var(--focus-w) solid var(--accent-ring);outline-offset:-2px;box-shadow:inset 0 0 0 calc(var(--focus-w) + 1px) var(--surface)}.bg-hit[data-kit-last]:before{width:max(7px, calc(var(--u) * .24));inset:auto auto 2% 50%;transform:translate(-50%)}.bg-hit[data-row=bottom][data-kit-last]:before{top:2%;bottom:auto}.bg-hit[data-win]{box-shadow:inset 0 0 0 max(3px, calc(var(--u) * .1)) var(--g-mark);animation:bg-pop var(--dur-3) var(--ease-out) .15s both}.bg-dice{z-index:35;justify-content:center;align-items:center;gap:calc(var(--u) * .24);border-radius:var(--r-md);background:0 0;border:0;padding:0;display:flex;position:absolute}.bg-dice .kit-die{--die:calc(var(--u) * .84);border-width:max(1.5px, calc(var(--u) * .05))}.bg-die{transition:opacity var(--dur-2) var(--ease);display:grid}.bg-die[data-used]{opacity:.34}.bg-dice--roll{cursor:pointer;touch-action:manipulation}.bg-dice--roll .kit-die{border-color:var(--g-mark);box-shadow:0 0 0 max(2px, calc(var(--u) * .05)) var(--accent-soft);animation:bg-invite 1.6s var(--ease) infinite}.bg-dice--roll:focus-visible{outline:var(--focus-w) solid var(--accent-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){.bg-dice--roll .kit-die{animation:none}}.bg-nomove{left:var(--bar-at);top:calc(50% - var(--u) * .08);z-index:60;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface);color:var(--text);box-shadow:var(--shadow-2);font-size:clamp(11px, calc(var(--u) * .42), var(--fs-sm));font-weight:var(--fw-semibold);white-space:nowrap;pointer-events:none;animation:bg-pop var(--dur-3) var(--ease-out) both;padding:2px .65em;line-height:1.4;position:absolute;transform:translate(-50%,-100%)}.bg-nomove[data-mover=top]{top:calc(50% + var(--u) * .08);transform:translate(-50%)}.bg-ghost{z-index:70;transform:translate(calc(var(--gx) - 50%), calc(var(--gy) - 50%)) scale(1.12);box-shadow:var(--shadow-3);pointer-events:none;transition:none}.bg-ghost.bg-checker--white{box-shadow:inset 0 0 0 var(--edge) var(--g-checker-white-edge), var(--shadow-3)}.bg-ghost.bg-checker--black{box-shadow:inset 0 0 0 var(--edge) var(--g-checker-black-edge), var(--shadow-3)}@media (aspect-ratio<5/4){.bg-num{transform:translate(-50%,-50%)rotate(-90deg)}.bg-count{rotate:-90deg}.bg-nomove{top:var(--bar-at);left:calc(50% + var(--u) * 1.05);transform:translateY(-50%)}.bg-nomove[data-mover=top]{top:var(--bar-at);left:calc(50% - var(--u) * 1.05);transform:translate(-100%,-50%)}}.bg-detail{align-items:center;gap:var(--sp-2);white-space:nowrap;display:flex}.bg-stat{flex-direction:column;align-items:center;line-height:1.1;display:flex}.bg-stat__n{font-size:var(--fs-sm)}.bg-stat__unit{color:var(--text-muted);font-size:var(--fs-xs);font-weight:var(--fw-regular)}.bg-points__games{margin:var(--sp-2) 0 0;color:var(--text-muted);font-size:var(--fs-sm);text-align:center}@keyframes bg-mark-in{0%{opacity:0;scale:.7}to{opacity:1;scale:1}}@keyframes bg-pop{0%{opacity:0;scale:.92}to{opacity:1;scale:1}}@keyframes bg-invite{0%,70%,to{translate:0}80%{translate:0 calc(var(--u) * -.08)}90%{translate:0}}