.hud-button{--hud-edge:var(--panel-edge);height:calc(var(--game-unit) * 2);padding-inline:calc(var(--game-unit) * .75);border-radius:calc(var(--game-unit) * .75);box-shadow:0 calc(var(--game-unit) * .25) 0 var(--hud-edge);white-space:nowrap;font-size:.9375em;position:relative}.hud-button:active:not(:disabled,[aria-disabled=true]){transform:translateY(calc(var(--game-unit) * .1875));box-shadow:0 calc(var(--game-unit) * .0625) 0 var(--hud-edge);transition-duration:0s}.hud-icon{width:1.5rem;height:1.5rem;display:none}.hud-button--icon{width:calc(var(--game-unit) * 2);padding-inline:0}.hud-button--icon .hud-label{display:none}.hud-button--icon .hud-icon{width:1.25em;height:1.25em;display:block}@media (prefers-reduced-motion:no-preference){.hud-button--icon .hud-icon{transition:transform var(--duration-hover) ease}}.hud-button--icon:hover .hud-icon{transform:rotate(45deg)}.score-sheet,.end-overlay{padding:var(--game-unit);background:color-mix(in srgb, var(--table-edge) 60%, transparent);font-size:max(1rem, calc(var(--game-unit) * .8))}.score-sheet{z-index:var(--layer-overlay);grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;display:grid;position:absolute;inset:0}.score-sheet__panel,.end-overlay__panel{max-width:min(36em,100%);max-height:100%;color:var(--ink);text-align:center;border-radius:1.125em;flex-direction:column;padding:1.75em;display:flex}.score-sheet__title,.end-overlay__title{margin:0 0 1em;font-size:1.5em}.score-sheet__scroll{scrollbar-width:thin;scrollbar-color:var(--panel-edge) transparent;min-height:0;overflow:auto}.score-sheet__actions,.end-overlay__actions{justify-content:center;gap:.75em;margin-top:1.25em;display:flex}:is(.score-sheet__actions,.end-overlay__actions) .button{border-radius:.7em;height:max(2.75rem,2.6em);padding-inline:1.4em;font-size:1.0625em}.die-cube__cast{opacity:.3;pointer-events:none;background:radial-gradient(closest-side,#000000b8,#0000004d 44%,#0000 84%);border-radius:50%;width:86%;height:22%;margin-left:-40%;position:absolute;bottom:3%;left:50%}.die-cube{width:var(--cube);height:var(--cube);transform-style:preserve-3d;--cube:var(--die-cube-size,calc(var(--game-unit) * 3.2));--cube-half:calc(var(--cube) / 2);--die-body:#b4bdca;--die-face:#fff;--die-sheen-rgb:255, 255, 255;--die-shade-rgb:20, 29, 45;margin:auto;position:absolute;inset:0}.die-cube[data-rolling]{will-change:transform}.die-cube__body{background:var(--die-body);backface-visibility:hidden;--cube-half:calc(var(--cube) * .46);position:absolute;inset:0}.die-cube__face{background:var(--die-face);backface-visibility:hidden;border-radius:10%;display:block;position:absolute;inset:0;overflow:hidden}.die-cube__face img{width:calc(var(--art-raster) * 100%);height:calc(var(--art-raster) * 100%);margin:calc((1 - var(--art-raster)) * 50%);transform:scale(calc(var(--art-crop) / var(--art-raster)));--art-raster:3;--art-crop:1.12;display:block}.die-cube__face:after{content:"";background:linear-gradient(158deg, rgba(var(--die-sheen-rgb), var(--sheen,.08)), rgba(var(--die-sheen-rgb), 0) 46%), linear-gradient(202deg, rgba(var(--die-shade-rgb), calc(var(--shade,.2) * .4)), rgba(var(--die-shade-rgb), var(--shade,.2)));pointer-events:none;position:absolute;inset:0}.die-cube__face[data-lit=top]{--sheen:.3;--shade:.06}.die-cube__face[data-lit=right]{--sheen:.1;--shade:.2}.die-cube__face[data-lit=left]{--sheen:.06;--shade:.34}.backgammon-game{grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:calc(var(--game-unit) * var(--hud-units,2.75)) minmax(0, 1fr);height:100%;min-height:0;color:var(--cream);font-family:var(--body);grid-template-areas:"stats modes controls""table table table";display:grid}.backgammon-hud__stats,.backgammon-hud__modes,.backgammon-hud__controls{font-size:var(--game-unit);align-self:center}.backgammon-hud__stats{margin-left:var(--game-unit);grid-area:stats;justify-self:start;gap:1.25em;display:flex}.backgammon-hud__controls{margin-right:var(--game-unit);grid-area:controls;justify-self:end;gap:.5em;display:flex}.backgammon-hud__modes{grid-area:modes;justify-self:center;gap:.25em;display:flex}.backgammon-hud__mode{border-radius:calc(var(--game-unit) * .75);color:var(--cream);font-family:var(--display);white-space:nowrap;padding:.25em .75em;font-weight:600;text-decoration:none}.backgammon-hud__mode:hover{background:#0000001f}.backgammon-hud__mode[aria-current=page]{color:var(--cream);background:#00000038}.backgammon-hud__stat{align-items:baseline;gap:.25em;display:flex}.backgammon-hud__stat-label{color:var(--cream);white-space:nowrap;font-size:.875em}.backgammon-hud__stat-value{min-width:var(--reading);white-space:nowrap;font-size:1.0625em;font-weight:700;display:inline-grid}.backgammon-hud__stat-value>span{grid-area:1/1}.backgammon-hud__stat-reserve{visibility:hidden}.backgammon-hud__seats{flex-wrap:wrap;align-items:center}.backgammon-hud__seat{border-radius:calc(var(--game-unit) * .5);align-items:center;gap:.35em;padding:.15em .5em;display:flex}.backgammon-hud__seat[data-acting]{background:color-mix(in srgb, var(--accent) 28%, transparent)}.backgammon-hud__checker{width:1.1em;height:1.1em}.backgammon-hud__name{font-weight:600;position:relative}.backgammon-hud__score{font-weight:700}.backgammon-hud__badge,.backgammon-hud__clock{font-size:.8125em}.backgammon-hud__refusal,.backgammon-hud__note{margin:0;font-size:.875em}.backgammon-length .setting{flex-direction:column;align-items:stretch;gap:.5em}.backgammon-length .segmented{grid-template-columns:repeat(4,auto);display:grid}.backgammon-length .segmented span{text-align:center;white-space:nowrap;padding-inline:.5em}.backgammon{min-height:0;padding:calc(var(--game-unit) * .25) var(--game-unit) calc(var(--game-unit) * .5);isolation:isolate;--backgammon-frame:#4a2e1c;--backgammon-ground:#9c7a4e;--backgammon-point:#a8452c;--backgammon-point-even:#2f6e6a;--backgammon-tray:#7d5e3a;--backgammon-ink:#22150a;--backgammon-white:#f3f3f3;--backgammon-white-edge:#b6b6b6;--backgammon-black:#464444;--backgammon-black-edge:#191919;--backgammon-mark:var(--accent);grid-area:table;place-items:center;display:grid;position:relative;container-type:size}.backgammon__board{--board-w:round(down, min(100cqw, calc(100cqh * var(--board-across) / var(--board-down))), 1px);width:var(--board-w);height:calc(var(--board-w) * var(--board-down) / var(--board-across));--u:calc(var(--board-w) / var(--board-across));--focus-ring:var(--cream);border-radius:calc(var(--u) * .25);position:relative;box-shadow:0 .375rem #0003,0 1rem 2rem #00000040}.backgammon__art{width:100%;height:100%;position:absolute;inset:0}.backgammon__frame{fill:var(--backgammon-frame)}.backgammon__ground{fill:var(--backgammon-ground)}.backgammon__tray{fill:var(--backgammon-tray)}.backgammon__point{fill:var(--backgammon-point)}.backgammon__point--even{fill:var(--backgammon-point-even)}.backgammon__checkers{pointer-events:none;position:absolute;inset:0}.backgammon__checker,.backgammon__count{left:calc(var(--x) * var(--u) - var(--u) / 2);top:calc(var(--y) * var(--u) - var(--u) / 2);width:var(--u);height:var(--u);position:absolute}.backgammon__checker{-webkit-user-select:none;user-select:none;display:block}.backgammon__checker--flying{z-index:2}@media (prefers-reduced-motion:no-preference){.backgammon__checker--flying{will-change:transform}}.backgammon__count{z-index:1;color:var(--backgammon-ink);font-family:var(--display);font-size:calc(var(--u) * .42);place-items:center;font-weight:600;display:grid}.backgammon__count[data-seat="1"]{color:var(--backgammon-white)}.backgammon__slice{left:calc(var(--x) * var(--u) - var(--u) * .43);top:calc((var(--y) - var(--thickness) / 2) * var(--u));width:calc(var(--u) * .86);height:calc(var(--thickness) * var(--u));border:max(1px, calc(var(--u) * .05)) solid var(--backgammon-white-edge);border-radius:calc(var(--u) * .08);background:var(--backgammon-white);box-sizing:border-box;position:absolute}.backgammon__slice[data-seat="1"]{border-color:var(--backgammon-black-edge);background:var(--backgammon-black)}.backgammon__pips{left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));color:var(--cream);font-size:max(.625rem, calc(var(--u) * .42));margin:0;font-weight:700;line-height:1;position:absolute;translate:-50% -50%}.backgammon__places{pointer-events:none;position:absolute;inset:0}.backgammon__place{pointer-events:auto;left:calc(var(--left) * var(--u));top:calc(var(--top) * var(--u));width:calc(var(--wide) * var(--u));height:calc(var(--tall) * var(--u));border-radius:calc(var(--u) * .2);cursor:default;background:0 0;border:0;padding:0;position:absolute}.backgammon__place[data-source],.backgammon__place[data-target]{cursor:pointer}.backgammon__place[data-source]{background:color-mix(in srgb, var(--cream) 14%, transparent)}.backgammon__place[data-selected]{background:color-mix(in srgb, var(--backgammon-mark) 30%, transparent);box-shadow:inset 0 0 0 max(2px, calc(var(--u) * .08)) var(--backgammon-mark)}.backgammon__place[data-target]{background:color-mix(in srgb, var(--backgammon-mark) 22%, transparent)}.backgammon__target{min-width:calc(var(--u) * .8);height:calc(var(--u) * .8);padding-inline:calc(var(--u) * .1);border-radius:calc(var(--u) * .4);background:var(--backgammon-mark);color:var(--accent-ink);font-family:var(--display);font-size:calc(var(--u) * .42);box-sizing:border-box;pointer-events:none;place-items:center;font-weight:600;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.backgammon__dice{left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));gap:calc(var(--u) * .2);padding:calc(var(--u) * .15);border-radius:calc(var(--u) * .3);filter:brightness(1.0001);cursor:default;--die-cube-size:calc(var(--u) * .95);background:0 0;border:0;display:flex;position:absolute;translate:-50% -50%}.backgammon__dice[data-ready]{cursor:pointer;box-shadow:0 0 0 max(2px, calc(var(--u) * .08)) color-mix(in srgb, var(--cream) 85%, transparent)}.backgammon__dice[data-send]{box-shadow:0 0 0 max(2px, calc(var(--u) * .1)) var(--backgammon-mark)}.backgammon__dice[data-rolling]{filter:none}.backgammon__dice[data-empty]{visibility:hidden}.backgammon__die{width:calc(var(--u) * 1.4);height:calc(var(--u) * 1.4);display:block;position:relative}.backgammon__cube{left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(var(--u) * .8);height:calc(var(--u) * .8);border-radius:calc(var(--u) * .14);background:var(--panel);box-shadow:0 calc(var(--u) * .08) 0 var(--panel-edge);color:var(--ink);font-family:var(--display);font-size:calc(var(--u) * .42);cursor:default;perspective:calc(var(--u) * 4);border:0;padding:0;font-weight:600;position:absolute;translate:-50% -50%}.backgammon__cube[data-ready]{cursor:pointer;box-shadow:0 calc(var(--u) * .08) 0 var(--panel-edge), 0 0 0 max(2px, calc(var(--u) * .08)) var(--backgammon-mark)}.backgammon__cube-face{place-items:center;width:100%;height:100%;display:grid}@media (prefers-reduced-motion:no-preference){.backgammon__cube{transition:top var(--duration-panel) var(--ease-settle)}}.backgammon__line{left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(var(--u) * 5.6);color:var(--backgammon-ink);font-size:max(.75rem, calc(var(--u) * .46));text-align:center;margin:0;font-weight:600;line-height:1.2;position:absolute;translate:-50% -50%}.backgammon__band-slot{--slot-width:12rem;left:max(calc(var(--x) * var(--u)), calc(var(--slot-width) / 2 + var(--u) * .25));top:calc(var(--y) * var(--u));width:var(--slot-width);z-index:3;position:absolute;translate:-50% -50%}.backgammon__offer{text-align:center;--focus-ring:var(--ink);padding:.75rem 1rem}.backgammon__offer-line{color:var(--ink);margin:0 0 .5rem;font-weight:600}.backgammon__offer-actions{justify-content:center;gap:.5rem;display:flex}.backgammon-end__panel,.backgammon-sheet__panel{max-width:min(32em,100%)}.backgammon-sheet__scroll{flex-direction:column;gap:1.25em;display:flex}.backgammon-scores{border-collapse:collapse;width:100%;font-size:.9375em}.backgammon-scores__caption{font-family:var(--display);text-align:left;margin-bottom:.25em;font-weight:600}.backgammon-scores th,.backgammon-scores td{text-align:right;padding:.25em .5em}.backgammon-scores thead th{border-bottom:.0625em solid var(--panel-edge);color:var(--ink-soft);font-weight:700}.backgammon-scores tbody th{text-align:left;font-weight:600}.backgammon-scores tr[data-yours]{font-weight:700}.backgammon-end .backgammon-scores{min-width:14em}@media (width<=48rem) and (height>=24rem){.backgammon-game{grid-template:"stats""modes""table"minmax(0,1fr)"controls"/minmax(0,1fr)}.backgammon-hud__modes{margin-top:-.25rem;padding-bottom:.125rem;font-size:.9375rem;line-height:1.25}.backgammon-hud__mode{padding-block:.1875em}.backgammon-hud__stats,.backgammon-hud__controls{flex-wrap:wrap;justify-content:center;justify-self:center;margin:0;padding-block:.5rem;font-size:1rem}.backgammon-hud__stats{gap:.25rem .75rem;font-size:.875rem}.backgammon-hud__controls{justify-content:space-evenly;gap:1.5rem .5rem;width:100%;padding-block:.5rem 1.5rem;padding-inline:.5rem}.backgammon-hud__label{color:var(--cream);font-family:var(--body);text-align:center;white-space:nowrap;pointer-events:none;font-size:.625rem;line-height:1;position:absolute;inset:calc(100% + .375rem) -1rem auto}.backgammon-hud__icon{display:block}.backgammon-hud__button--icon .backgammon-hud__icon{width:1.5rem;height:1.5rem}.backgammon-hud__button{border-radius:var(--radius-control);width:2.75rem;height:2.75rem;box-shadow:0 .25rem 0 var(--hud-edge);padding-inline:0}.backgammon-hud__button:active:not(:disabled,[aria-disabled=true]){box-shadow:0 .0625rem 0 var(--hud-edge);transform:translateY(.1875rem)}.backgammon{padding-inline:0}.backgammon-scores{font-size:.875em}.backgammon-scores th,.backgammon-scores td{padding:.25em .375em}}