:root{--bg-felt:#16233c;--bg-frame:#0d1729;--bg-pt-a:#33496f;--bg-pt-b:#1e2e4b;--bg-white:#edf2fb;--bg-white-edge:#93a8c8;--bg-white-ink:#1a2740;--bg-red:#d2455a;--bg-red-edge:#8b2534;--bg-red-ink:#ffe7ea;--bg-line:#e9f0ff24;--bg-white-label:#edf2fb;--bg-red-label:#f0697d}:root[data-theme=light]{--bg-felt:#dbe3f1;--bg-frame:#b9c6de;--bg-pt-a:#8ea3c4;--bg-pt-b:#c3cfe3;--bg-white:#fff;--bg-white-edge:#7f92b1;--bg-white-ink:#223354;--bg-red:#c93a50;--bg-red-edge:#86202e;--bg-red-ink:#fff0f2;--bg-line:#16233c29;--bg-white-label:#2c3e63;--bg-red-label:#a52c3f}.board{--u:26px;--bar:30px;--half:140px;--mid:44px;--tray:20px;--checker:24px;place-items:center;min-height:0;padding:2px 6px;display:grid}.board.is-loading{opacity:.55}.bg-frame{grid-template-columns:repeat(6, var(--u)) var(--bar) repeat(6, var(--u));grid-template-rows:var(--tray) var(--half) var(--mid) var(--half) var(--tray);background:var(--bg-felt);box-shadow:0 0 0 3px var(--bg-frame), 0 6px 20px var(--shadow);outline-offset:3px;border-radius:14px;outline:2px solid #0000;transition:outline-color .2s;display:grid}.bg-frame.is-white{outline-color:var(--bg-white-edge)}.bg-frame.is-red{outline-color:var(--bg-red)}.bg-point{background:0 0;min-width:0;padding:0;position:relative}.bg-tri{background:var(--bg-pt-a);position:absolute;inset:0}.bg-tri.is-b{background:var(--bg-pt-b)}.bg-point--top .bg-tri{clip-path:polygon(0 0,100% 0,50% 100%)}.bg-point--bottom .bg-tri{clip-path:polygon(0 100%,100% 100%,50% 0)}.bg-point.can-move:after,.bg-bar.can-move:after{content:"";width:calc(var(--u) * .22);height:calc(var(--u) * .22);margin-left:calc(var(--u) * -.11);background:var(--accent);opacity:.75;border-radius:50%;position:absolute;left:50%}.bg-point--top.can-move:after{bottom:calc(var(--u) * .12)}.bg-point--bottom.can-move:after,.bg-bar.can-move:after{top:calc(var(--u) * .12)}.bg-point.is-selected .bg-tri,.bg-bar.is-selected{background:color-mix(in srgb, var(--accent) 30%, var(--bg-pt-a))}.bg-point.is-selected .bg-checker:last-child,.bg-bar.is-selected .bg-checker:last-child{box-shadow:inset 0 0 0 2px var(--accent), 0 3px 6px #00000073}.bg-point--top.is-selected .bg-checker:last-child{transform:translateY(7px)}.bg-point--bottom.is-selected .bg-checker:last-child,.bg-bar.is-selected .bg-checker:last-child{transform:translateY(-7px)}.bg-point.is-target .bg-tri{background:color-mix(in srgb, var(--accent) 66%, var(--bg-pt-a))}.bg-point.is-target:before{content:"";width:calc(var(--checker) * .44);height:calc(var(--checker) * .44);margin-left:calc(var(--checker) * -.22);border:2px solid var(--bg-white);z-index:30;border-radius:50%;position:absolute;left:50%}.bg-point.is-target:after{display:none}.bg-point--top.is-target:before{bottom:calc(var(--u) * .3)}.bg-point--bottom.is-target:before{top:calc(var(--u) * .3)}.bg-stack{position:absolute;inset:0}.bg-checker{width:var(--checker);height:var(--checker);margin-left:calc(var(--checker) / -2);font-size:calc(var(--checker) * .42);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-weight:700;transition:transform .12s;display:grid;position:absolute;left:50%}.bg-checker--white{background:radial-gradient(circle at 32% 28%, #fff, var(--bg-white) 62%);box-shadow:inset 0 0 0 2px var(--bg-white-edge), 0 1px 2px #0000004d;color:var(--bg-white-ink)}.bg-checker--red{background:radial-gradient(circle at 32% 28%, color-mix(in srgb, #fff 26%, var(--bg-red)), var(--bg-red) 62%);box-shadow:inset 0 0 0 2px var(--bg-red-edge), 0 1px 2px #0000004d;color:var(--bg-red-ink)}.bg-checker.has-glyph:before{content:"";aspect-ratio:1;border-radius:50%;width:34%}.bg-checker--white.has-glyph:before{background:var(--bg-white-edge)}.bg-checker--red.has-glyph:before{border:2px solid var(--bg-red-ink)}.bg-count{z-index:1;position:relative}.bg-bar{background:var(--bg-frame);border-left:1px solid var(--bg-line);border-right:1px solid var(--bg-line);grid-area:2/7/5;grid-template-rows:1fr 1fr;padding:0;display:grid;position:relative}.bg-bar-zone{position:relative}.bg-dice{justify-content:center;align-items:center;gap:calc(var(--u) * .3);grid-area:3/8/auto/-1;display:flex}.bg-die{width:calc(var(--mid) * .62);height:calc(var(--mid) * .62);padding:calc(var(--mid) * .08);border-radius:calc(var(--mid) * .14);background:linear-gradient(160deg,#fff,#dfe6f2);flex:none;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);display:grid;position:relative;box-shadow:0 2px #00000059}.bg-die.is-spent{opacity:.32;box-shadow:none}.bg-pip{aspect-ratio:1;opacity:0;background:#16233c;border-radius:50%;place-self:center;width:62%}.bg-die[data-face="1"] .bg-pip:nth-child(5),.bg-die[data-face="2"] .bg-pip:nth-child(3),.bg-die[data-face="2"] .bg-pip:nth-child(7),.bg-die[data-face="3"] .bg-pip:nth-child(3),.bg-die[data-face="3"] .bg-pip:nth-child(5),.bg-die[data-face="3"] .bg-pip:nth-child(7),.bg-die[data-face="4"] .bg-pip:first-child,.bg-die[data-face="4"] .bg-pip:nth-child(3),.bg-die[data-face="4"] .bg-pip:nth-child(7),.bg-die[data-face="4"] .bg-pip:nth-child(9),.bg-die[data-face="5"] .bg-pip:first-child,.bg-die[data-face="5"] .bg-pip:nth-child(3),.bg-die[data-face="5"] .bg-pip:nth-child(5),.bg-die[data-face="5"] .bg-pip:nth-child(7),.bg-die[data-face="5"] .bg-pip:nth-child(9),.bg-die[data-face="6"] .bg-pip:first-child,.bg-die[data-face="6"] .bg-pip:nth-child(3),.bg-die[data-face="6"] .bg-pip:nth-child(4),.bg-die[data-face="6"] .bg-pip:nth-child(6),.bg-die[data-face="6"] .bg-pip:nth-child(7),.bg-die[data-face="6"] .bg-pip:nth-child(9){opacity:1}.bg-tray{background:var(--bg-frame);color:var(--text-dim);font-size:calc(var(--tray) * .52);font-variant-numeric:tabular-nums;text-align:left;grid-column:1/-1;align-items:center;gap:6px;padding:0 8px;font-weight:600;display:flex}.bg-tray--far{border-radius:12px 12px 0 0;grid-row:1}.bg-tray--near{border-radius:0 0 12px 12px;grid-row:5}.bg-tray.is-turn{color:var(--text)}.bg-tray-name--white{color:var(--bg-white-label)}.bg-tray-name--red{color:var(--bg-red-label)}.bg-tray-pips{opacity:.7}.bg-slots{flex:auto;justify-content:flex-end;gap:2px;display:flex}.bg-slot{width:calc(var(--tray) * .16);height:calc(var(--tray) * .5);background:var(--bg-line);border-radius:2px}.bg-tray.is-white .bg-slot.is-filled{background:var(--bg-white)}.bg-tray.is-red .bg-slot.is-filled{background:var(--bg-red)}.bg-tray-off{text-align:right;min-width:1.4em}.bg-tray--near.is-target{background:color-mix(in srgb, var(--accent) 48%, var(--bg-frame));color:var(--text)}.bg-status{text-align:center;color:var(--text-dim);min-height:1.4em;padding:6px 16px 0;font-size:.84rem;font-weight:600}.bg-status.is-alert{color:var(--danger)}.control.control--go:not(:disabled){background:var(--accent);color:#fff}