.g-backgammon{--gbg-felt:#2d6b52;--gbg-bar:#5b3a22;--gbg-tray:#4a301c;--gbg-pt-a:#e6d3a6;--gbg-pt-b:#b24a33;--gbg-white:#f7f2e4;--gbg-white-edge:#a89f88;--gbg-black:#25211e;--gbg-black-edge:#6b645c;--gbg-hl:rgba(255, 214, 74, .55);--gbg-sel:#3aa0ff;margin:0 auto;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.g-backgammon .gbg-box{max-width:100%;border-radius:10px;box-shadow:var(--shadow);background:var(--gbg-bar);padding:4px;touch-action:manipulation;outline:none;box-sizing:content-box}.g-backgammon .gbg-box:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.g-backgammon .gbg-svg{display:block;width:100%;height:auto;border-radius:6px;-webkit-tap-highlight-color:transparent}.g-backgammon .gbg-felt{fill:var(--gbg-felt)}.g-backgammon .gbg-barcol{fill:var(--gbg-bar)}.g-backgammon .gbg-tray{fill:var(--gbg-tray)}.g-backgammon .gbg-pt--0{fill:var(--gbg-pt-a)}.g-backgammon .gbg-pt--1{fill:var(--gbg-pt-b)}.g-backgammon .gbg-hl{fill:var(--gbg-hl);stroke:#ffd24a;stroke-width:1.5;pointer-events:none}.g-backgammon .gbg-hl.is-hint{fill:rgba(80,190,255,.5);stroke:#50beff}.g-backgammon .gbg-ch{stroke-width:1.6;pointer-events:none}.g-backgammon .gbg-ch--0{fill:var(--gbg-white);stroke:var(--gbg-white-edge)}.g-backgammon .gbg-ch--1{fill:var(--gbg-black);stroke:var(--gbg-black-edge)}.g-backgammon .gbg-ch.is-movable{stroke:#ffd24a;stroke-width:2.6}.g-backgammon .gbg-ch.is-selected{stroke:var(--gbg-sel);stroke-width:3.2}.g-backgammon .gbg-ch.is-hint{stroke:#50beff;stroke-width:3.2}.g-backgammon .gbg-ch.is-last{stroke:#e07b39;stroke-width:2.6}.g-backgammon .gbg-count{font:700 10px var(--font);pointer-events:none}.g-backgammon .gbg-count--0{fill:#25211e}.g-backgammon .gbg-count--1{fill:#f7f2e4}.g-backgammon .gbg-off{stroke-width:1}.g-backgammon .gbg-off--0{fill:var(--gbg-white);stroke:var(--gbg-white-edge)}.g-backgammon .gbg-off--1{fill:var(--gbg-black);stroke:var(--gbg-black-edge)}.g-backgammon .gbg-tlabel{font:800 11px var(--font);fill:#3a2a00;pointer-events:none}.g-backgammon .gbg-num{font:600 7px var(--font);fill:rgba(255,255,255,.55);pointer-events:none}.g-backgammon .gbg-cube{fill:#f3efe2;stroke:#6b5a3a;stroke-width:1.5;pointer-events:none}.g-backgammon .gbg-cubetxt{font:800 11px var(--font);fill:#2b2417;pointer-events:none}.g-backgammon .gbg-cursor{fill:none;stroke:#7cc7ff;stroke-width:2.5;stroke-dasharray:5 3;pointer-events:none}.g-backgammon .gbg-zone{fill:transparent;cursor:pointer}.g-backgammon .gbg-ctl{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 14px}.g-backgammon .gbg-dice{display:flex;align-items:center;gap:6px;min-height:44px}.g-backgammon .gbg-btns{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.g-backgammon .gbg-btns [hidden]{display:none}.g-backgammon .gbg-who{font-size:.85rem;color:var(--ink-2);padding:0 2px}.g-backgammon .gbg-muted{color:var(--muted)}.g-backgammon .gbg-die{padding:0;margin:0;border:0;background:0 0;width:42px;height:42px;border-radius:8px;cursor:default;-webkit-tap-highlight-color:transparent}.g-backgammon .gbg-die:not(:disabled){cursor:pointer}.g-backgammon .gbg-die:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.g-backgammon .gbg-die.is-usable{box-shadow:0 0 0 3px #ffd24a}.g-backgammon .gbg-dieface{width:100%;height:100%;display:block}.g-backgammon .gbg-diebody{fill:#fbfaf5;stroke:#8b8575;stroke-width:.5}.g-backgammon .gbg-diepip{fill:#25211e}.g-backgammon .gbg-dieface.is-off{opacity:.35}.g-backgammon .gbg-rules{width:100%;max-width:640px;font-size:.92rem;color:var(--ink-2)}.g-backgammon .gbg-rules summary{cursor:pointer;font-weight:600;color:var(--ink);padding:4px 0}.g-backgammon .gbg-rules ol{margin:6px 0 0;padding-left:1.3em}.g-backgammon .gbg-rules li{margin:4px 0}@media(max-width:420px){.g-backgammon .gbg-die{width:38px;height:38px}.g-backgammon .gbg-box{padding:3px}}