.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}.chess-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""board board board";display:grid}.chess-hud__stats,.chess-hud__modes,.chess-hud__controls{font-size:var(--game-unit);align-self:center}.chess-hud__stats{margin-left:var(--game-unit);grid-area:stats;justify-self:start;gap:1.25em;display:flex}.chess-hud__controls{margin-right:var(--game-unit);grid-area:controls;justify-self:end;gap:.5em;display:flex}.chess-hud__modes{grid-area:modes;justify-self:center;gap:.25em;display:flex}.chess-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}.chess-hud__mode:hover{background:#0000001f}.chess-hud__mode[aria-current=page]{color:var(--cream);background:#00000038}.chess-hud__stat{align-items:baseline;gap:.25em;display:flex}.chess-hud__stat-label{color:var(--cream);font-size:.875em}.chess-hud__stat-value{min-width:var(--reading);white-space:nowrap;font-size:1.0625em;font-weight:700;display:inline-grid}.chess-hud__stat-value>span{grid-area:1/1}.chess-hud__stat-reserve{visibility:hidden}.chess-hud__refusal{max-width:calc(var(--game-unit) * 14);color:var(--cream);align-self:center;margin:0;font-size:.875em}.chess-hud__button[aria-pressed=true]{--hud-edge:var(--accent-edge);background:var(--accent);color:var(--accent-ink)}.chess{width:100%;height:100%;min-height:0;padding:calc(var(--game-unit) * .5);box-sizing:border-box;isolation:isolate;--chess-light:#f0d9b5;--chess-dark:#b58863;--chess-edge:#6b4a2b;--chess-mark:#2b1d05;--chess-last:#e3c449;--chess-check:#e4572e;--chess-low:#b8461f;flex-direction:column;grid-area:board;justify-content:center;align-items:center;display:flex;position:relative}.chess__stage{flex:1 1 0;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;container-type:size}.chess__column{--plate:calc(var(--game-unit) * 2.5);--board:round(down, min(100cqw, 100cqh), 8px);flex-direction:column;align-items:center;display:flex}.chess__column[data-plates]{--board:round(down, min(100cqw, 100cqh - 2 * var(--plate)), 8px)}.chess__board{--square:calc(var(--board) / 8);width:var(--board);height:var(--board);background:repeating-conic-gradient(var(--chess-dark) 0 25%, var(--chess-light) 0 50%) 0 0 / 25% 25%;box-shadow:0 0 0 calc(var(--game-unit) * .375) var(--chess-edge);--focus-ring:var(--chess-mark);border-radius:2px;flex:none;position:relative}.chess__square,.chess__piece{left:calc(var(--column) * 12.5%);top:calc(var(--row) * 12.5%);width:12.5%;height:12.5%;position:absolute}.chess__square{z-index:1;color:var(--chess-dark);font-family:var(--body);cursor:default;background:0 0;border:0;border-radius:0;padding:0}.chess__square[data-shade=dark]{color:var(--chess-light)}.chess__square:focus-visible{z-index:4;outline:.1875rem solid var(--focus-ring);outline-offset:-.1875rem}.chess__square[data-last]{background:color-mix(in srgb, var(--chess-last) 48%, transparent)}.chess__square[data-selected]{background:color-mix(in srgb, var(--chess-last) 70%, transparent)}.chess__square[data-check]{background:color-mix(in srgb, var(--chess-check) 78%, transparent)}.chess__square[data-movable],.chess__square[data-target],.chess__square[data-selected]{cursor:pointer}.chess__square[data-movable]{touch-action:none}.chess__square[data-target]:after{content:"";z-index:3;background:color-mix(in srgb, var(--chess-mark) 32%, transparent);pointer-events:none;border-radius:50%;position:absolute;inset:36%}.chess__square[data-target][data-occupied]:after{border:max(2px, calc(var(--square) * .08)) solid color-mix(in srgb, var(--chess-mark) 32%, transparent);background:0 0;inset:3%}.chess__file,.chess__rank{z-index:2;font-size:max(.5625rem, calc(var(--square) * .2));pointer-events:none;font-weight:700;line-height:1;position:absolute}.chess__file{bottom:5%;right:6%}.chess__rank{top:5%;left:6%}.chess__piece{z-index:2;pointer-events:none;place-items:center;display:grid}.chess__figure{grid-area:1/1;width:90%;height:90%}.chess__piece[data-lifted]{z-index:5}.chess__piece[data-lifted] .chess__figure{transform:scale(1.1)}.chess__piece[data-hidden]{visibility:hidden}.chess-promotion{z-index:6;background:var(--backdrop);position:absolute;inset:0}.chess-promotion__choices{left:calc(var(--column) * 12.5%);width:12.5%;box-shadow:0 0 0 calc(var(--game-unit) * .125) var(--panel-edge);border-radius:0;flex-direction:column;margin:0;padding:0;display:flex;position:absolute}.chess-promotion__choices[data-from=top]{top:0}.chess-promotion__choices[data-from=bottom]{flex-direction:column-reverse;bottom:0}.chess-promotion__choice{aspect-ratio:1;background:var(--panel);cursor:pointer;--focus-ring:var(--ink);border:0;place-items:center;width:100%;min-height:2.75rem;padding:0;display:grid}.chess-promotion__choice:hover{background:var(--panel-edge)}.chess-promotion__choice:focus-visible{outline:.1875rem solid var(--focus-ring);outline-offset:-.1875rem}.chess-promotion__choice img{width:90%;height:90%}.chess-moves__panel{width:min(22em,100%)}.chess-moves__list{border-collapse:collapse;font-variant-numeric:tabular-nums;text-align:left;width:100%}.chess-moves__list th,.chess-moves__list td{padding:.25em .5em}.chess-moves__list th{width:3ch;color:var(--ink-soft);text-align:right;font-weight:600}.chess-moves__list tbody tr:nth-child(odd){background:color-mix(in srgb, var(--panel-edge) 35%, transparent)}.chess-moves__empty,.chess-moves__result{color:var(--ink-soft);margin:.5em 0 0}.chess-moves__result{color:var(--ink);font-weight:700}.chess-moves__copy{margin:.75em 0 0}.chess-moves__pgn{box-sizing:border-box;width:100%;font-family:ui-monospace,monospace;font-size:.875em}.chess-moves__copied{min-height:1.5em;color:var(--ink-soft);margin:.25em 0 0;font-size:.875em}.chess-seat{width:var(--board);height:var(--plate);box-sizing:border-box;font-size:var(--game-unit);align-items:center;gap:.5em;display:flex}.chess-seat__piece{width:1.5em;height:1.5em}.chess-seat__name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-weight:700;overflow:hidden}.chess-seat__badge{border-radius:calc(var(--game-unit) * .4);background:color-mix(in srgb, var(--accent) 28%, transparent);color:var(--cream);white-space:nowrap;padding:0 .375em;font-size:.8125em;font-weight:700}.chess-seat__who{color:var(--cream);white-space:nowrap;font-size:.875em}.chess-seat__who:empty{display:none}.chess-seat[data-out] .chess-seat__name{text-decoration:line-through}.chess-seat__clock{border-radius:calc(var(--game-unit) * .4);text-align:right;white-space:nowrap;background:#00000038;min-width:4.5ch;padding:.125em .5em;font-size:1.125em;font-weight:700}.chess-seat[data-acting] .chess-seat__clock{background:var(--panel);color:var(--ink)}.chess-seat[data-acting] .chess-seat__clock[data-low]{background:var(--chess-low);color:var(--cream)}.chess-seats__note{color:var(--cream);margin:0;font-size:.875em}.chess-end{background:color-mix(in srgb, var(--table-edge) 60%, transparent)}.chess-end__panel{text-align:center}.chess-end__title{margin:0 0 .25rem}.chess-end__reading{color:var(--ink-soft);margin:0 0 1.25rem}.chess-end__actions{justify-content:center;gap:.75rem;display:flex}.chess-choice .setting{flex-direction:column;align-items:stretch;gap:.5em}.chess-choice .segmented{grid-template-columns:repeat(3,1fr);display:grid}.chess-choice .segmented span{text-align:center;padding-inline:.5em}.chess-choice--level .segmented{grid-template-columns:minmax(0,1fr)}.chess-choice+.chess-choice{margin-top:.75em}@media (width<=48rem) and (height>=24rem){.chess-game{grid-template:"stats""modes""board"minmax(0,1fr)"controls"/minmax(0,1fr)}.chess-hud__modes{margin-top:-.25rem;padding-bottom:.125rem;font-size:.9375rem;line-height:1.25}.chess-hud__mode{padding-block:.1875em}.chess-hud__stats,.chess-hud__controls{flex-wrap:wrap;justify-content:center;justify-self:center;margin:0;padding-block:.5rem;font-size:1rem}.chess-hud__stats{gap:.25rem 1rem}.chess-hud__controls{flex-direction:row-reverse;justify-content:space-evenly;gap:1.5rem .5rem;width:100%;padding-block:.75rem 1.5rem;padding-inline:.5rem}.chess-hud__refusal{text-align:center;flex-basis:100%;max-width:none;font-size:.875rem}.chess-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}.chess-hud__icon{display:block}.chess-hud__button--icon .chess-hud__icon{width:1.5rem;height:1.5rem}.chess-hud__button{border-radius:var(--radius-control);width:2.75rem;height:2.75rem;box-shadow:0 .25rem 0 var(--hud-edge);padding-inline:0}.chess-hud__button:active:not(:disabled,[aria-disabled=true]){box-shadow:0 .0625rem 0 var(--hud-edge);transform:translateY(.1875rem)}.chess{padding:.375rem}.chess__column{--plate:2.25rem}.chess-seat{font-size:.9375rem}}