#bpg-root-backgammon{--ptA:#6e6373;--ptB:#e0352b;--line:#2c2430;font-family:var(--fText,inherit);color:var(--bone,#efe7dc);max-width:640px;margin:0 auto}#bpg-root-backgammon *{box-sizing:border-box}.bgm-bar{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:space-between;margin-bottom:.9rem}.bgm-status{font:400 12px/1.5 var(--fMono,monospace);text-transform:uppercase;letter-spacing:.08em;color:var(--soft,#cfc4c9);min-height:1.4rem;flex:1 1 200px}.bgm-controls{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.bgm-select{font:700 12px/1 var(--fMono,monospace);text-transform:uppercase;letter-spacing:.06em;padding:.7rem .9rem;border:1px solid var(--edge,#6e6373);border-radius:0;background:var(--night,#0d0a10);color:var(--bone,#efe7dc);cursor:pointer}.bgm-btn{font:700 12px/1 var(--fMono,monospace);text-transform:uppercase;letter-spacing:.06em;padding:.8rem 1.1rem;border:1px solid var(--bone,#efe7dc);border-radius:999px;background:transparent;color:var(--bone,#efe7dc);cursor:pointer;transition:background .2s,color .2s,border-color .2s}.bgm-btn.alt{border-color:var(--gold,#f2b705);color:var(--gold,#f2b705)}.bgm-btn:disabled{opacity:.4;cursor:default}.bgm-btn:hover:not(:disabled){background:var(--gold,#f2b705);border-color:var(--gold,#f2b705);color:var(--night,#0d0a10)}.bgm-dice{display:inline-flex;gap:.45rem;align-items:center}.bgm-die{width:2.6rem;height:2.6rem;border-radius:4px;background:var(--bone,#efe7dc);border:1px solid var(--edge,#6e6373);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:.3rem;gap:.18rem}.bgm-pip{border-radius:50%;background:var(--night,#0d0a10);width:100%;height:100%}.bgm-die.used{opacity:.35}.bgm-die.roll{animation:bgmroll .6s cubic-bezier(.22,.68,0,1.15)}@keyframes bgmroll{0%{transform:perspective(130px) rotateX(-50deg) rotateY(35deg) scale(.68);opacity:.45}22%{transform:perspective(130px) rotateX(25deg) rotateY(-20deg) scale(.85);opacity:.85}50%{transform:perspective(130px) rotateX(-12deg) rotateY(10deg) scale(.93)}72%{transform:perspective(130px) rotateX(6deg) rotateY(-4deg) scale(.97)}88%{transform:perspective(130px) rotateX(-2deg) rotateY(1deg) scale(.99)}to{transform:perspective(130px) rotateX(0) rotateY(0) scale(1);opacity:1}}.bgm-board{background:var(--night3,#1d1622);border-radius:4px;border:1px solid var(--gold,#f2b705);padding:.5rem}.bgm-row{display:grid;grid-template-columns:repeat(12,1fr) 0;gap:0}.bgm-quad{display:grid;grid-template-columns:repeat(12,1fr)}.bgm-pt{min-height:120px;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:3px 0;cursor:pointer;position:relative;border:0;border-radius:0;font:inherit;color:inherit}.bgm-pt.bottom{flex-direction:column-reverse}.bgm-pt:nth-child(odd){background:var(--ptB)}.bgm-pt:nth-child(2n){background:var(--ptA)}.bgm-chk{width:78%;max-width:26px;aspect-ratio:1;border-radius:50%}.bgm-h{background:var(--bone,#efe7dc);border:1px solid var(--edge,#6e6373)}.bgm-a{background:var(--night,#0d0a10);border:2px solid var(--gold,#f2b705)}.bgm-pt.legal{outline:2px solid var(--gold,#f2b705);outline-offset:-2px}.bgm-pt.sel{outline:3px solid var(--bone,#efe7dc);outline-offset:-3px}.bgm-mid{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:space-between;align-items:center;padding:.5rem .4rem;font:400 11px/1.4 var(--fMono,monospace);text-transform:uppercase;letter-spacing:.06em;color:var(--soft,#cfc4c9)}.bgm-tray{font:inherit}.bgm-barzone{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.bgm-num{font:400 9px/1 var(--fMono,monospace);color:var(--bone,#efe7dc);opacity:.85}@media(prefers-reduced-motion:reduce){.bgm-die.roll{animation:none!important}}@media(prefers-reduced-motion:reduce){#bpg-root-backgammon *{animation:none!important;transition:none!important}}