.bg{--bg-frame: #6e4630;--bg-felt: #f4e6c9;--bg-pt-a: #9a5238;--bg-pt-b: #2e7068;--bg-barc: #5a3826;--bg-trayc: #4d2f20;--bg-ink: #2a1f16;--bg-hi: #ffffff;position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:6px;user-select:none;-webkit-user-select:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .bg{--bg-frame: #3a2618;--bg-felt: #2f2620;--bg-pt-a: #8a4a33;--bg-pt-b: #2a6760;--bg-barc: #2c1d13;--bg-trayc: #24170f}}:root[data-theme=dark] .bg{--bg-frame: #3a2618;--bg-felt: #2f2620;--bg-pt-a: #8a4a33;--bg-pt-b: #2a6760;--bg-barc: #2c1d13;--bg-trayc: #24170f}:root[data-look=dusk] .bg{--bg-frame: #2f3550;--bg-felt: #e9e3d6;--bg-pt-a: #8d4d5a;--bg-pt-b: #3c6d8a;--bg-barc: #262b42;--bg-trayc: #20243a}:root[data-look=ink] .bg{--bg-frame: #222;--bg-felt: #f2efe8;--bg-pt-a: #555;--bg-pt-b: #9a9a9a;--bg-barc: #1a1a1a;--bg-trayc: #111}:root[data-palette=colorblind] .bg{--bg-pt-a: #6b4a3a;--bg-pt-b: #4a5f6e}.bg-probe{position:absolute;top:0;left:0;width:1px;height:var(--tg-stage-h);visibility:hidden;pointer-events:none}.bg-box{min-width:0;display:flex;justify-content:center}.bg-board{display:block;max-width:100%;height:auto;touch-action:manipulation;overflow:visible;-webkit-tap-highlight-color:transparent}.bg-board *{pointer-events:none}.bg-board .bg-hit{pointer-events:all;fill:transparent;cursor:pointer}.bg-box.is-shake{animation:bg-shake calc(.32s * var(--motion)) ease-in-out}@keyframes bg-shake{20%{transform:translate(-4px)}50%{transform:translate(4px)}80%{transform:translate(-2px)}}.bg-frame{fill:var(--bg-frame)}.bg-felt{fill:var(--bg-felt)}.bg-barstrip{fill:var(--bg-barc)}.bg-tray{fill:var(--bg-trayc)}.bg-pt.is-a{fill:var(--bg-pt-a)}.bg-pt.is-b{fill:var(--bg-pt-b)}.bg-slab{fill:var(--tg-c);stroke:#0006;stroke-width:.8}.bg-ck-b{fill:var(--tg-c);stroke:color-mix(in srgb,var(--tg-c) 50%,black);stroke-width:1.3}.bg-ck[data-p="0"] .bg-ck-m{fill:color-mix(in srgb,var(--tg-c) 55%,black);opacity:.45}.bg-ck[data-p="1"] .bg-ck-m{fill:none;stroke:color-mix(in srgb,var(--tg-c) 50%,black);stroke-width:1.8;opacity:.5}.bg-ck-n{fill:var(--bg-ink);font-family:var(--font-display);font-weight:800;text-anchor:middle}.bg-ck[data-p="0"] .bg-ck-n{fill:#fff}.bg-ck.is-movable .bg-ck-b{stroke:var(--bg-hi);stroke-width:2}.bg-ck.is-sel .bg-ck-b{stroke:var(--bg-hi);stroke-width:3.4}.bg-ck.is-sel{filter:drop-shadow(0 0 4px rgba(255,255,255,.95))}.bg-ck.is-flying{filter:drop-shadow(0 5px 4px rgba(0,0,0,.35))}.bg-dest-pt{fill:var(--bg-hi);opacity:.3}.bg-dest{fill:#ffffff38;stroke:var(--bg-hi);stroke-width:2.4;stroke-dasharray:4 3}.bg-dest.is-hit{stroke:var(--sun);fill:#f6b83d40}.bg-dest-tray{fill:#ffffff29;stroke:var(--bg-hi);stroke-width:3;animation:bg-glow calc(.9s * var(--motion)) ease-in-out infinite alternate}@keyframes bg-glow{0%{opacity:.55}to{opacity:1}}.bg-arrow path{fill:none;stroke-width:2.6;stroke-linecap:round}.bg-arrow.is-last{opacity:.8}.bg-arrow.is-last path{stroke:var(--tg-c)}.bg-arrow.is-last polygon{fill:var(--tg-c)}.bg-arrow.is-hint path{stroke:var(--bg-hi);stroke-width:3;stroke-dasharray:6 4}.bg-arrow.is-hint polygon{fill:var(--bg-hi)}.bg-arrow{filter:drop-shadow(0 0 1.6px rgba(0,0,0,.7))}.bg-cube rect{fill:#fbf6ec;stroke:var(--bg-ink);stroke-width:1.2}.bg-cube text{fill:var(--bg-ink);font-family:var(--font-display);font-weight:800;text-anchor:middle}.bg-cube.is-off{opacity:.5}.bg-cube.is-off rect{fill:transparent;stroke:#fbf6ec;stroke-dasharray:3 2}.bg-cube.is-off text{fill:#fbf6ec}.bg-cube.is-offered rect{stroke:var(--sun);stroke-width:2.4}.bg-ctl{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:8px;height:50px}.bg-pips{display:grid;gap:1px;font-size:.84rem;line-height:1.1;font-variant-numeric:tabular-nums;color:var(--ink)}.bg-pip{display:flex;align-items:center;gap:5px}.bg-pip .tg-dot{width:10px;height:10px;box-shadow:none}.bg-pip b{min-width:3ch}.bg-dice{display:flex;align-items:center;gap:5px;min-height:36px;cursor:default}.bg-die{display:block;width:36px;height:36px;flex:none;transition:opacity calc(.2s * var(--motion))}.bg-die svg{display:block;width:100%;height:100%}.bg-dice.is-four{gap:3px}.bg-dice.is-four .bg-die{width:27px;height:27px}.bg-die-face{fill:var(--tg-c);stroke:color-mix(in srgb,var(--tg-c) 45%,black);stroke-width:2.2}.bg-die-pip{fill:#fff}.bg-dice[data-p="1"] .bg-die-pip{fill:var(--bg-ink)}.bg-die.is-used{opacity:.3}.bg-dice.is-old .bg-die{opacity:.45}.bg-dice.is-rolling .bg-die{animation:bg-tumble calc(.15s * var(--motion)) ease-in-out infinite alternate}.bg-dice.is-rolling .bg-die:nth-child(2n){animation-direction:alternate-reverse}@keyframes bg-tumble{0%{transform:translateY(-3px) rotate(-16deg)}to{transform:translateY(2px) rotate(14deg)}}.bg.is-live .bg-dice:has(+.bg-btns .bg-roll:not([hidden])){cursor:pointer}.bg-btns{display:flex;justify-content:flex-end;align-items:center;gap:6px;min-width:0}.bg-btns .suvi-btn{padding:6px 12px;min-width:64px;white-space:nowrap}.bg-btns .bg-done,.bg-btns .bg-roll,.bg-btns .bg-take{min-width:80px}.bg-btns .suvi-btn:disabled{opacity:.45;cursor:default}.bg-btns .bg-cubeopt{min-width:0;color:var(--ink-2)}.bg-done.is-ready{animation:bg-ready calc(1.2s * var(--motion)) ease-in-out infinite}@keyframes bg-ready{50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--coral) 35%,transparent)}}.bg-btns .is-hint{box-shadow:0 0 0 3px var(--sun)}.is-nudge{animation:bg-shake calc(.32s * var(--motion)) ease-in-out}[data-suvi-game=backgammon] .tg[data-phase=play] .tg-hint[hidden]{display:inline-flex!important;opacity:.45;pointer-events:none}#bg-cube .bg-cube-sheet p{margin:0 0 12px;color:var(--ink)}#bg-cube .bg-cube-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;font-weight:600}#bg-cube .bg-cube-row input{width:22px;height:22px}#bg-cube .bg-cube-note{color:var(--ink-2);font-size:.9rem;margin:8px 0 0}@media(pointer:fine){.bg.is-live .bg-board .bg-hit:hover{fill:#ffffff12}}@media(max-width:360px){.bg-ctl{gap:5px}.bg-btns .suvi-btn{padding:6px 9px;min-width:56px}.bg-die{width:32px;height:32px}}