:root{--bgv-geometry-unit: 1px;--bgv-borne-off-width: 3.75rem;--bgv-action-gap: 2cm;--safe-area-top: 0px;--safe-area-right: 0px;--safe-area-bottom: 0px;--safe-area-left: 0px;--bgv-bg-primary: var(--color-background-primary, #f9f9f8);--bgv-bg-secondary: var(--color-background-secondary, #f1f0ef);--bgv-text-primary: var(--color-text-primary, #21201c);--bgv-text-secondary: var(--color-text-secondary, #63635e);--bgv-text-muted: var(--color-text-tertiary, #63635e);--bgv-accent: var(--color-accent-primary, #0d3d38);--bgv-accent-hover: var(--color-accent-primary-hover, #008573);--bgv-accent-text: var(--color-accent-text, #fff);--bgv-font-family: var(--font-sans, system-ui, sans-serif);--bgv-board-primary: var(--color-surface-primary, #e2e1de);--bgv-board-border: var(--color-border-primary, #cfceca);--bgv-point-odd: var(--color-surface-secondary, #7d5e54);--bgv-point-even: var(--color-surface-tertiary, #5f6563);--bgv-point-label-black-bg: var(--color-point-label-black-bg, #fdfdfc);--bgv-point-label-black-text: var(--color-point-label-black-text, #21201c);--bgv-board-label: var(--color-board-label, var(--bgv-text-primary));--bgv-checker-white-bg: var(--color-checker-white, #fdfdfc);--bgv-checker-white-border: var(--color-checker-white-border, #63635e);--bgv-checker-black-bg: var(--color-checker-black, #21201c);--bgv-checker-black-border: var(--color-checker-black-border, #fdfdfc);--bgv-die-bg: var(--color-die-background, #fdfdfc);--bgv-die-text: var(--color-die-text, #21201c);--bgv-die-used-bg: var(--color-die-used-background, #cfceca);--bgv-selection-color: var(--color-selection, #0d3d38);--bgv-selection-shadow: var(--color-selection-shadow, #fdfdfc);--bgv-selection-bg: var(--color-selection-background, #ccf3ea);--bgv-valid-move-color: var(--color-valid-move, #ccf3ea);--bgv-valid-move-hover-color: var(--color-valid-move-hover, #ccf3ea);--bgv-valid-move-bg: var(--color-valid-move-background, #ccf3ea);--bgv-valid-move-point-outline: var( --color-valid-move-point-outline, rgb(16, 16, 16) );--bgv-valid-move-off-outline: var(--color-valid-move-off-outline, #21201c);--bgv-button-bg: var(--color-button-background, #dad9d6);--bgv-button-hover-bg: var(--color-button-hover-background, #cfceca);--bgv-accent-shadow: var(--color-accent-shadow, rgba(74, 144, 217, .4));--bgv-accent-shadow-hover: var( --color-accent-shadow-hover, rgba(74, 144, 217, .5) )}:root:is([data-theme=dark],[data-style=modern-dark]){--bgv-bg-primary: var(--color-background-primary, #222221);--bgv-bg-secondary: var(--color-background-secondary, #191918);--bgv-text-primary: var(--color-text-primary, #eeeeec);--bgv-text-secondary: var(--color-text-secondary, #b5b3ad);--bgv-text-muted: var(--color-text-tertiary, #b5b3ad);--bgv-accent: var(--color-accent-primary, #adf0dd);--bgv-accent-hover: var(--color-accent-primary-hover, #ccf3ea);--bgv-accent-text: var(--color-accent-text, #0d3d38);--bgv-board-primary: var(--color-surface-primary, #2a2a28);--bgv-board-border: var(--color-border-primary, #3b3a37);--bgv-point-odd: var(--color-surface-secondary, #a18072);--bgv-point-even: var(--color-surface-tertiary, #717d79);--bgv-checker-white-border: var(--color-checker-white-border, #21201c);--bgv-die-used-bg: var(--color-die-used-background, #b5b3ad);--bgv-selection-color: var(--color-selection, #adf0dd);--bgv-selection-bg: var(--color-selection-background, #145750);--bgv-button-bg: var(--color-button-background, #494844);--bgv-button-hover-bg: var(--color-button-hover-background, #3b3a37)}:root[data-style=original-chestnut]{--color-background-primary: #e5c7a0;--color-background-secondary: #ead0ae;--color-text-primary: #2b1a10;--color-text-secondary: #513321;--color-text-tertiary: #513321;--color-accent-primary: #94263a;--color-accent-primary-hover: #7b1d30;--color-accent-text: #fffaf2;--color-surface-primary: #c49564;--color-border-primary: #5b321e;--color-surface-secondary: #efdbb8;--color-surface-tertiary: #382113;--color-checker-white: #fffaf2;--color-checker-white-border: #5b321e;--color-checker-black: #24170f;--color-checker-black-border: #fffaf2;--color-die-background: #fffaf2;--color-die-text: #24170f;--color-die-used-background: #b59a79;--color-selection: var(--color-accent-primary);--color-selection-shadow: #fffaf2;--color-selection-background: #efd6b8;--color-valid-move: #fff1c7;--color-valid-move-hover: #ffe5a0;--color-valid-move-background: #efd6b8;--color-valid-move-point-outline: #24170f;--color-valid-move-off-outline: #24170f;--color-button-background: #c39b6a;--color-button-hover-background: #b98956;--color-board-label: #fffaf2}:root[data-style=walnut-burgundy]{--color-background-primary: #211814;--color-background-secondary: #160f0c;--color-text-primary: #f6ead7;--color-text-secondary: #c9ad96;--color-text-tertiary: #c9ad96;--color-accent-primary: #dca74a;--color-accent-primary-hover: #edbb68;--color-accent-text: #2a140e;--color-surface-primary: #74452f;--color-border-primary: #321a13;--color-surface-secondary: #e6d7ba;--color-surface-tertiary: #7e2433;--color-checker-white: #f6ead7;--color-checker-white-border: #321a13;--color-checker-black: #2a140e;--color-checker-black-border: #f6ead7;--color-die-background: #f6ead7;--color-die-text: #2a140e;--color-die-used-background: #8f7565;--color-selection: var(--color-accent-primary);--color-selection-shadow: #2a140e;--color-selection-background: #594322;--color-valid-move: #f6ead7;--color-valid-move-hover: #ffffff;--color-valid-move-background: #f6ead7;--color-valid-move-point-outline: #160f0c;--color-valid-move-off-outline: #f6ead7;--color-button-background: #5b3329;--color-button-hover-background: #7e2433;--color-board-label: #f6ead7}:root[data-style=oak-forest]{--color-background-primary: #e2dec7;--color-background-secondary: #e3cf9e;--color-text-primary: #1f3128;--color-text-secondary: #30463b;--color-text-tertiary: #30463b;--color-accent-primary: #963912;--color-accent-primary-hover: #7c2d0c;--color-accent-text: #fffdf6;--color-surface-primary: #c6a16a;--color-border-primary: #294532;--color-surface-secondary: #eee0be;--color-surface-tertiary: #0b2410;--color-checker-white: #fffdf6;--color-checker-white-border: #294532;--color-checker-black: #212b20;--color-checker-black-border: #fffdf6;--color-die-background: #fffdf6;--color-die-text: #212b20;--color-die-used-background: #b4a283;--color-selection: var(--color-accent-primary);--color-selection-shadow: #fffdf6;--color-selection-background: #f2dec4;--color-valid-move: #f2dec4;--color-valid-move-hover: #fff0da;--color-valid-move-background: #f2dec4;--color-valid-move-point-outline: #212b20;--color-valid-move-off-outline: #212b20;--color-button-background: #d7c6a4;--color-button-hover-background: #c9b58e;--color-board-label: #fffdf6}.board-view{container-type:inline-size;display:flex;flex-direction:column;gap:16px;color:var(--bgv-text-primary);margin:0 auto;font-family:var(--bgv-font-family)}.game-info{display:flex;flex-direction:column;gap:4px;color:var(--bgv-text-primary);font-size:.875rem;line-height:1.5;min-height:4.125rem}.game-info__summary{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 1rem}.game-info--metadata{display:grid;gap:.125rem;min-block-size:0;max-inline-size:12rem;padding:.25rem .5rem;border:1px solid var(--bgv-board-border);border-radius:6px;background:var(--bgv-bg-primary);font-size:.75rem;line-height:1.2;overflow-wrap:anywhere}.game-info__stat{display:grid;align-content:center;justify-items:center;gap:.125rem;min-width:0;text-align:center;line-height:1}.game-info__stat-value{font-size:1.25em;font-variant-numeric:tabular-nums}.game-status-panel{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:.75rem 1.5rem;min-block-size:5rem;max-inline-size:100%;padding:.625rem 1.25rem;border:1px solid var(--bgv-board-border);border-radius:8px;color:var(--bgv-text-primary);background:var(--bgv-bg-primary);font-size:.875rem;line-height:1.4}.game-status-panel__item{display:flex;min-inline-size:5.5rem;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;text-align:center}.game-status-panel__symbol{display:grid;inline-size:1.75rem;block-size:1.75rem;place-items:center;color:var(--bgv-text-secondary)}.game-status-panel__symbol .checker{box-sizing:border-box;inline-size:1.5rem;block-size:1.5rem}.game-status-panel__symbol svg{inline-size:1.5rem;block-size:1.5rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media (prefers-reduced-motion: no-preference){.game-status-panel{transition:opacity .12s ease-out}}@media (forced-colors: active){.game-status-panel{border-color:CanvasText}}.dice-display{display:flex;align-items:center;gap:calc(8 * var(--bgv-geometry-unit));justify-content:center;direction:ltr}.dice-display__doubles{color:var(--bgv-text-secondary);font-size:calc(12 * var(--bgv-geometry-unit))}.die{width:2.75rem;height:2.75rem;flex:0 0 2.75rem;position:relative;border:calc(1 * var(--bgv-geometry-unit)) solid var(--bgv-text-secondary);padding:0;background:var(--bgv-die-bg);border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:calc(18 * var(--bgv-geometry-unit));color:var(--bgv-die-text);box-shadow:0 calc(1 * var(--bgv-geometry-unit)) calc(2 * var(--bgv-geometry-unit)) #0003,0 calc(3 * var(--bgv-geometry-unit)) calc(6 * var(--bgv-geometry-unit)) #00000040}.die--preview,.die:focus-visible{z-index:2;outline:calc(3 * var(--bgv-geometry-unit)) solid var(--bgv-accent);outline-offset:calc(-1 * var(--bgv-geometry-unit))}.point--selected .checker:last-child,.bar__section--selected .checker:last-child{z-index:2;outline:0}.checker__active-artwork{position:absolute;top:calc(-1 * (var(--bgv-checker-border-width) + 2 * var(--bgv-geometry-unit)));left:calc(-1 * (var(--bgv-checker-border-width) + 2 * var(--bgv-geometry-unit)));width:calc(100% + 2 * (var(--bgv-checker-border-width) + 2 * var(--bgv-geometry-unit)));height:calc(100% + 2 * (var(--bgv-checker-border-width) + 2 * var(--bgv-geometry-unit)));z-index:1;display:none;overflow:visible;opacity:0;pointer-events:none}.checker__active-artwork circle{cx:50%;cy:50%}.checker__active-accent{r:50%;fill:var(--bgv-checker-active-accent)}.checker__active-rim{r:calc(50% - 3 * var(--bgv-geometry-unit));fill:var(--bgv-checker-active-rim)}.checker__active-face{r:calc(50% - var(--bgv-checker-border-width) - 2 * var(--bgv-geometry-unit));fill:var(--bgv-checker-active-face)}.point--selected .checker:last-child .checker__active-artwork,.bar__section--selected .checker:last-child .checker__active-artwork{display:block;opacity:1}.die--preview:after{content:"";position:absolute;bottom:calc(2 * var(--bgv-geometry-unit));width:50%;z-index:2;border-bottom:calc(2 * var(--bgv-geometry-unit)) solid currentColor}.point--clickable:focus-visible,.bar__section--clickable:focus-visible{outline:none;box-shadow:none}.die--used{background:var(--bgv-die-used-bg);border-style:dashed}.die--used:after{content:"";position:absolute;width:80%;border-top:calc(2 * var(--bgv-geometry-unit)) solid currentColor;transform:rotate(-45deg)}.die--faded{opacity:.3;background:var(--bgv-die-used-bg)}.die__face{width:100%;height:100%;pointer-events:none}.bgv-visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.board-surface{--bgv-bar-width: 3.5rem;--bgv-quadrant-line-inset: 0;box-sizing:border-box;position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr var(--bgv-borne-off-width);grid-template-rows:minmax(18rem,1fr) minmax(7rem,auto) minmax(18rem,1fr);gap:0;background:var(--bgv-board-primary);border:.375rem solid var(--bgv-board-border);border-radius:calc(8 * var(--bgv-geometry-unit));box-shadow:inset 0 0 0 1px var(--bgv-board-label);min-height:calc(400 * var(--bgv-geometry-unit));min-width:calc(52rem + calc(8 * var(--bgv-geometry-unit)));flex:1}.board-surface--home-left{grid-template-columns:1fr 1fr var(--bgv-borne-off-width)}.board-surface__row{min-height:18rem;display:flex;grid-column:1 / 3}.board-surface__row--top{grid-row:1}.board-surface__row--bottom{grid-row:3}.board-surface--home-left .board-surface__row{grid-column:1 / 3}.board-surface__actions{grid-column:1 / 3;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr) var(--bgv-bar-width) minmax(0,1fr);grid-template-rows:repeat(2,minmax(3.5rem,auto));min-width:0}.board-surface--home-left .board-surface__actions{grid-column:1 / 3}.board-surface__actions:has(.controls__button--resign){grid-template-rows:repeat(2,minmax(3.5rem,auto)) minmax(48px,auto)}.board-surface__actions .controls__button--resign{grid-column:1;grid-row:3;align-self:center;justify-self:center;min-height:44px;max-inline-size:100%;white-space:normal}:root .board-layout .board-surface__actions:has(.controls__button--resign) .board-surface__bar-bridge{grid-row:1 / -1}.board-surface__bar-bridge{grid-column:2;grid-row:1 / 3;width:100%;background:var(--bgv-board-border)}.board-surface__desktop-bars{display:none}.board-surface__action-content{display:contents}.board-surface__actions .controls{grid-column:1;grid-row:1 / 3;display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding-inline:.5rem}.board-surface__actions .double-proposal{display:contents}.double-proposal__message{grid-column:3;grid-row:1 / 3;align-self:center;min-width:0;padding-inline:.5rem}.double-proposal__actions{grid-column:1;grid-row:1 / 3;align-self:center;justify-self:center}.controls__buttons,.double-proposal__actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--bgv-action-gap)}.controls__message,.double-proposal__message{font-size:1rem;line-height:1.4;text-align:center;overflow-wrap:anywhere}.board-surface__actions .controls--roll,.board-surface__actions .controls--roll .controls__buttons{display:contents}.board-surface__actions .controls--roll .controls__button--double{grid-column:1;grid-row:1 / 3;align-self:center;justify-self:center}.board-surface__actions .controls--roll .controls__button--roll{z-index:1;grid-column:3;grid-row:1 / 3;align-self:center;justify-self:center}.board-surface__dice{grid-column:3;grid-row:1 / 3;align-self:center;justify-self:center}.board-surface__actions[data-dice-side=left] .board-surface__dice{grid-column:1}.board-surface__actions[data-dice-side=left] .controls:not(.controls--roll){grid-column:3}.board-surface__actions[data-dice-side=left] .controls--roll .controls__button--roll{grid-column:1}.board-surface__actions[data-dice-side=left] .controls--roll .controls__button--double{grid-column:3}.board-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:1.5rem;border-radius:inherit;background:#0000007a}.board-overlay__card{display:grid;grid-template-columns:minmax(0,1fr);inline-size:min(28rem,100%);max-block-size:100%;place-items:center;gap:.75rem;overflow:auto;padding:1.5rem;border:1px solid var(--bgv-board-border);border-radius:12px;color:var(--bgv-text-primary);background:var(--bgv-bg-primary);text-align:center;box-shadow:0 8px 28px #00000047}.game-result-overlay__icon{inline-size:2.5rem;block-size:2.5rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.game-result-overlay h2,.game-result-overlay p{margin:0;overflow-wrap:anywhere}.game-result-overlay h2{font-size:1.5rem;line-height:1.2;text-wrap:balance}.game-result-overlay p{line-height:1.5;text-wrap:pretty}.game-result-overlay .controls__button{grid-column:auto;grid-row:auto}@media (prefers-reduced-motion: no-preference){.game-result-overlay{transition:opacity .12s ease-out}}@media (forced-colors: active){.game-result-overlay{background:transparent}.board-overlay__card{color:CanvasText;background:Canvas;border-color:CanvasText}}.borne-off{position:relative;display:grid;grid-column:3;justify-items:center;padding:calc(8 * var(--bgv-geometry-unit));background:var(--bgv-board-border);gap:calc(4 * var(--bgv-geometry-unit))}.borne-off--bottom{grid-row:3;grid-template-rows:minmax(0,1fr) auto}.borne-off--top{grid-row:1;grid-template-rows:auto minmax(0,1fr)}.board-surface--home-left .borne-off{grid-column:3}.borne-off__text{display:flex;align-items:center;gap:calc(4 * var(--bgv-geometry-unit));grid-column:1}.borne-off--top .borne-off__text{grid-row:1;align-self:start}.borne-off--bottom .borne-off__text{grid-row:2;align-self:end}.borne-off__text .checker,.borne-off__checkers .checker{box-sizing:border-box;inline-size:calc(32 * var(--bgv-geometry-unit));block-size:calc(8 * var(--bgv-geometry-unit));border-radius:calc(2 * var(--bgv-geometry-unit));box-shadow:none}.borne-off__checkers{grid-column:1;grid-row:2;align-self:center;display:flex;flex-direction:column;gap:calc(2 * var(--bgv-geometry-unit));max-height:calc(150 * var(--bgv-geometry-unit));overflow:hidden}.borne-off--bottom .borne-off__checkers{grid-row:1}.borne-off__checkers .checker{flex-shrink:0}.borne-off__count{font-size:.875rem;font-weight:700;color:var(--bgv-board-label)}.quadrant{position:relative;display:flex;flex:1}.quadrant:after{content:"";position:absolute;inset-inline:0;z-index:2;block-size:1px;background:var(--bgv-board-label);opacity:.25;pointer-events:none}.quadrant--top{align-items:flex-start}.quadrant--top:after{top:var(--bgv-quadrant-line-inset)}.quadrant--bottom{align-items:flex-end}.quadrant--bottom:after{bottom:var(--bgv-quadrant-line-inset)}.point{display:flex;flex:1 1 0;min-width:0;min-height:18rem;height:100%;position:relative;align-items:center}.point--top{flex-direction:column}.point--bottom{flex-direction:column-reverse}.point__triangle,.point__destination-outline{position:absolute;left:0;width:100%;height:16rem;pointer-events:none}.point__triangle{z-index:0;border:0}.point--top .point__triangle,.point--top .point__destination-outline{top:2rem}.point--top .point__triangle{clip-path:polygon(0 0,100% 0,50% 100%)}.point--bottom .point__triangle,.point--bottom .point__destination-outline{bottom:2rem}.point--bottom .point__triangle{clip-path:polygon(50% 0,100% 100%,0 100%)}.point__destination-outline{display:block;overflow:visible;opacity:0;z-index:1}.point--bottom .point__destination-outline{transform:rotate(180deg)}.point__destination-outline polygon{fill:none;stroke:var(--bgv-accent);stroke-width:calc(3 * var(--bgv-geometry-unit));stroke-linejoin:round;vector-effect:non-scaling-stroke}.point--odd .point__triangle{--bgv-point-fill: var(--bgv-point-odd);background:var(--bgv-point-fill)}.point--even .point__triangle{--bgv-point-fill: var(--bgv-point-even);background:var(--bgv-point-fill)}.point__checkers{width:100%;display:flex;align-items:center;gap:0;padding:0;z-index:2}.point--top .point__checkers{flex-direction:column;margin-top:2rem}.point--bottom .point__checkers{flex-direction:column-reverse;margin-bottom:2rem}.point__checkers .checker{--bgv-checker-border-width: calc(4 * var(--bgv-geometry-unit));box-sizing:border-box;width:calc(48 * var(--bgv-geometry-unit));height:calc(48 * var(--bgv-geometry-unit));border-width:var(--bgv-checker-border-width);margin-top:calc(-2 * var(--bgv-geometry-unit))}.point__checkers .checker:first-child{margin-top:0}.point--bottom .point__checkers .checker{margin-top:0;margin-bottom:calc(-2 * var(--bgv-geometry-unit))}.point--bottom .point__checkers .checker:first-child{margin-bottom:0}.point__labels{position:absolute;display:flex;gap:calc(4 * var(--bgv-geometry-unit));z-index:2}.point--top .point__labels{top:calc(4 * var(--bgv-geometry-unit))}.point--bottom .point__labels{bottom:calc(4 * var(--bgv-geometry-unit))}.point__label{font-size:.75rem;line-height:1.2}.point__label--white{color:var(--bgv-board-label)}:root:is([data-style=original-chestnut],[data-style=oak-forest]) .point__labels{--bgv-board-label: var(--bgv-text-primary)}.checker{--bgv-checker-border-width: calc(2 * var(--bgv-geometry-unit));--bgv-checker-active-accent: var(--bgv-accent);position:relative;flex-shrink:0;width:calc(32 * var(--bgv-geometry-unit));height:calc(32 * var(--bgv-geometry-unit));border-radius:50%;box-shadow:0 calc(2 * var(--bgv-geometry-unit)) calc(4 * var(--bgv-geometry-unit)) #0006;border:var(--bgv-checker-border-width) solid}.checker__count{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;font-size:.875rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;pointer-events:none}.checker--white .checker__count{color:var(--bgv-checker-black-bg)}.checker--black .checker__count{color:var(--bgv-checker-white-bg)}.checker--white{--bgv-checker-active-face: var(--bgv-checker-white-bg);--bgv-checker-active-rim: var(--bgv-checker-white-border);background:var(--bgv-checker-white-bg);border-color:var(--bgv-checker-white-border)}.checker--black{--bgv-checker-active-face: var(--bgv-checker-black-bg);--bgv-checker-active-rim: var(--bgv-checker-black-border);background:var(--bgv-checker-black-bg);border-color:var(--bgv-checker-black-border)}@media (forced-colors: active){.controls__button:focus-visible,.doubling-cube--clickable:focus-visible{outline-color:Highlight}.point--odd .point__triangle,.point--even .point__triangle{forced-color-adjust:none;background:GrayText}.checker{--bgv-checker-active-face: Canvas;--bgv-checker-active-rim: CanvasText;forced-color-adjust:none;background:Canvas;border-color:CanvasText;box-shadow:none}.checker--black{--bgv-checker-active-face: CanvasText;--bgv-checker-active-rim: Canvas;background:CanvasText;border-color:Canvas}.checker--white .checker__count{color:CanvasText}.checker--black .checker__count{color:Canvas}}.bar{box-sizing:border-box;width:var(--bgv-bar-width, 2.5rem);flex-shrink:0;background:var(--bgv-board-border);display:flex;flex-direction:column;padding:calc(4 * var(--bgv-geometry-unit)) calc(2 * var(--bgv-geometry-unit)) calc(8 * var(--bgv-geometry-unit));gap:calc(8 * var(--bgv-geometry-unit))}.bar--bottom{flex-direction:column-reverse;padding-block:calc(8 * var(--bgv-geometry-unit)) calc(4 * var(--bgv-geometry-unit))}.bar__section{display:flex;flex:1;min-height:calc(44 * var(--bgv-geometry-unit));flex-direction:column;align-items:center;justify-content:center;gap:calc(4 * var(--bgv-geometry-unit))}.bar__checkers{display:flex;flex-direction:column;align-items:center;gap:.125rem}.bar .checker{width:2.5rem;height:2.5rem;margin:0;box-sizing:border-box;flex-shrink:0}.bar--bottom .bar__checkers{flex-direction:column-reverse}.demo-controls{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bgv-bg-secondary);border-radius:6px}.demo-controls__button{padding:8px 16px;background:var(--bgv-button-bg);color:var(--bgv-text-primary);border:none;border-radius:4px;cursor:pointer;font-size:14px}@media (hover: hover){.demo-controls__button:hover:not(:disabled){background:var(--bgv-button-hover-bg)}}.demo-controls__button:disabled{opacity:.5;cursor:not-allowed}.demo-controls__button--primary{background:var(--bgv-accent)}@media (hover: hover){.demo-controls__button--primary:hover:not(:disabled){background:var(--bgv-accent-hover)}}.demo-controls__info{flex:1;text-align:center}.demo-controls__step{font-size:14px;color:var(--bgv-text-secondary)}.demo-controls__description{font-size:14px;color:var(--bgv-text-primary);margin-top:4px}.controls__message,.double-proposal__message{color:var(--bgv-text-primary)}.controls__button{min-height:calc(44 * var(--bgv-geometry-unit));padding:calc(10 * var(--bgv-geometry-unit)) calc(12 * var(--bgv-geometry-unit));font-size:1rem;font-weight:600;border:none;border-radius:calc(6 * var(--bgv-geometry-unit));cursor:pointer;touch-action:manipulation}.controls__button:focus-visible{outline:calc(2 * var(--bgv-geometry-unit)) solid var(--bgv-text-primary);outline-offset:calc(2 * var(--bgv-geometry-unit))}.controls__button:disabled{opacity:.4;cursor:not-allowed}.controls__button--roll,.controls__button--double,.controls__button--undo,.controls__button--end-turn{background:var(--bgv-accent);color:var(--bgv-accent-text)}@media (hover: hover){.controls__button--roll:hover:not(:disabled),.controls__button--double:hover:not(:disabled),.controls__button--undo:hover:not(:disabled),.controls__button--end-turn:hover:not(:disabled){background:var(--bgv-accent-hover)}}.point--clickable{border:0;padding:0;background:transparent;color:inherit;font:inherit;touch-action:manipulation;cursor:pointer}.point--valid-destination{cursor:default}.point--valid-destination:before{content:none}.bar__section--clickable{width:100%;border:0;padding:0;color:inherit;font:inherit;background:transparent;cursor:pointer;border-radius:calc(4 * var(--bgv-geometry-unit));touch-action:manipulation}.borne-off__preview-label{grid-column:1;text-align:center;pointer-events:none}.borne-off--top .borne-off__preview-label{grid-row:2;align-self:end;margin-block-end:calc(-4 * var(--bgv-geometry-unit))}.borne-off--bottom .borne-off__preview-label{grid-row:1;align-self:start;margin-block-start:calc(-4 * var(--bgv-geometry-unit))}.borne-off__checkers--valid-destination{position:relative;overflow:visible}.point--last-move-destination .checker:last-child{box-shadow:0 0 0 calc(2 * var(--bgv-geometry-unit)) var(--bgv-last-move-highlight, rgba(255, 200, 0, .6)),0 calc(2 * var(--bgv-geometry-unit)) calc(4 * var(--bgv-geometry-unit)) #0006}.point--previous-turn-destination .checker:last-child{box-shadow:0 0 0 calc(2 * var(--bgv-geometry-unit)) var(--bgv-previous-move-highlight, rgba(255, 160, 0, .5)),0 calc(2 * var(--bgv-geometry-unit)) calc(4 * var(--bgv-geometry-unit)) #0006}.point--valid-destination .point__triangle{filter:none}.point--valid-destination .point__destination-outline{opacity:1}@media (forced-colors: active){.point--odd .point__triangle,.point--even .point__triangle{background:GrayText}.point__destination-outline polygon{forced-color-adjust:none;stroke:Highlight}}.doubling-cube{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;background:var(--bgv-die-bg);border:calc(2 * var(--bgv-geometry-unit)) solid var(--bgv-text-secondary);border-radius:calc(6 * var(--bgv-geometry-unit));font-family:inherit;font-weight:700;font-size:1.5rem;color:var(--bgv-die-text)}.doubling-cube--owner-black{top:33.333333%}.doubling-cube--owner-white{top:66.666667%}.doubling-cube--clickable{cursor:pointer;touch-action:manipulation}.doubling-cube--clickable:focus-visible{outline:calc(2 * var(--bgv-geometry-unit)) solid var(--bgv-accent);outline-offset:calc(3 * var(--bgv-geometry-unit))}.doubling-cube__value{pointer-events:none}.doubling-cube__resting-face{display:none}.double-proposal__message{margin:0;font-weight:600}.double-proposal__message{overflow-wrap:anywhere}.double-proposal__button{min-width:0}.board-layout{display:flex;gap:1rem;min-width:0}.board-layout__rail{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);width:9rem;flex-shrink:0;color:var(--bgv-text-primary)}.board-layout__rail-header:empty{min-block-size:var(--bgv-rail-header-reserve, 0)}.board-layout__rail>.match-scoreboard:first-child{grid-row:1 / -1}.match-scoreboard{min-height:0;height:100%;display:grid;grid-template-rows:repeat(3,minmax(0,1fr));font-size:.875rem}.match-scoreboard__player--black{grid-row:1;align-self:start;padding-block-start:calc(4 * var(--bgv-geometry-unit))}.match-scoreboard__player--white{grid-row:3;align-self:end;padding-block-end:calc(4 * var(--bgv-geometry-unit))}.match-scoreboard__info{grid-row:2;min-width:0;overflow-wrap:anywhere;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem}.game-info,.match-scoreboard,.pip-counts,.borne-off__count,.point__label,.die,.doubling-cube{font-variant-numeric:tabular-nums}.pip-counts dd{margin:0;font-weight:600}.game-info__result{margin:0;line-height:1.5}.match-scoreboard__player{min-width:0;max-width:100%;overflow-wrap:anywhere;display:flex;flex-direction:column;gap:calc(4 * var(--bgv-geometry-unit))}.match-scoreboard__identity{display:flex;min-width:0;max-width:100%;align-items:center;gap:.375rem}.match-scoreboard__identity strong{flex:1 1 auto}.match-scoreboard__score{flex:0 0 auto;min-width:1.5em;padding-inline-start:.5rem;border-inline-start:1px solid var(--bgv-text-secondary);font-variant-numeric:tabular-nums}.match-scoreboard__identity .checker,.match-scoreboard__pips,.match-scoreboard__borne-off{display:none}.match-scoreboard__identity strong{min-inline-size:0;overflow-wrap:anywhere}.match-scoreboard__info{flex:1;justify-content:center}.pip-counts{margin:0;display:flex;flex-direction:column;gap:calc(12 * var(--bgv-geometry-unit));color:var(--bgv-board-label);font-size:1.125rem;text-align:center;line-height:1.5;font-variant-numeric:tabular-nums}.bar--top .pip-counts{margin-block:2rem 0}.bar--bottom .pip-counts{margin-block:0 2rem}@media (prefers-reduced-motion: no-preference){.checker,.controls__button,.bar__section--clickable,.doubling-cube--clickable{transition:background-color .12s ease-out,color .12s ease-out}}@media (forced-colors: active){.die{color:CanvasText;background:Canvas;border-color:CanvasText}.die__face{stroke:currentColor}.die--preview,.die:focus-visible,.point--clickable:focus-visible,.bar__section--clickable:focus-visible{outline-color:Highlight}.point--selected .checker:last-child,.bar__section--selected .checker:last-child{--bgv-checker-active-accent: Highlight}.die--preview,.die:focus-visible{box-shadow:none}}.board-layout__rail:not(:empty){isolation:isolate;background:var(--bgv-bg-primary)}.board-layout__rail:not(:empty):before{content:"";position:absolute;inset:0 calc(-1 * var(--bgv-rail-overhang, calc(8 * var(--bgv-geometry-unit))));z-index:-1;pointer-events:none;background:var(--bgv-bg-primary);border:calc(1 * var(--bgv-geometry-unit)) solid var(--bgv-board-border);border-radius:calc(8 * var(--bgv-geometry-unit))}.board-surface:after{content:"";grid-column:3;grid-row:2;background:var(--bgv-board-border);pointer-events:none}.board-surface--home-left:after{grid-column:3}@container app-shell (min-width: 80rem){.board-layout .board-surface{background-color:var(--bgv-board-border);background-image:linear-gradient(to right,var(--bgv-board-primary) calc(100% - var(--bgv-borne-off-width)),transparent calc(100% - var(--bgv-borne-off-width)))}.board-surface__actions:has(.controls__button--resign){grid-template-rows:repeat(2,minmax(3.5rem,auto))}.board-surface__actions .controls__button--resign{grid-column:3;grid-row:2}.board-surface__actions:has(.controls__button--resign) .board-surface__dice,.board-surface__actions:has(.controls__button--resign) .controls--roll .controls__button--roll{grid-row:1}.board-fit__canvas .board-layout .point{container-type:size}.board-fit__canvas .board-surface .point__checkers .checker{--bgv-checker-border-width: calc(4 * var(--bgv-geometry-unit));box-sizing:border-box;inline-size:100%;block-size:auto;aspect-ratio:1;border-width:var(--bgv-checker-border-width)}:root .board-fit__canvas .board-layout .point--top .point__checkers .checker:not(:first-child){margin-block-start:min(0px,calc((100cqb - 500cqi)/4))}:root .board-fit__canvas .board-layout .point--bottom .point__checkers .checker:not(:first-child){margin-block-end:min(0px,calc((100cqb - 500cqi)/4))}.board-fit__canvas .board-surface .point__checkers .checker__active-artwork,.board-surface__desktop-bars .bar .checker__active-artwork{inset:calc(-1 * var(--bgv-checker-border-width));width:calc(100% + 2 * var(--bgv-checker-border-width));height:calc(100% + 2 * var(--bgv-checker-border-width))}.board-surface__desktop-bars .bar__checkers{inline-size:100%}.board-surface__desktop-bars .bar .checker{--bgv-checker-border-width: calc(4 * var(--bgv-geometry-unit));box-sizing:border-box;inline-size:min(calc(53 * var(--bgv-geometry-unit)),100%);block-size:auto;aspect-ratio:1;border-width:var(--bgv-checker-border-width)}.board-layout .die{box-sizing:border-box;width:calc(48 * var(--bgv-geometry-unit));height:calc(48 * var(--bgv-geometry-unit));flex-basis:calc(48 * var(--bgv-geometry-unit))}.board-layout .die__face{stroke-width:3.5}.board-layout .die--used{opacity:.25}.board-layout .die--used:after{content:none}@media (forced-colors: active){.board-layout .die--used{opacity:1}}.board-layout .doubling-cube{font-weight:800}.board-layout .double-proposal__message{font-size:2rem}.board-layout .board-surface>.borne-off{position:static}.board-layout .borne-off__preview-label{position:absolute;inset:50% 0 auto auto;grid-area:auto;align-self:auto;margin:0;inline-size:var(--bgv-borne-off-width);transform:translateY(-50%);z-index:3;color:var(--bgv-board-label);font-size:1rem;line-height:1.125;text-align:center}.board-layout .borne-off__checkers{align-self:stretch;justify-content:space-evenly;inline-size:100%;min-block-size:0;max-height:none;gap:calc(4 * var(--bgv-geometry-unit));overflow:visible}.board-layout .borne-off__checkers .checker{inline-size:100%}:root[data-style=original-chestnut] .board-layout .match-scoreboard__score,:root[data-style=oak-forest] .board-layout .match-scoreboard__score{border-inline-start-color:currentColor}.board-layout .doubling-cube__resting-face{display:inline}.board-layout .doubling-cube__resting-value{display:none}.board-surface__row .bar>.bar__section{display:none}:root .board-layout .board-surface__actions .board-surface__bar-bridge{grid-row:1 / -1;display:grid;min-height:0}.board-surface__desktop-bars{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));min-height:0}.board-surface__desktop-bars>.bar{width:100%;min-height:0;padding:0;margin:0;gap:0}.board-surface__desktop-bars .bar__section{min-height:44px;justify-content:center}.board-layout[data-perspective=black] .match-scoreboard__player--white{grid-row:1;align-self:start;padding-block:calc(4 * var(--bgv-geometry-unit)) 0}.board-layout[data-perspective=black] .match-scoreboard__player--black{grid-row:-2 / -1;align-self:end;padding-block:0 calc(4 * var(--bgv-geometry-unit))}.board-layout[data-perspective=black] .doubling-cube--owner-white{top:33.333333%}.board-layout[data-perspective=black] .doubling-cube--owner-black{top:66.666667%}}@container app-shell (width < 80rem){:root body .board-layout{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(4,auto);width:100%;gap:0}:root .board-layout .board-layout__rail,:root .board-layout .board-layout__rail-header,:root .board-layout .match-scoreboard{display:contents}:root body .board-layout:has(>.board-layout__rail>.board-layout__rail-header>.board-layout__feedback){grid-template-rows:repeat(5,auto)}:root .board-layout .board-layout__feedback{grid-column:1;grid-row:3;min-width:0}:root .board-layout:has(.board-layout__feedback) .board-surface,:root .board-layout:has(.board-layout__feedback) .match-scoreboard>.doubling-cube{grid-row:4}:root .board-layout:has(.board-layout__feedback) .match-scoreboard__player--white{grid-row:5}:root .board-layout .board-layout__rail:not(:empty):before{content:none}:root .board-layout .board-layout__rail-header .game-info--metadata{grid-column:1;grid-row:1;display:flex;width:100%;max-width:none;min-height:1.5rem;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.125rem .75rem;padding:0 .5rem;border:0;border-radius:0;background:transparent;font-size:.75rem;white-space:normal}:root .board-layout .board-layout__rail-header .game-info__stat{gap:0;font-size:.625rem}:root .board-layout .board-layout__rail-header .game-status-panel{display:none}:root .board-layout .board-layout__rail>.match-scoreboard{position:static;height:auto;padding:0;border:0;border-radius:0;background:transparent}:root .board-layout .match-scoreboard__player{z-index:1;display:flex;width:100%;max-width:none;min-height:2.5rem;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.25rem .5rem;padding-block:.25rem;padding-inline:.5rem;color:var(--bgv-text-primary);background:var(--bgv-bg-secondary);font-size:.75rem;line-height:1.25}:root .board-layout .match-scoreboard__player--black{grid-column:1;grid-row:2}:root .board-layout .match-scoreboard__player--white{grid-column:1;grid-row:4}:root .board-layout .match-scoreboard__identity{min-width:80px}:root .board-layout .match-scoreboard__identity .checker{display:block;width:18px;height:18px;border-width:1px;box-shadow:none}:root .board-layout .match-scoreboard__pips{display:inline;margin-inline-start:auto;color:var(--bgv-text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap}:root .board-layout .match-scoreboard__borne-off{display:inline-flex;align-items:center;margin-inline-start:auto;gap:.375rem;color:var(--bgv-text-secondary);font-variant-numeric:tabular-nums}:root .board-layout .match-scoreboard__borne-off .checker{display:block;width:32px;height:11px;border-width:1px;border-radius:3px;box-shadow:none}:root .board-layout .match-scoreboard__borne-off--preview{position:relative;outline:2px solid var(--bgv-selection-color);outline-offset:2px}:root .board-layout .match-scoreboard>.doubling-cube{position:static;z-index:3;grid-column:1;grid-row:3;place-self:center;width:44px;height:44px;transform:none;translate:0;border-width:1px;border-radius:5px;font-size:18px}:root .board-layout .match-scoreboard>.doubling-cube--owner-black{translate:0 -14px}:root .board-layout .match-scoreboard>.doubling-cube--owner-white{translate:0 14px}:root .board-layout .board-surface,:root .board-layout .board-surface--home-left{--bgv-bar-width: 44px;--bgv-quadrant-line-inset: 0;--bgv-mobile-label-line-size: max(13.2px, min(3.528cqi, 2.4cqb));--bgv-mobile-half-action-size: 50px;--bgv-mobile-point-inset: max( 3cqb, calc(1.07cqi + var(--bgv-mobile-label-line-size) + 6px) );--bgv-mobile-checker-size: min( 6.417cqi, max( 0px, calc( ( 50cqb - var(--bgv-mobile-half-action-size) - var(--bgv-mobile-point-inset) ) / 5 ) ) );container-type:size;grid-column:1;grid-row:3;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr) 100px minmax(0,1fr);width:100%;min-width:0;height:min(calc(100cqi * 615 / 374),var(--board-mobile-max-height, calc(100cqi * 615 / 374)));min-height:0;aspect-ratio:auto}:root .board-layout .board-surface>.borne-off,:root .board-layout .board-surface:after{display:none;content:none}:root .board-layout .board-surface__row,:root .board-layout .board-surface--home-left .board-surface__row{grid-column:1 / 3;min-height:0}:root .board-layout .point{min-height:0}:root .board-layout .point__triangle,:root .board-layout .point__destination-outline{height:min(52.139cqi,max(0px,calc(44cqb - var(--bgv-mobile-half-action-size))))}:root .board-layout .point--top .point__triangle,:root .board-layout .point--top .point__destination-outline{top:min(5.615cqi,3cqb)}:root .board-layout .point--bottom .point__triangle,:root .board-layout .point--bottom .point__destination-outline{bottom:min(5.615cqi,3cqb)}:root .board-layout .point--top .point__checkers{margin-top:var(--bgv-mobile-point-inset)}:root .board-layout .point--bottom .point__checkers{margin-bottom:var(--bgv-mobile-point-inset)}:root .board-layout .point__checkers .checker{--bgv-checker-border-width: max( 1px, min(.35cqi, calc(var(--bgv-mobile-checker-size) * .08)) );width:var(--bgv-mobile-checker-size);height:var(--bgv-mobile-checker-size);border-width:var(--bgv-checker-border-width);margin-top:0}:root .board-layout .point__checkers .checker:first-child{margin-top:0}:root .board-layout .point--bottom .point__checkers .checker{margin-top:0;margin-bottom:0}:root .board-layout .point--bottom .point__checkers .checker:first-child{margin-bottom:0}:root .board-layout .bar .checker{--bgv-checker-border-width: max( 1px, min(.35cqi, calc(var(--bgv-mobile-checker-size) * .08)) );width:min(40px,var(--bgv-mobile-checker-size));height:min(40px,var(--bgv-mobile-checker-size));border-width:var(--bgv-checker-border-width)}:root .board-layout .point__label{font-size:max(11px,min(2.94cqi,2cqb))}:root .board-layout .checker__count{font-size:min(12px,calc(var(--bgv-mobile-checker-size) * .5))}:root .board-layout .point--top .point__labels{top:1.07cqi}:root .board-layout .point--bottom .point__labels{bottom:1.07cqi}:root .board-layout .bar{width:44px;padding:.25rem .125rem;gap:.25rem}:root .board-layout .bar .pip-counts{display:none}:root .board-layout .bar__section{min-height:0}:root .board-layout .board-surface__actions,:root .board-layout .board-surface--home-left .board-surface__actions{grid-column:1 / 3;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr))}:root .board-layout .board-surface:has(.controls__button--resign),:root .app-shell__layout:has(>.app-match-actions>.controls__button--resign) .board-layout .board-surface{container-type:inline-size;height:auto;min-height:max(min(calc(100cqi * 615 / 374),var(--board-mobile-max-height, calc(100cqi * 615 / 374))),calc(min(24rem,calc(100cqi * 615 / 374)) + 48px));grid-template-rows:minmax(auto,1fr) minmax(148px,auto) minmax(auto,1fr)}:root .board-layout .board-surface:has(.controls__button--resign)>.board-surface__row,:root .app-shell__layout:has(>.app-match-actions>.controls__button--resign) .board-layout .board-surface>.board-surface__row{container-type:size;--bgv-mobile-label-line-size: max(13.2px, 3.528cqi);--bgv-mobile-point-inset: calc( 1.07cqi + var(--bgv-mobile-label-line-size) + 6px );--bgv-mobile-checker-paint-outset: calc( max(1px, .35cqi) + 2 * var(--bgv-geometry-unit) );--bgv-mobile-checker-size: min( 6.417cqi, max( 0px, calc( ( 100cqb - var(--bgv-mobile-point-inset) - var(--bgv-mobile-checker-paint-outset) ) / 5 ) ) );min-height:calc(1.07cqi + var(--bgv-mobile-label-line-size) + 6px + 5 * min(6.417cqi,24px) + var(--bgv-mobile-checker-paint-outset))}:root .board-layout .board-surface:has(.controls__button--resign) :is(.point__triangle,.point__destination-outline),:root .app-shell__layout:has(>.app-match-actions>.controls__button--resign) .board-layout .board-surface :is(.point__triangle,.point__destination-outline){height:min(52.139cqi,max(0px,calc(100cqb - var(--bgv-mobile-point-inset) - 6px)))}:root .board-layout .board-surface:has(.controls__button--resign) .point--top :is(.point__triangle,.point__destination-outline),:root .app-shell__layout:has(>.app-match-actions>.controls__button--resign) .board-layout .board-surface .point--top :is(.point__triangle,.point__destination-outline){top:var(--bgv-mobile-point-inset)}:root .board-layout .board-surface:has(.controls__button--resign) .point--bottom :is(.point__triangle,.point__destination-outline),:root .app-shell__layout:has(>.app-match-actions>.controls__button--resign) .board-layout .board-surface .point--bottom :is(.point__triangle,.point__destination-outline){bottom:var(--bgv-mobile-point-inset)}:root .board-layout .board-surface:has(.controls__button--resign) .point__label,:root .app-shell__layout:has(>.app-match-actions>.controls__button--resign) .board-layout .board-surface .point__label{font-size:max(11px,2.94cqi)}:root .board-layout .board-surface__actions:has(.controls__button--resign){grid-template-rows:repeat(2,minmax(0,1fr)) minmax(48px,auto)}:root .board-layout .board-surface__bar-bridge{grid-row:1 / 3}:root .board-layout .board-surface__action-content,:root .board-layout .board-surface__actions .controls,:root .board-layout .board-surface__actions .controls__buttons{display:contents}:root .board-layout .board-surface__actions .controls__button{min-height:44px;align-self:center;justify-self:center;padding:8px 10px;font-size:14px}:root .board-layout .board-surface__actions :is(.controls__button--undo,.controls__button--double){grid-column:1;grid-row:1 / 3}:root .board-layout .board-surface__actions :is(.controls__button--roll,.controls__button--end-turn,.controls__button:not([class*=controls__button--])){grid-column:3;grid-row:1}:root .board-layout .board-surface__actions .controls__message{grid-column:1;grid-row:1 / 3;align-self:end;padding:.25rem;font-size:.75rem}:root .board-layout .board-surface__actions .double-proposal__message{grid-column:3;grid-row:1 / 3;align-self:center;min-width:0;padding-inline:.25rem;font-size:14px;line-height:1.4}:root .board-layout .board-surface__actions .double-proposal__actions{grid-column:1;grid-row:1 / 3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}:root .board-layout .board-surface__actions .double-proposal__button{min-height:44px;width:100%;padding:8px 10px;font-size:14px}:root .board-layout .board-surface__dice{grid-column:3;grid-row:2;width:100%;align-self:center;justify-self:stretch}:root .board-layout .board-surface__actions[data-dice-side=left] .board-surface__dice{grid-column:1}:root .board-layout .board-surface__actions[data-dice-side=left] .controls__button--undo,:root .board-layout .board-surface__actions[data-dice-side=left] .controls__button--double{grid-column:3}:root .board-layout .board-surface__actions[data-dice-side=left] .controls__button--roll{grid-column:1}:root .board-layout .dice-display{max-width:96px;min-height:44px;flex-wrap:wrap;gap:6px;margin-inline:auto}:root .board-layout .die{width:44px;height:44px;flex-basis:44px}:root .board-layout .board-surface:has(>.board-overlay){z-index:4}:root .board-layout .board-overlay{padding:.75rem}:root .board-layout .board-overlay__card{padding:1rem}}:root{--shell-focus-width: 2px;--shell-focus-offset: 3px;color:var(--bgv-text-primary);background:var(--bgv-bg-secondary);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--shell-border: var(--bgv-board-border);--shell-muted: var(--bgv-text-secondary);--shell-safe-area-top: env(safe-area-inset-top, 0px);--shell-safe-area-bottom: env(safe-area-inset-bottom, 0px);--shell-setup-text: #171411;--shell-setup-bg: #efe8dc;--shell-page-treatment: none;--shell-panel-treatment: none}:root[data-style=original-chestnut]{--shell-page-treatment: linear-gradient( 135deg, #e4c7a2, #ead0ae 60%, #efdabf );--shell-panel-treatment: linear-gradient(180deg, #efd7b7, #e5c7a0);--shell-panel-shadow: 0 8px 24px rgb(74 38 18 / .22);--shell-setup-text: var(--bgv-accent-text);--shell-setup-bg: var(--bgv-accent)}:root[data-style=oak-forest]{--shell-page-treatment: linear-gradient( 135deg, #dcc28e, #e3cf9e 60%, #eddcb6 );--shell-panel-treatment: linear-gradient(180deg, #eeebdc, #e2dec7);--shell-panel-shadow: 0 8px 24px rgb(31 73 58 / .2);--shell-setup-text: var(--bgv-accent-text);--shell-setup-bg: var(--bgv-accent)}:root:is([data-style=modern-dark],[data-style=walnut-burgundy]){--shell-setup-text: var(--bgv-text-primary);--shell-setup-bg: var(--bgv-button-bg)}*{box-sizing:border-box}body{margin:0;min-width:320px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.app-shell{--shell-page-gutter: 2rem;--board-frame-width: 53rem;--board-frame-height: 44rem;--board-canvas-width: 61rem;--board-fit-scale: 1;container-name:app-shell;container-type:inline-size;contain:paint;min-height:100dvh;overflow-x:clip;padding-block:max(1rem,var(--shell-safe-area-top)) max(1rem,var(--shell-safe-area-bottom));padding-inline:var(--shell-page-gutter);background-color:var(--bgv-bg-secondary);background-image:var(--shell-page-treatment)}.app-shell__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;align-items:start}.app-match-actions{display:flex;align-items:center;justify-self:start;min-inline-size:0;max-inline-size:100%;z-index:1}.app-match-actions:empty{display:none}.app-match-actions .controls__button--resign{min-block-size:44px;min-inline-size:44px;max-inline-size:100%;padding:.25rem 8px;white-space:normal;overflow-wrap:anywhere}.board-shell{min-width:0}.app-utility{display:grid;grid-template-columns:minmax(0,1fr);width:100%;min-width:0;align-content:space-between;gap:1rem;justify-items:end}.app-utility>.video-placeholder{width:100%;max-width:22rem;margin:0}.app-utility__bottom{display:grid;width:100%;max-width:22rem;justify-items:end;gap:.5rem}.match-feedback{display:grid;min-width:0;width:100%;grid-template-rows:minmax(3em,auto);row-gap:.5rem}.match-feedback>.match-status{grid-column:1;grid-row:1;align-self:end}.match-feedback>.match-status--routine{contain:inline-size}.match-feedback>.match-status-action{grid-column:1;grid-row:2}.app-utility__bottom:has(>.match-feedback){display:grid;grid-template-rows:auto auto}.app-utility__bottom>.match-feedback{grid-column:1;grid-row:1}.app-utility__bottom:has(>.match-feedback)>.app-utility__controls{grid-column:1;grid-row:2}.app-utility__controls{display:flex;flex-wrap:wrap;justify-content:end;gap:.5rem}.app-mobile-status,.camera-trigger{display:none}.app-utility .match-status{width:100%;text-align:end}.match-status-action{min-height:44px;border:1px solid var(--shell-border);border-radius:8px;padding:.5rem .75rem;color:var(--shell-setup-text);background:var(--shell-setup-bg);font:inherit;cursor:pointer}@container app-shell (min-width: 80rem){.app-shell__layout{grid-template-columns:minmax(0,1fr) 22rem}.app-match-actions{grid-column:2;grid-row:1;align-self:end;min-block-size:3rem;max-inline-size:calc(100% - 6.5rem - 16px);margin-inline-start:min(0px,calc((var(--board-canvas-width) * var(--board-fit-scale) - (100cqi - 22rem - 1rem)) / 2))}.board-shell{grid-column:1;grid-row:1}.app-utility{grid-column:2;grid-row:1;width:22rem;min-height:calc(var(--board-frame-height) * var(--board-fit-scale))}.app-utility>.video-placeholder,.app-utility__bottom{width:100%;max-width:none}.app-utility>.video-placeholder{width:var(--camera-inline-size, 100%);translate:var(--camera-inline-offset, 0) 0}.match-setup-overlay{right:var(--bgv-borne-off-width);border-start-end-radius:0;border-end-end-radius:0}}@media (max-width: 40rem){.app-shell{--shell-page-gutter: 1rem}}.video-placeholder{border:1px solid var(--shell-border);border-radius:24px;background:var(--bgv-bg-primary);box-shadow:0 4px 16px #0000000f;padding:16px;background-image:var(--shell-panel-treatment)}.game-info--metadata,.game-status-panel,.match-scoreboard,.board-overlay__card,.settings-dialog{background-image:var(--shell-panel-treatment)}:root:is([data-style=original-chestnut],[data-style=oak-forest]) :is(.video-placeholder,.game-info--metadata,.game-status-panel,.match-scoreboard,.board-overlay__card,.settings-dialog){box-shadow:var(--shell-panel-shadow)}:root:is([data-style=original-chestnut],[data-style=oak-forest]) :is(.settings-dialog select,.settings-dialog button,.settings-switch,.match-setup input){border-color:var(--bgv-accent)}.board-shell__viewport{--board-fit-bleed: min( calc(.5rem * var(--board-fit-scale, 1)), calc( var(--shell-page-gutter) - var(--shell-focus-width) - var(--shell-focus-offset) ) );overflow-x:auto;margin-inline-start:calc(-1 * var(--board-fit-bleed));padding-inline-start:var(--board-fit-bleed)}.video-placeholder{display:grid;aspect-ratio:16 / 9;place-content:center;gap:12px;text-align:center}.video-placeholder{width:100%;max-width:360px}.video-placeholder h2,.video-placeholder p{margin:0}.video-placeholder p{color:var(--shell-muted)}.match-setup{display:flex;flex-wrap:wrap;align-items:end;gap:1rem;margin:0}.match-setup-overlay .match-setup{display:grid;justify-items:center;align-items:stretch;color:var(--bgv-text-primary);background-color:var(--bgv-bg-primary);text-align:start}.match-setup__error{margin:0;max-width:32rem;color:var(--bgv-text-primary);line-height:1.5;text-wrap:pretty}.match-setup[hidden]{display:none}.match-setup__field{display:flex;width:max-content;max-width:100%;align-items:center;justify-content:center;gap:.75rem;flex:0 1 auto;min-width:0}.match-setup input,.match-setup button{font:inherit;font-size:1rem;line-height:1.5;min-height:44px;border:1px solid var(--shell-muted);border-radius:8px;padding:.5rem .75rem}.match-setup input{width:8rem;min-width:0;color:var(--bgv-text-primary);background:var(--bgv-bg-secondary);font-variant-numeric:tabular-nums}.match-setup button{width:100%;justify-self:stretch;color:var(--shell-setup-text);background:var(--shell-setup-bg);cursor:pointer}.match-setup :disabled{cursor:wait;opacity:.7}.match-setup__field p,.match-status{margin:0;line-height:1.5;overflow-wrap:anywhere}.match-setup label{flex-shrink:0}@media (max-width: 40rem){.match-setup__field{flex-wrap:wrap}}.online-setup-card{width:min(28rem,100%);color:var(--bgv-text-primary);background:var(--bgv-bg-primary)}.online-setup{display:grid;gap:.75rem;text-align:start}.online-setup h2,.online-setup p,.online-setup dl{margin:0}.online-setup label{font-weight:600}.online-setup input,.online-setup button{min-height:44px;border:1px solid var(--shell-border);border-radius:8px;padding:.5rem .75rem;font:inherit;font-size:1rem}.online-setup input{width:100%;min-width:0;color:var(--bgv-text-primary);background:var(--bgv-bg-secondary)}.online-setup button{color:var(--shell-setup-text);background:var(--shell-setup-bg);cursor:pointer}.online-setup button:disabled{cursor:wait;opacity:.7}.online-setup__choices,.online-setup__actions{display:flex;flex-wrap:wrap;gap:.75rem}.online-setup__choices>*,.online-setup__actions>*{flex:1 1 9rem}.online-setup__error,.online-setup__status{line-height:1.5;overflow-wrap:anywhere;text-wrap:pretty}.online-session__code{-webkit-user-select:text;user-select:text;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.online-session__players{display:grid;gap:.5rem}.online-session__players dd{margin:0;overflow-wrap:anywhere}.match-setup :focus-visible,.online-setup :focus-visible,.board-shell__viewport:focus-visible{outline:var(--shell-focus-width) solid var(--bgv-accent);outline-offset:var(--shell-focus-offset)}@media (forced-colors: active){.match-setup :focus-visible,.online-setup :focus-visible,.board-shell__viewport:focus-visible{outline-color:Highlight}}.board-fit{position:relative;width:calc(var(--board-canvas-width) * var(--board-fit-scale));height:calc(var(--board-frame-height) * var(--board-fit-scale));margin-inline:auto}.board-fit__canvas{--bgv-geometry-unit: .0625rem ;--bgv-rail-overhang: calc(var(--board-fit-bleed) / var(--board-fit-scale, 1));width:var(--board-canvas-width);position:absolute;top:0;left:0;transform-origin:top left;transform:scale(var(--board-fit-scale))}.board-fit__canvas .board-surface{width:var(--board-frame-width);height:var(--board-frame-height);flex:none}.board-fit__canvas .board-layout{gap:2rem}.board-fit__canvas .board-layout__rail{width:7rem;display:block;background:transparent}.board-fit__canvas .board-layout__rail:not(:empty):before{content:none}.board-fit__canvas .board-layout__rail-header{position:absolute;inset-inline:0;top:0;z-index:2;display:grid;align-content:start;gap:clamp(0px,calc((var(--board-fit-scale) - 1) * 16.5px),.5rem);width:100%;min-width:0}.board-fit__canvas .board-layout__rail>.match-scoreboard{position:absolute;inset-inline:0;top:5rem;bottom:0;height:auto;padding:.5rem;border:1px solid var(--bgv-board-border);border-radius:8px;background-color:var(--bgv-bg-primary)}.board-fit__canvas .board-layout__rail-header .game-info--metadata{grid-template-columns:repeat(3,auto);align-items:start;justify-content:space-between;width:100%;max-width:none;min-height:calc(30px / var(--board-fit-scale));padding:.25rem;border-color:var(--bgv-accent);background-color:var(--bgv-selection-bg);background-image:none;font-size:calc(.625rem / var(--board-fit-scale))}.board-fit__canvas .board-layout__rail-header .game-info--metadata>span{min-width:0;overflow-wrap:anywhere}.board-fit__canvas .board-layout__rail-header .game-info--metadata>span:nth-child(2){text-align:center}.board-fit__canvas .board-layout__rail-header .game-info--metadata>span:last-child{text-align:end}.board-fit__canvas .board-layout__rail-header .game-status-panel{flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-evenly;width:100%;min-height:calc(48px / var(--board-fit-scale));height:calc(48px / var(--board-fit-scale));border-color:var(--bgv-accent);background-color:var(--bgv-selection-bg);background-image:none;gap:calc(8px / var(--board-fit-scale));padding:calc(4px / var(--board-fit-scale))}.board-fit__canvas .board-layout__rail-header .game-status-panel__item{position:relative;min-width:0;flex:0 0 auto}.board-fit__canvas .board-layout__rail-header .game-status-panel__item>span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.board-fit__canvas .board-layout__rail-header .game-status-panel__symbol,.board-fit__canvas .board-layout__rail-header .game-status-panel__symbol svg{width:calc(20px / var(--board-fit-scale));height:calc(20px / var(--board-fit-scale));flex:0 0 calc(20px / var(--board-fit-scale))}.board-fit__canvas .board-layout__rail-header .game-status-panel__symbol .checker{width:calc(18px / var(--board-fit-scale));height:calc(18px / var(--board-fit-scale));font-size:calc(10px / var(--board-fit-scale))}@container app-shell (min-width: 80rem){.board-fit__canvas .board-layout__rail-header :is(.game-info--metadata,.game-status-panel){border:0;color:var(--bgv-accent-text);background-color:var(--bgv-accent);background-image:none}.board-fit__canvas .board-layout__rail-header .game-status-panel__symbol{color:inherit}.board-fit__canvas .board-surface{--bgv-quadrant-line-inset: -1.84375rem;grid-template-rows:minmax(16.5rem,1fr) minmax(7rem,auto) minmax(16.5rem,1fr);border-style:solid;border-color:var(--bgv-board-border);border-width:2rem 0 2rem 0;border-radius:0;box-shadow:none}.board-fit__canvas .board-surface--home-left{border-right-width:0}.board-fit__canvas .board-surface__row,.board-fit__canvas .point{min-height:16.5rem}.board-fit__canvas :is(.point--top .point__triangle,.point--top .point__destination-outline){top:0}.board-fit__canvas :is(.point--bottom .point__triangle,.point--bottom .point__destination-outline){bottom:0}.board-fit__canvas .point--top .point__checkers{margin-top:0}.board-fit__canvas .point--bottom .point__checkers{margin-bottom:0}:root:is([data-style=original-chestnut],[data-style=oak-forest]) .board-fit__canvas .point__labels{--bgv-board-label: var(--color-board-label)}.board-fit__canvas .point--top .point__labels{top:-1.625rem}.board-fit__canvas .point--bottom .point__labels{bottom:-1.625rem}.board-fit__canvas .board-layout{gap:0;align-items:stretch}.board-fit__canvas .board-layout__rail{width:8rem;color:var(--bgv-board-label);background:var(--bgv-board-border)}.board-fit__canvas .board-layout__rail-header{display:contents}.board-fit__canvas .board-layout__rail>.match-scoreboard{top:0;right:0;bottom:0;left:0;height:auto;grid-template-rows:auto auto minmax(0,1fr) auto auto;padding:1rem .5rem;border:0;border-radius:0;background:transparent}.board-fit__canvas .match-scoreboard__player--black{grid-row:1}.board-fit__canvas .match-scoreboard__player--white{grid-row:5}.board-fit__canvas .match-scoreboard__player{translate:0 calc(-.5cm / var(--board-fit-scale));font-size:1rem;line-height:1.25}.board-fit__canvas .board-layout[data-perspective=white] .match-scoreboard__player--black,.board-fit__canvas .board-layout[data-perspective=black] .match-scoreboard__player--white{translate:0 calc(.5cm / var(--board-fit-scale))}.board-fit__canvas .board-layout__rail-header .game-info--metadata{position:absolute;inset-inline:.5rem;top:auto;bottom:calc(50% + 1.875rem);z-index:2;width:auto;min-height:calc(48px / var(--board-fit-scale));height:calc(48px / var(--board-fit-scale));align-content:center;align-items:center}.board-fit__canvas .board-layout__rail-header .game-info--metadata .game-info__target--compact{font-size:calc(.5rem / var(--board-fit-scale));line-height:1}.board-fit__canvas .board-layout__rail-header .game-status-panel{position:absolute;inset-inline:.5rem;top:calc(50% + 1.875rem);z-index:2;width:auto}.board-fit__canvas .board-layout__rail>.match-scoreboard>:is(.doubling-cube--owner-black,.doubling-cube--owner-white){position:static;inset:auto;justify-self:center;transform:none}.board-fit__canvas .board-layout__rail>.match-scoreboard>.doubling-cube--owner-black{grid-row:2;align-self:start;margin-block-start:calc(.5rem + 1cm)}.board-fit__canvas .board-layout__rail>.match-scoreboard>.doubling-cube--owner-white{grid-row:4;align-self:end;margin-block-end:calc(.5rem + 1cm)}.board-fit__canvas .board-layout[data-perspective=black] .board-layout__rail>.match-scoreboard>.doubling-cube--owner-white{grid-row:2;align-self:start;margin-block:calc(.5rem + 1cm) 0}.board-fit__canvas .board-layout[data-perspective=black] .board-layout__rail>.match-scoreboard>.doubling-cube--owner-black{grid-row:4;align-self:end;margin-block:0 calc(.5rem + 1cm)}}@container app-shell (width < 80rem){.board-fit__canvas .board-layout__rail{display:grid;grid-template-rows:auto minmax(0,1fr)}.board-fit__canvas .board-layout__rail-header{position:static;width:100%}.board-fit__canvas .board-layout__rail>.match-scoreboard{position:static;height:100%}.board-fit__canvas .board-layout__rail-header .game-info--metadata{grid-template-columns:minmax(0,1fr);width:auto;white-space:normal}.board-fit__canvas .board-layout__rail-header .game-info--metadata>span{min-width:0;overflow-wrap:anywhere}.board-fit__canvas .board-layout__rail-header .game-status-panel{width:auto}}.settings-trigger,.fullscreen-trigger,.camera-trigger,.settings-dialog button,.camera-dialog button,.resign-dialog__actions button{min-height:3rem;padding:.5rem .75rem;border:1px solid var(--bgv-text-secondary);border-radius:8px;font:inherit;line-height:1.5;color:var(--bgv-text-primary);background:var(--bgv-bg-primary);cursor:pointer}.settings-trigger,.fullscreen-trigger{position:static;display:grid;place-items:center;width:3rem;padding:0}.camera-trigger{min-width:3rem}.camera-dialog{width:min(22rem,calc(100% - 2rem));padding:min(1.5rem,5vw);border:1px solid var(--bgv-text-secondary);border-radius:12px;color:var(--bgv-text-primary);background:var(--bgv-bg-primary);text-align:center;overscroll-behavior:contain}.camera-dialog::backdrop{background:#00000080}.camera-dialog h2,.camera-dialog p{margin:0}.camera-dialog p{margin-block:1rem;color:var(--shell-muted)}.camera-dialog button{width:100%}.fullscreen-trigger:disabled,.resign-dialog button:disabled{cursor:default;opacity:.6}.fullscreen-status{order:-1;flex-basis:100%;width:100%;margin:0;line-height:1.5;text-align:end;overflow-wrap:anywhere}.fullscreen-status:empty{display:none}.settings-trigger__icon{display:block;width:1.5rem;height:1.5rem}.settings-dialog,.resign-dialog{width:min(24rem,calc(100% - 2rem));max-height:calc(100dvh - 2rem);padding:min(1.5rem,5vw);border:1px solid var(--bgv-text-secondary);border-radius:12px;color:var(--bgv-text-primary);background-color:var(--bgv-bg-primary);overscroll-behavior:contain}.settings-dialog::backdrop,.resign-dialog::backdrop{background:#00000080}.settings-dialog h2,.resign-dialog h2{margin:0 0 1rem;font-size:1.25rem}.resign-dialog h2{text-align:center}.resign-dialog{overflow:auto;font:inherit}.resign-dialog__choices{display:flex;flex-wrap:wrap;gap:.75rem}.resign-dialog__choices button{flex:1 1 8rem;min-inline-size:min(100%,8rem)}.resign-dialog__actions{display:flex;justify-content:center;margin-block-start:1rem}.resign-dialog__actions button{min-height:44px;padding:.25rem .75rem;font-size:.875rem;line-height:1.25}.settings-dialog__controls{display:grid;gap:.75rem}.settings-dialog__controls>*{max-width:calc(100% - 1px)}.settings-dialog button{scroll-margin-block-end:calc(var(--shell-focus-width) + var(--shell-focus-offset))}.settings-trigger:focus-visible,.fullscreen-trigger:focus-visible,.camera-trigger:focus-visible,.settings-dialog button:focus-visible,.settings-dialog select:focus-visible,.camera-dialog button:focus-visible,.resign-dialog button:focus-visible{outline:var(--shell-focus-width) solid var(--bgv-accent);outline-offset:var(--shell-focus-offset)}@media (forced-colors: active){.settings-trigger:focus-visible,.fullscreen-trigger:focus-visible,.camera-trigger:focus-visible,.settings-dialog button:focus-visible,.settings-dialog select:focus-visible,.camera-dialog button:focus-visible,.resign-dialog button:focus-visible{outline-color:Highlight}}.app-shell:fullscreen{width:100%;height:100%;min-height:0;overflow-x:clip;overflow-y:auto;box-sizing:border-box}.settings-select{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;min-height:44px}.settings-select select{min-height:44px;width:min(14rem,100%);max-width:100%;margin-inline-start:auto;padding-block:.5rem;padding-inline:12px 24px;border:1px solid var(--shell-muted);border-radius:8px;color:var(--bgv-text-primary);background:var(--bgv-bg-secondary);font:inherit}@media (max-width: 24rem){.settings-dialog{width:calc(100% - 32px);max-width:calc(100% - 32px);padding-inline:8px}.settings-select select{width:100%}.settings-switch>span:first-child{grid-column:1 / -1}.settings-switch input{grid-row:2}}@container app-shell (width < 80rem){.app-shell__layout{grid-template-columns:minmax(0,1fr) auto;width:auto;margin-inline-start:calc(max(.5rem,env(safe-area-inset-left)) - var(--shell-page-gutter));margin-inline-end:calc(max(.5rem,env(safe-area-inset-right)) - var(--shell-page-gutter));gap:0}.app-mobile-status{grid-column:1;grid-row:1;display:flex;min-width:0;min-height:2.75rem;align-items:center}.app-mobile-status__content{display:flex;min-width:0;flex-direction:column;gap:.125rem;overflow-wrap:anywhere;font-size:.875rem;line-height:1.125rem}.app-utility .match-status{max-width:12rem}.app-mobile-status__player{font-weight:600}.board-shell{grid-column:1 / -1;grid-row:2}.board-shell__viewport{overflow:visible;margin-inline-start:0;padding-inline-start:0}.app-utility{grid-column:2;grid-row:1;display:block;width:auto}.app-utility>.video-placeholder,.fullscreen-trigger,.fullscreen-status{display:none}.app-utility__bottom{display:block;width:auto}.app-utility__bottom:has(>.match-feedback),.match-feedback{row-gap:0}.board-layout__feedback{padding-inline:.5rem;text-align:center}.app-utility__controls{flex-wrap:nowrap;gap:.5rem}.camera-trigger{display:block;min-height:2.75rem;padding-block:.5rem;padding-inline:.75rem}.settings-trigger{width:2.75rem;min-height:2.75rem}.app-match-actions{grid-column:1 / -1;grid-row:2;margin-block-start:16px}.app-shell__layout:has(>.app-match-actions>.controls__button--resign)>.board-shell{grid-row:3}.app-match-actions .controls__button--resign{min-block-size:max(44px,2.75rem)}.board-fit{--board-fit-strategy: portrait;width:100%;height:auto;margin-inline:0}.board-fit__canvas .board-layout .board-surface:has(>.game-result-overlay){min-block-size:24rem}.board-fit__canvas .board-layout .game-result-overlay{position:absolute;top:0;right:0;bottom:0;left:0;align-items:safe center;overflow:auto;padding:.5rem 1rem;pointer-events:none}.board-fit__canvas .board-layout .game-result-overlay__card{max-block-size:none;pointer-events:auto}@container (inline-size < 12rem){.board-fit__canvas .board-layout .game-result-overlay,.board-fit__canvas .board-layout .game-result-overlay__card{padding-inline:.25rem}.board-fit__canvas .board-layout .game-result-overlay h2{text-wrap:wrap;line-height:1.4}}.board-fit__canvas{position:static;width:100%;transform:none}}@container app-shell (width < 12rem){.app-shell__layout:has(>.app-mobile-status>.app-mobile-status__content){grid-template-columns:minmax(0,1fr)}.app-shell__layout:has(>.app-mobile-status>.app-mobile-status__content)>.app-utility{grid-column:1;grid-row:2}.app-shell__layout:has(>.app-mobile-status>.app-mobile-status__content)>.board-shell{grid-row:3}.app-shell__layout:has(>.app-mobile-status>.app-mobile-status__content)>.app-match-actions{grid-row:3}.app-shell__layout:has(>.app-mobile-status>.app-mobile-status__content):has(>.app-match-actions>.controls__button--resign)>.board-shell{grid-row:4}.board-fit{--board-fit-block-policy: content}}@media (min-width: 48rem),(orientation: landscape){@container app-shell (width < 80rem){.board-overlay{place-items:start center;padding-block-start:2rem}}}.settings-switch{display:grid;width:16rem;grid-template-columns:minmax(0,1fr) 2.75rem;align-items:center;gap:.75rem;min-height:3rem;padding:.5rem .75rem;border:1px solid var(--bgv-text-secondary);border-radius:8px;line-height:1.5;cursor:pointer}.settings-dialog .settings-switch{width:100%}.settings-switch input{-webkit-appearance:none;-moz-appearance:none;appearance:none;grid-column:2;width:2.75rem;height:1.5rem;margin:0;border:2px solid var(--bgv-text-primary);border-radius:999px;background:var(--bgv-bg-primary);color:var(--bgv-text-primary);cursor:pointer}.settings-switch input:before{content:"";display:block;width:calc(1.5rem - 8px);height:calc(1.5rem - 8px);margin:2px;border-radius:50%;background:currentColor}.settings-switch input:checked:before{transform:translate(1.25rem)}.settings-switch input:focus-visible{outline:var(--shell-focus-width) solid var(--bgv-accent);outline-offset:var(--shell-focus-offset)}@media (forced-colors: active){.settings-switch input{border-color:ButtonText;color:ButtonText;background:Canvas}.settings-switch input:before{background:CanvasText;forced-color-adjust:none}.settings-switch input:focus-visible{outline-color:CanvasText}}