*,*:before,*:after{box-sizing:border-box}:root{--board-frame: #4a3728;--piece-outline: #1a1a1a;--piece-dark-mix: 45%;--livery: #49d0fd;--petal: #ccdccc;--panel-border: color-mix(in srgb, currentColor 25%, transparent);--panel-bg: color-mix(in srgb, currentColor 5%, transparent);--hover-bg: color-mix(in srgb, currentColor 3%, transparent);--invalid: #c62828;--app-bg: #ffffff;--app-fg: #1a1a1a;--checkbox-accent: currentColor;color-scheme:light;font-family:system-ui,sans-serif;--board-zoom: 1;--captured-bar-width: 1.7rem;--captured-bar-gap: .4rem}:root[data-theme=dark]{--app-bg: #17181b;--app-fg: var(--dark-theme-fg, #bababa);--checkbox-accent: color-mix(in srgb, var(--app-fg) 50%, var(--app-bg));--panel-bg: color-mix(in srgb, currentColor 10%, transparent);--hover-bg: color-mix(in srgb, currentColor 5%, transparent);color-scheme:dark}body{margin:0;background:var(--app-bg);color:var(--app-fg)}.app{--player-names: 0rem;--page-reserve: 6rem;--board-reserve: calc(var(--page-reserve) + var(--player-names));--board-cap: calc((100vh - var(--board-reserve)) * var(--board-zoom));--board-cap: calc((100dvh - var(--board-reserve)) * var(--board-zoom));--panel-cap: calc((100vh - var(--page-reserve)) * var(--board-zoom));--panel-cap: calc((100dvh - var(--page-reserve)) * var(--board-zoom));--board-max: min(100%, var(--board-cap));max-width:1500px;margin:0 auto;padding:1.5rem .75rem 1rem}.app-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.header-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;color:inherit;text-decoration:none}.header-link:hover{text-decoration:underline}.sponsor-link{margin-left:auto;margin-right:2em}.source-link{margin-right:2em}.title-piece{font-family:"Noto Sans Symbols 2",Segoe UI Symbol,DejaVu Sans,serif;font-size:1.1em;line-height:1;margin-left:-.067em;margin-right:.35rem}.app-header h1{margin:0 0 0 calc(2rem - .2em);font-size:1.5rem;color:var(--livery)}.app-playing{--player-names: 4rem}.app-body{display:flex;flex-wrap:wrap;align-items:stretch;gap:1rem}.board-pane{flex:0 1 calc(var(--board-cap) + var(--captured-bar-width) + var(--captured-bar-gap));min-width:0;display:flex;flex-direction:column}.side-column{flex:1 1 27rem;min-width:27rem;container-type:inline-size;display:flex;flex-direction:column;gap:.9rem}.board-holder{position:relative;width:100%;max-width:var(--board-max);container-type:inline-size}.board{width:100%;height:auto;display:block}.heatmap-square{transition:fill var(--fade-time, 0ms) linear,fill-opacity var(--fade-time, 0ms) linear}.mark-coming,.mark-going{transition:opacity var(--fade-time, 0ms) linear}.mark-going{opacity:0;pointer-events:none}@starting-style{.mark-coming{opacity:0}}@media(prefers-reduced-motion:reduce){.heatmap-square,.mark-coming,.mark-going{transition:none}}.board{touch-action:none}.board-dragging{cursor:grabbing}.drag-target{fill:currentColor;fill-opacity:.55;stroke:var(--app-bg);stroke-width:2;stroke-opacity:.6}.drag-layer{pointer-events:none}.board-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.75em}.fen-field{width:100%}.fen-row>.field-with-help{flex:0 0 auto;font-size:.9rem}.fen-row>.field-with-help label:after{content:":"}.fen-row>.fen-input{flex:1 1 0;min-width:8rem}.reset-button:has(>svg){display:inline-flex;align-items:center;gap:.4em}.controls-end,.stash-actions{margin-left:auto}.move-nav{display:flex;flex-direction:column;gap:.5em;padding:.5em 0 0}.step-buttons{flex:1;display:flex;justify-content:flex-start;column-gap:2rem}.step-buttons>.step-button:nth-child(2){margin-right:2rem}.board-controls .reset-button{white-space:nowrap}.match-view{margin-top:.9rem}.play-button{display:inline-flex;align-items:center;gap:.45em;min-width:12em;justify-content:center}.play-row{margin-top:1em;margin-bottom:1em}.play-row>.number-field{flex:0 0 auto;margin-bottom:0;margin-left:auto}.stash-actions{display:flex;gap:.75em}.step-button{display:inline-flex;align-items:center;justify-content:center;flex:35 1 0;min-width:0;padding:.35rem .55rem;font-size:1rem}.step-button.step-button-end{flex:15 1 0}.board-controls .toggle-field{margin-bottom:0}.game-library,.stashed-games{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;min-width:0}.game-library>label,.stashed-games>label{flex:0 0 auto;font-size:.9rem}.game-library>label:after,.stashed-games>label:after{content:":"}.game-list-error{flex:1 0 100%;margin:0}.board-controls>.game-library{flex:1 1 auto}.game-library>.game-select{flex:0 1 26rem}.stashed-games{margin-left:auto}.stashed-games>.game-select{flex:0 1 auto;min-width:12rem}.game-select{min-width:0;padding:.4rem .5rem;font-size:.9rem;color:var(--app-fg);background:var(--app-bg);border:1px solid var(--panel-border);border-radius:6px}.choice-select{width:auto;min-width:10em}.challenge-dialog .board-controls>.choice-select{flex:1 1 6em;min-width:0}.game-select option{color:var(--app-fg);background:var(--app-bg)}.game-select:disabled{opacity:.5;cursor:not-allowed}.moves-field{display:flex;align-items:center;gap:.5rem;flex:1}.moves-field>label{flex:0 0 auto;font-size:.9rem}.field-with-help{display:inline-block;cursor:help}.field-help{position:fixed;z-index:20;width:max(25rem,100%);padding:.7rem .85rem;overflow-y:auto;font-size:.85rem;font-weight:400;line-height:1.5;color:var(--app-fg);background:var(--app-bg);border:1px solid var(--panel-border);border-radius:8px;box-shadow:0 8px 20px #00000038;visibility:hidden;opacity:0;transition:opacity .12s ease,visibility 0s linear .12s}.field-with-help:hover>.field-help,.field-with-help:focus-within>.field-help{visibility:visible;opacity:1;transition:opacity .14s ease .9s,visibility 0s linear .9s}.field-help code{padding:0 .15em;font-family:ui-monospace,monospace;font-size:.95em;background:color-mix(in srgb,currentColor 10%,transparent);border-radius:3px}.fen-input{width:100%;min-width:0;padding:.4rem .5rem;font-family:ui-monospace,monospace;font-size:.9rem;color:inherit;background:none;border:1px solid var(--panel-border);border-radius:6px}.moves-select{flex:0 0 auto;min-width:10em;padding:.4rem .5rem;font-family:ui-monospace,monospace;font-size:.9rem;color:var(--app-fg);background:var(--app-bg);border:1px solid var(--panel-border);border-radius:6px}.moves-select option{font-family:ui-monospace,monospace;color:var(--app-fg);background:var(--app-bg)}.fen-input-invalid{border-color:var(--invalid);color:var(--invalid)}.pgn-dialog{width:min(46rem,90vw);padding:1rem;color:var(--app-fg);background:var(--app-bg);border:1px solid var(--panel-border);border-radius:10px}.stash-prompt{margin:0 0 .7rem;font-size:.9rem}.stash-dialog{width:min(24rem,90vw)}.pgn-dialog::backdrop{background:#00000073}.pgn-dialog-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.dialog-close{padding:0 .35rem;font-size:1.2rem;line-height:1;color:inherit;background:none;border:none;cursor:pointer}.pgn-dialog label,.pgn-dialog>label{display:block;margin-bottom:.3rem;font-size:.9rem}.pgn-text{width:100%;padding:.5rem;font-family:ui-monospace,monospace;font-size:.85rem;line-height:1.45;color:inherit;background:none;border:1px solid var(--panel-border);border-radius:6px;resize:vertical}.pgn-dialog-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.75rem}.pgn-error{margin:0;font-size:.8rem;color:var(--invalid)}.fen-error{margin:.35rem 0 0;font-size:.8rem;color:var(--invalid)}.square-light{fill:var(--square-light)}.square-dark{fill:var(--square-dark)}.mark-on-light{fill:var(--mark-on-light)}.mark-on-dark{fill:var(--mark-on-dark)}.grid-line{stroke:var(--grid-line);stroke-width:1}.attack-outline-ink-me{flood-color:var(--attack-outline-me)}.attack-outline-ink-opponent{flood-color:var(--attack-outline-opponent)}.attack-stripe{fill:none;stroke-linecap:butt}.attack-king{stroke:var(--attack-king)}.attack-queen{stroke:var(--attack-queen)}.attack-knight{stroke:var(--attack-knight)}.attack-stripe.attack-needle{stroke:none}.attack-needle.attack-king{fill:var(--attack-king)}.attack-needle.attack-queen{fill:var(--attack-queen)}.attack-needle.attack-rook{fill:var(--attack-rook)}.attack-needle.attack-bishop{fill:var(--attack-bishop)}.attack-needle.attack-pawn{fill:var(--attack-pawn)}.attack-area{stroke:none}.attack-knight-area{fill:var(--attack-knight)}.attack-bishop{stroke:var(--attack-bishop)}.attack-rook{stroke:var(--attack-rook)}.attack-pawn{stroke:var(--attack-pawn)}.board-frame{fill:none;stroke:var(--board-frame);stroke-width:2}.coordinate-label{font-size:14px;fill:currentColor;text-anchor:middle;dominant-baseline:central;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.pin-marker{fill:none;stroke:var(--pin-ring);stroke-width:1.3;pointer-events:none}.piece{font-family:"Noto Sans Symbols 2",Segoe UI Symbol,DejaVu Sans,serif;font-size:48px;text-anchor:middle;dominant-baseline:central;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.attack-side-me,.piece-me{--attack-king: var(--attack-king-me);--attack-queen: var(--attack-queen-me);--attack-rook: var(--attack-rook-me);--attack-bishop: var(--attack-bishop-me);--attack-knight: var(--attack-knight-me);--attack-pawn: var(--attack-pawn-me)}.attack-side-opponent,.piece-opponent{--attack-king: var(--attack-king-opponent);--attack-queen: var(--attack-queen-opponent);--attack-rook: var(--attack-rook-opponent);--attack-bishop: var(--attack-bishop-opponent);--attack-knight: var(--attack-knight-opponent);--attack-pawn: var(--attack-pawn-opponent)}.piece-k{--piece-color: var(--attack-king)}.piece-q{--piece-color: var(--attack-queen)}.piece-r{--piece-color: var(--attack-rook)}.piece-b{--piece-color: var(--attack-bishop)}.piece-n{--piece-color: var(--attack-knight)}.piece-p{--piece-color: var(--attack-pawn)}.piece-white,.piece-black{stroke:var(--piece-outline);stroke-width:1.2}.piece-white{fill:color-mix(in srgb,var(--piece-color),white var(--piece-lighten))}.piece-black{fill:color-mix(in srgb,var(--piece-color),black var(--piece-darken))}.check-disc-check,.check-disc-checkmate{stroke:none;pointer-events:none}.check-disc-check{fill:var(--check-color);fill-opacity:.55}.check-disc-checkmate{fill:var(--checkmate-color);fill-opacity:.75}.attack-side-me:not(.attack-outlined){opacity:var(--ray-opacity-me, 1)}.attack-side-opponent:not(.attack-outlined){opacity:var(--ray-opacity-opponent, 1)}.intensity-row{--between: 6rem;--apart: .75rem;display:flex;align-items:stretch;flex:1;min-height:0;justify-content:center;flex-wrap:wrap;gap:var(--apart);margin-top:calc(var(--panel-pad, 1rem) - var(--panel-pad-top, 1rem))}.intensity-chooser{align-items:center;--handle: 2.55rem;--handle-clip: 1rem;display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;max-height:100%}.intensity-frame>.intensity-label{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:.45rem;text-align:center;font-size:1.05em;bottom:calc(50% + min(100cqw,100cqh - 3.9rem)/2 + 2.4rem)}.intensity-label input[type=checkbox]{width:1rem;height:1rem;margin:0;accent-color:var(--checkbox-accent);cursor:pointer}.intensity-label label{cursor:pointer}.intensity-frame{position:relative;flex:1;min-height:0;width:100%;padding:1.5rem 1.05rem;overflow:clip;overflow-clip-margin:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;container-type:size}.intensity-box{position:relative;width:min(100%,calc(100cqh - 3.9rem));aspect-ratio:1;flex:none}.intensity-square{position:absolute;inset:14.645%;transform:rotate(45deg);cursor:crosshair;touch-action:none;border:1px solid var(--panel-border);border-radius:3px}.intensity-square:focus-visible{outline:2px solid currentColor;outline-offset:3px}.intensity-field{width:100%;height:100%;display:block;border-radius:2px}.intensity-marker{position:absolute;width:var(--handle);height:var(--handle);margin:calc(var(--handle) / -2);display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid rgba(255,255,255,.92);box-shadow:0 0 0 1px #0000008c,inset 0 0 0 1px #0000008c;transform:rotate(-45deg);cursor:grab}.intensity-marker:active{cursor:grabbing}.intensity-marker-dot{width:3px;height:3px;border-radius:50%;background:#000c;box-shadow:0 0 0 1px #ffffffd9;pointer-events:none}.intensity-corner{position:absolute;font-size:.9em;opacity:.7;pointer-events:none;white-space:nowrap}.intensity-corner-top{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:.25rem}.intensity-corner-bottom{top:100%;left:50%;transform:translate(-50%);margin-top:.25rem}.intensity-frame-aside{overflow-clip-margin:4.5rem}.intensity-aside{position:absolute;left:calc(100% + 1.05rem + var(--apart) + var(--between) / 2);transform:translate(-50%);display:flex;align-items:center}.intensity-aside-top{bottom:100%;margin-bottom:.25rem}.intensity-aside-bottom{top:100%;margin-top:.25rem}.intensity-side-switch{width:1rem;height:1rem;margin:0;accent-color:var(--checkbox-accent);cursor:pointer}.intensity-corner-left{right:100%;top:50%;transform:translateY(-50%);margin-right:.3rem}.intensity-full{right:0;top:50%;transform-origin:100% 50%}.intensity-full-mine{transform:translateY(-50%) rotate(45deg) translate(-.4rem,-.75rem)}.intensity-full-opponent{transform:translateY(-50%) rotate(-45deg) translate(-.4rem,.75rem)}.intensity-readout{font-size:.75em;opacity:.7}.intensity-link-holder{display:flex;flex-direction:column;flex:0 0 var(--between);width:var(--between)}.intensity-link-middle{flex:1;display:flex;align-items:center}.intensity-link{display:flex;width:100%;align-items:center;justify-content:center;padding:.4rem 2.1rem;color:inherit;background:none;border:1px solid transparent;border-radius:8px;cursor:pointer;opacity:.65}.intensity-link svg{width:2.1em;height:2.1em}.intensity-link:hover{opacity:1}.intensity-link[aria-pressed=true]{border-color:var(--panel-border);opacity:1}.slider-field{--slider-handle: 2.55rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:.6rem;row-gap:.1rem}.slider-field:before{content:"";grid-area:2 / 2;align-self:center;margin:0 calc(var(--slider-handle) / 2);height:.35rem;border-radius:.2rem;background:color-mix(in srgb,currentColor 30%,transparent)}.slider-end{font-size:.9em;opacity:.85;white-space:nowrap}.slider-track{grid-area:2 / 2;min-width:4rem;-webkit-appearance:none;appearance:none;height:var(--slider-handle);background:none}.slider-track::-webkit-slider-runnable-track{height:.35rem;background:none}.slider-track::-moz-range-track{height:.35rem;background:none}.slider-track::-webkit-slider-thumb{-webkit-appearance:none;width:var(--slider-handle);height:var(--slider-handle);margin-top:calc((.35rem - var(--slider-handle)) / 2);border-radius:50%;border:2px solid rgba(255,255,255,.92);box-shadow:0 0 0 1px #0000008c,inset 0 0 0 1px #0000008c;background:radial-gradient(circle at 50% 50%,rgba(0,0,0,.8) 0 1.5px,rgba(255,255,255,.85) 1.5px 2.5px,transparent 2.5px);cursor:grab}.slider-track::-moz-range-thumb{width:var(--slider-handle);height:var(--slider-handle);box-sizing:border-box;border-radius:50%;border:2px solid rgba(255,255,255,.92);box-shadow:0 0 0 1px #0000008c,inset 0 0 0 1px #0000008c;background:radial-gradient(circle at 50% 50%,rgba(0,0,0,.8) 0 1.5px,rgba(255,255,255,.85) 1.5px 2.5px,transparent 2.5px);cursor:grab}.slider-track:active::-webkit-slider-thumb{cursor:grabbing}.slider-value{grid-area:1 / 2;text-align:center;font-size:.9em}.slider-from{grid-area:2 / 1}.slider-to{grid-area:2 / 3}.slider-ticks{grid-area:3 / 2;margin:0 calc(var(--slider-handle) / 2);position:relative;height:1em;font-size:.75em;opacity:.6}.slider-field+.number-field{margin-top:.6rem}.slider-ticks span{position:absolute;transform:translate(-50%)}.flight-layer{position:absolute;inset:0;pointer-events:none}.flying-piece{position:absolute;width:calc(100cqw * 64 / 536);height:calc(100cqw * 64 / 536);display:flex;align-items:center;justify-content:center;line-height:1;font-family:"Noto Sans Symbols 2",Segoe UI Symbol,DejaVu Sans,serif;font-size:calc(100cqw * 48 / 536);-webkit-text-stroke:calc(100cqw * 1.2 / 536) var(--piece-outline);paint-order:stroke fill;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;will-change:transform}.flying-piece.piece-white{color:color-mix(in srgb,var(--piece-color),white var(--piece-lighten))}.flying-piece.piece-black{color:color-mix(in srgb,var(--piece-color),black var(--piece-darken))}.piece-moving{pointer-events:none}.tabbed{display:flex;flex-direction:column;flex:1;min-height:0;max-height:var(--panel-cap)}.tab-bar{display:flex;flex-wrap:wrap;column-gap:.1rem;row-gap:0;margin-bottom:-1px;position:relative;z-index:1}.tab{display:inline-flex;align-items:center;padding:.4em .55em;border:1px solid transparent;border-bottom:none;border-radius:8px 8px 0 0;background:none;color:inherit;font:inherit;font-size:.95em;line-height:1.5;cursor:pointer;opacity:.62}.tab:hover{background:var(--panel-bg);opacity:1}.tab-active,.tab-active:hover{border-color:var(--panel-border);background:var(--app-bg);opacity:1;font-weight:600;position:relative}.tab-active:before,.tab-active:after{content:"";position:absolute;bottom:0;width:6px;height:6px;pointer-events:none}.tab-active:before{left:-6px;background:radial-gradient(circle 6px at 0 0,transparent 0 4.9px,var(--panel-border) 5.1px 5.9px,transparent 6.1px),var(--app-bg)}.tab-active:after{right:-6px;background:radial-gradient(circle 6px at 100% 0,transparent 0 4.9px,var(--panel-border) 5.1px 5.9px,transparent 6.1px),var(--app-bg)}.tab:first-child.tab-active:before{display:none}.tab:focus-visible{outline:2px solid currentColor;outline-offset:-3px}@container (max-width: 39rem){.tab{font-size:.8em;padding-left:.4em;padding-right:.4em}}.tab-panel{--panel-gap: .9rem;display:flex;flex-direction:column;gap:var(--panel-gap);flex:1;min-height:0;overflow-y:auto;--panel-pad: 1rem;--panel-pad-top: var(--panel-pad);padding:var(--panel-pad-top) var(--panel-pad) var(--panel-pad);border:1px solid var(--panel-border);border-radius:8px;background:none}.tab-panel-flush{border-top-left-radius:0}.tab-panel:has(>.settings-panel>.section-rule:first-child),.tab-panel-tight{--panel-pad-top: .3rem}.tab-panel[hidden]{display:none}.settings-panel{width:100%;--field-gap: .5rem}.field-apart{padding-top:calc(var(--field-gap, .85rem) / 2)}.settings-group>:last-child{margin-bottom:0}.settings-group+.settings-group{margin-top:1rem}.field-inline{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.field-inline>label{flex:0 1 auto;font-size:.9rem}.field-inline>label:after,.color-field>label:after{content:":"}.field-inline>.number-field-inputs{flex:1 1 0;min-width:0}.field-narrow>.number-field-inputs{flex:0 0 auto}.field-narrow .number-input{width:5em}.color-field{display:flex;align-items:center;gap:.5rem;min-width:min-content;margin-bottom:.5rem}.color-hex{flex:0 0 6.5em;min-width:0;padding:.3rem .4rem;font-family:ui-monospace,monospace;font-size:.85rem;color:inherit;background:none;border:1px solid var(--panel-border);border-radius:6px}.color-hex-invalid{border-color:var(--invalid)}.color-field>label{flex:0 0 auto;min-width:7rem;font-size:.9rem}input[type=color]{appearance:none;padding:0;overflow:hidden}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none}input[type=color]::-moz-color-swatch{border:none}.color-well{flex:0 0 auto;width:1.8rem;height:1.8rem;padding:0;border:1px solid var(--panel-border);border-radius:6px;cursor:pointer}.color-field input[type=color]{flex:0 0 auto;width:1.8rem;height:1.8rem;padding:0;background:none;border:1px solid var(--panel-border);border-radius:6px;cursor:pointer}.settings-footer{margin-top:0;display:flex;flex-wrap:wrap;gap:.5rem}.settings-footer-end{margin-left:auto}.settings-logging{margin-top:calc(1.1rem + .5em);justify-content:flex-end;align-items:center}.settings-logging>.reset-button{margin-right:auto}.about-build{margin:1.4rem 0 0;padding-top:.7rem;border-top:1px solid var(--panel-border);font-size:.75rem;color:color-mix(in srgb,currentColor 55%,transparent);overflow-wrap:anywhere}.about-commit{font-family:ui-monospace,monospace}.import-error{flex-basis:100%;margin:.25rem 0 0;font-size:.8rem;color:var(--invalid)}.stripe-table{width:100%;border-collapse:collapse;table-layout:fixed}.stripe-table th,.stripe-table td{padding:.15rem .15rem .15rem 0;text-align:left}.stripe-table thead th{font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;opacity:.7;padding-bottom:.3rem}.stripe-table tbody th{font-size:.85rem;font-weight:400;white-space:nowrap}.col-piece{width:6.5rem}.col-setting{width:10rem}.stripe-table-sides tbody th{white-space:normal}.stripe-row-apart>th,.stripe-row-apart>td{padding-top:.8rem}.stripe-table-sides thead th{text-align:center}.stripe-table-sides tbody tr+tr>th,.stripe-table-sides tbody tr+tr>td{padding-top:.5em}.stripe-table-sides td{padding-left:.65rem;padding-right:.65rem}.color-field-well-only{justify-content:center;margin-bottom:0}.color-field-well-only>.color-well{width:1.3rem;height:1.3rem;border-radius:4px}.col-swatch{width:3rem}.stripe-table-swatch{padding-left:.4rem;padding-right:.4rem}.stripe-table-color{text-align:center}.stripe-group-start{border-left:1px solid var(--panel-border);padding-left:.4rem}.stripe-table-wide thead th[scope=colgroup]{text-align:center}.attack-swatch{display:block;margin-inline:auto;width:1.3rem;height:1.3rem;padding:0;border:1px solid var(--panel-border);border-radius:4px;cursor:pointer}.position-dialog{width:min(34rem,90vw);overflow:visible}.position-dialog .fen-input{margin-top:.3rem}.color-dialog{width:min(30rem,90vw)}.color-dialog .button-pair{--answer-room: 4em}.color-dialog .pgn-dialog-actions{margin-top:calc(.75rem + 1em)}.color-dialog .color-field{flex-wrap:wrap;margin:.6rem 0 0}.color-dialog .color-field>input[type=color]{margin-right:1.5em}.color-dialog .color-field .reset-button{min-width:6.8em}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.stripe-table-blank{text-align:center;opacity:.35}.stripe-table .number-input{width:100%;padding:.3rem}.stripe-table-wide td{padding-right:.3rem}.number-field{margin-bottom:var(--field-gap, .85rem)}.field-row-ends{justify-content:space-between}.field-row.field-row-ends>.number-field{flex:0 0 auto}.field-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:var(--field-gap, .85rem)}.field-row-apart{column-gap:5em}.field-row.field-row-halves>.toggle-field,.field-row.field-row-halves>.number-field,.field-row.field-row-halves>.color-field{flex:1 1 0;min-width:min-content}.field-row-heatmap-colors>.color-field{flex:1 1 0}.field-row-heatmap-colors>.color-field:last-of-type{flex-direction:row-reverse}.field-row-heatmap-colors>.color-field:last-of-type>label:after{content:""}.field-row>.number-field{flex:1 1 auto;min-width:min-content;margin-bottom:0}.field-row>.color-field{flex:1 1 auto;margin-bottom:0}.field-row>.toggle-field{flex:0 0 auto;margin-bottom:0}.number-field>label{display:block;margin-bottom:.3rem;font-size:.9rem}.number-field-inputs{display:flex;align-items:center;gap:.5rem}.number-input{flex:1 1 auto;min-width:0;padding:.4rem .5rem;font-family:ui-monospace,monospace;font-size:.9rem;color:inherit;background:none;border:1px solid var(--panel-border);border-radius:6px}.number-input-invalid{border-color:var(--invalid);color:var(--invalid)}.field-suffix{font-size:.8rem;opacity:.7}.toggle-field{display:flex;align-items:center;gap:.5rem;margin-bottom:var(--field-gap, .85rem)}.toggle-field input[type=checkbox]{width:1rem;height:1rem;margin:0;accent-color:var(--checkbox-accent);cursor:pointer}.toggle-field label{font-size:.9rem;cursor:pointer}.reset-button{padding:.35rem .7rem;font-size:.9rem;color:inherit;background:none;border:1px solid var(--panel-border);border-radius:6px;cursor:pointer}.reset-button:disabled{opacity:.35;cursor:default}.reset-button:not(:disabled):hover{background:var(--hover-bg)}.board-with-captured{display:flex;align-items:stretch;gap:var(--captured-bar-gap);min-width:0}.board-with-captured>.board-holder{flex:1 1 auto;min-width:0}.captured-bar{flex:0 0 auto;width:var(--captured-bar-width);display:flex;flex-direction:column}.captured-column{height:calc(100% * 512 / 536);display:flex;flex-direction:column;justify-content:space-between;align-items:center;min-height:0}.captured-group,.captured-run{display:flex;flex-direction:column;align-items:center;flex:0 0 auto;min-height:0}.captured-run>.captured-piece+.captured-piece{margin-top:calc(-1 * var(--captured-overlap, .35em))}.captured-piece{display:block;flex:0 0 auto;width:var(--captured-size, 1.5em);height:var(--captured-size, 1.5em);min-height:0;overflow:visible}.field-disabled{opacity:.45}.field-disabled label{cursor:default}.captured-lead{flex:0 0 auto;margin:.15em 0;font-size:.8rem;font-variant-numeric:tabular-nums;opacity:.75}:root[data-theme=dark] .captured-bar .piece-black{fill:color-mix(in srgb,color-mix(in srgb,var(--piece-color),black var(--piece-darken)),white 25%)}.challenge-dialog[open],.join-dialog[open]{display:flex;flex-direction:column;gap:.9rem;padding:1.4rem}.challenge-dialog{width:min(40rem,94vw);overflow:visible}.challenge-title{margin:0;font-size:1rem;font-weight:600}.challenge-dialog .board-controls>label{flex:0 0 5.4rem}.challenge-dialog .challenge-name{width:auto;flex:1 1 12rem;min-width:8rem}.challenge-dialog .pgn-dialog-actions{margin-top:.2rem}.challenge-number{flex:0 0 5rem}.challenge-dialog .field-suffix{font-size:.9rem}.color-shown{flex:0 0 9rem;min-height:2.05rem;display:inline-flex;align-items:center;justify-content:center;padding:.35rem .5rem;font-size:.9rem;border:1px solid var(--panel-border);border-radius:6px}.color-row{flex-wrap:nowrap}.color-row .reset-button{flex:0 1 auto;min-width:0;white-space:nowrap}.color-shown-w{color:#1a1a1a;background:#f4f4f4}.color-shown-b{color:#f4f4f4;background:#2a2a2a}.color-choices{display:flex;gap:.5rem;margin-left:auto}.invite-terms{display:grid;grid-template-columns:auto 1fr;gap:.4rem .9rem;margin:.8rem 0 0;font-size:.9rem}.invite-terms dt{color:color-mix(in srgb,currentColor 70%,transparent)}.invite-terms dd{margin:0;display:flex;align-items:center;gap:.5rem}.invite-panel{padding:0;border:0;background:none;margin-top:.7rem}.game-details{min-height:13rem;flex:0 0 auto;padding:.75rem .9rem .9rem;border:1px solid var(--panel-border);border-radius:10px;background:var(--panel-bg)}.game-details-waiting{opacity:.6;transition:opacity .4s ease .12s}@media(prefers-reduced-motion:reduce){.game-details-waiting{transition:none}}.invite-alert{padding:.75rem .9rem;border:1px solid var(--panel-border);border-radius:10px;background:var(--panel-bg)}.invite-heading{margin:0 0 .6rem;font-size:.95rem;font-weight:600}.invite-heading-row{display:flex;align-items:baseline;gap:2rem}.invite-heading-id{font-family:ui-monospace,monospace;font-weight:400;font-size:.9em;color:color-mix(in srgb,currentColor 62%,transparent);white-space:nowrap}.invite-heading-row>.reset-button{margin-left:auto;min-width:8rem;display:inline-flex;align-items:center;justify-content:center;gap:.4em}.invite-facts{margin:.1rem 0 0;font-size:.9rem;color:color-mix(in srgb,currentColor 70%,transparent)}.invite-tally{text-align:right}.invite-note{margin:.5rem 0 0;font-size:.85rem;color:color-mix(in srgb,currentColor 70%,transparent)}.invite-terms-line{font-size:inherit}.invite-panel .board-controls>.fen-input{flex:1 1 0;min-width:6rem}.link-row{display:flex;align-items:center;gap:.4em;margin:2rem 0;font-size:.9rem;color:color-mix(in srgb,currentColor 75%,transparent)}.link-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-wire{flex:1 1 .8em;min-width:.8em;height:0;border-top:1px solid color-mix(in srgb,currentColor 40%,transparent)}.link-dot{flex:0 0 auto;width:.62em;height:.62em;border-radius:50%;box-shadow:0 0 0 1px color-mix(in srgb,currentColor 25%,transparent)}.link-dot-up{background:#35b45a}.link-dot-down{background:#e04b3f}.link-dot-unknown{background:color-mix(in srgb,currentColor 22%,transparent)}.invite-line+.invite-line{margin-top:.6rem}.invite-number{flex:0 0 auto;padding:.35rem .6rem;font-family:ui-monospace,monospace;font-size:1.05rem;letter-spacing:.04em;border:1px solid var(--panel-border);border-radius:6px}.saved-games{margin:0;padding:0;list-style:none}.saved-games>li+li{margin-top:.4rem}.saved-game-row{display:flex;align-items:center;gap:.6em}.preset-panel{display:flex;flex-direction:column;min-height:0;margin-bottom:.9rem}.presets-scroll{flex:0 1 auto;min-height:6rem;overflow-y:auto;padding-right:.75rem}.preset-list{margin-bottom:1.1rem}.preset-lock{flex:0 0 1.1em;align-self:center;display:flex;justify-content:center}.preset-lock .button-icon{width:.95em;height:.95em;opacity:.75}.preset-note{flex:1 1 auto;text-align:right;opacity:.7;font-style:italic}.preset-actions{justify-content:flex-end}.button-pair.preset-pair,.button-pair.settings-pair{--answer-room: 1.4em;--answer-apart: 1.4em}.settings-panel.settings-manage{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.settings-tail{margin-top:auto}.settings-ask{margin-bottom:2em}.preset-trouble{color:var(--invalid)}.save-as-choice{align-items:center;justify-content:space-between;margin-top:.9rem}.saved-game-row.here .saved-game{background:var(--panel-bg)}.saved-game-row.here .saved-game-pair{font-weight:600}.saved-game-mark{flex:0 0 1.1em;text-align:center}.saved-game-tick{flex:0 0 auto;margin:0}.games-scroll{flex:0 1 auto;padding-right:.75rem;min-height:6rem;overflow-y:auto;overscroll-behavior:contain}.saved-game-mark.playing{color:#35b45a}.saved-game-mark.gone{color:color-mix(in srgb,currentColor 45%,transparent)}.saved-game-mark.unconfirmed{color:#e04b3f}.saved-game-mark.mark-won{color:#35b45a}.saved-game-mark.mark-lost{color:#e04b3f}.saved-game-mark .button-icon,.saved-game-mark .draw-icon{width:1em;height:1em;vertical-align:-.15em}.saved-game-mark .button-icon{stroke-width:3.2}.saved-game-mark .draw-icon text{font-weight:800}.saved-game-mark .draw-icon path{stroke-width:2.6}.games-panel{display:flex;flex-direction:column;min-height:0;flex:0 1 auto;margin-top:.9rem}.games-actions{--action-width: 10.5em;--answer-room: 1em;justify-content:space-between;margin-top:1.3rem}.games-step-away{min-width:var(--action-width);padding-inline:var(--answer-room);display:inline-flex;align-items:center;justify-content:center;gap:.45em}.button-pair.games-pair>.reset-button{min-width:var(--action-width)}.button-pair.games-pair{--answer-room: inherit;--answer-apart: 1.4em}.saved-game{display:flex;align-items:baseline;gap:.6em;flex:1 1 auto;min-width:0;text-align:left}.saved-game-who{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:color-mix(in srgb,currentColor 78%,transparent)}.saved-game-pair{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-game-id{flex:0 0 auto;margin-right:auto;font-family:ui-monospace,monospace;font-size:.9em;letter-spacing:.02em;color:color-mix(in srgb,currentColor 55%,transparent);white-space:nowrap}.join-number{flex:0 0 9rem;font-family:ui-monospace,monospace}.board-and-players{display:flex;flex-direction:column;min-width:0;position:relative}.board-counter{position:absolute;bottom:100%;left:0;right:0;margin:0}.player-name{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin:.25rem 0;height:1.32em;height:1lh;margin-bottom:calc(.25rem + .5em);padding-left:calc((100% - var(--captured-bar-width) - var(--captured-bar-gap)) * 24 / 536);padding-right:calc(var(--captured-bar-width) + var(--captured-bar-gap));font-size:.95rem}.board-and-players>.player-name:last-child{margin-bottom:.25rem}.player-who{display:flex;align-items:center;gap:.7rem;min-width:0}.player-live{width:.5em;height:.5em;border-radius:50%;background:#35b45a}.player-result{display:inline-flex;align-items:center;gap:.45em;justify-self:center;white-space:nowrap;color:color-mix(in srgb,currentColor 75%,transparent)}.player-position{display:inline-flex;align-items:center;gap:.45em;justify-self:end;white-space:nowrap;color:color-mix(in srgb,currentColor 75%,transparent)}.player-position .button-icon{width:.95em;height:.95em}.player-name-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-and-players-bare{--captured-bar-width: 0px;--captured-bar-gap: 0px}.player-color{flex:0 0 auto;width:.8rem;height:.8rem;margin-right:.35rem;overflow:visible}.player-disc{stroke:var(--panel-border);stroke-width:1}.player-color-w .player-disc{fill:#f4f4f4;stroke:#1a1a1a;stroke-width:1.1}.player-color-b .player-disc{fill:#000;stroke:#fff;stroke-width:1.6}.player-petal{fill:var(--petal);stroke:color-mix(in srgb,currentColor 45%,transparent);stroke-width:.9;transform-box:view-box;transform-origin:12px 12px;transform:rotate(var(--petal-turn)) scale(.2);opacity:0;transition:transform .28s ease,opacity .22s ease}.player-color-turn .player-petal{transform:rotate(var(--petal-turn)) scale(1);opacity:1}.player-mine{color:color-mix(in srgb,currentColor 60%,transparent)}.invite-actions{margin-bottom:.55rem}.invite-actions>button:nth-child(2){padding-left:1.7rem;padding-right:1.7rem}.share-actions{display:flex;align-items:center;gap:.75rem}.share-actions>.toggle-field{margin-bottom:0}.match-actions{column-gap:4rem}.invite-actions>button{justify-content:center}.invite-actions{--offer-width: 10.3rem}.invite-actions>button:nth-child(2),.invite-actions>button:nth-child(3){min-width:var(--offer-width)}.invite-actions>button:first-child{min-width:10rem;margin-right:3.25rem}.invite-notice{margin:.5rem 0 0;font-size:.85rem;color:var(--invalid);cursor:pointer}.button-pair{--answer-room: 3em;--answer-apart: 2em;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;width:max-content;flex:0 0 auto;gap:var(--answer-apart)}.button-icon{flex:0 0 auto}.button-pair>.reset-button{padding-inline:var(--answer-room);display:inline-flex;align-items:center;justify-content:center;gap:.45em}.invite-question{margin-top:1.1rem;margin-bottom:.55rem;font-size:.9rem}.confirm-dialog{width:min(28rem,92vw)}.confirm-question{margin:0 0 .4rem;font-size:1rem;font-weight:600}.settings-divider{margin:1.4rem 0 1.1rem;border:none;border-top:1px solid var(--panel-border)}.panel-divider{width:100%;margin:0;border:none;border-top:1px solid var(--panel-border)}.section-rule{display:flex;align-items:center;gap:.6rem;margin:1.4em 0 0}.tab-panel>.section-rule{margin-top:calc(2em - var(--panel-gap));margin-bottom:calc(.5em - var(--panel-gap))}.settings-panel>.section-rule:first-child{margin-top:0}.section-rule-name{font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;opacity:.4;white-space:nowrap}.section-rule .panel-divider{flex:1;margin:0}.section-rule .section-rule-lead{flex:0 0 1.4em}.settings-panel .panel-divider{margin:1em 0}.tab-panel>.panel-divider{margin:calc(1em - var(--panel-gap)) 0}