.board-frame:not(.has-3d){grid-template-rows:auto 0;grid-template-columns:0 minmax(0,1fr)}.game-layout:has(>.board-col .board-frame:not(.has-3d)){--board-coord-space:16px}.board-row:has(>.board-frame:not(.has-3d))>.eval-bar{align-self:stretch;height:auto}.board-col:has(.board-frame:not(.has-3d))>.board-slot-wrap{margin-left:calc(var(--gutter) - var(--board-coord-space))}@media (width<=900px){.game-layout:has(>.board-col .board-frame:not(.has-3d)){--board-coord-space:12px}}@media (width>=901px){.game-layout:has(>.board-col .board-frame:not(.has-3d)){--gutter:64px}.game-layout .board-row:has(>.board-frame:not(.has-3d)){gap:10px;padding-left:10px}}@supports (width:round(down, 100px, 8px)){.board-frame:is(.train-board,.drill-board,.eg-board):not(.has-3d){width:round(down, calc(var(--board-raw) + .01px), var(--cg-step,8px))}}.cg-wrap-el{aspect-ratio:1;width:100%;position:relative}.cg-wrap-el cg-container,.cg-wrap-el cg-board{width:100%;height:100%;display:block;position:absolute;inset:0}.own-board{touch-action:none;-webkit-user-select:none;user-select:none;background-size:100% 100%}.own-board:before{content:"";will-change:transform;pointer-events:none;background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0}.own-board-fields,.own-board-pieces{pointer-events:none;position:absolute;inset:0}.own-board-row{display:contents}.own-board square,.own-board piece,.own-board .own-board-cell{width:12.5%;height:12.5%;position:absolute;top:0;left:0}.own-board square{pointer-events:none;display:block}.own-board square.check{background:radial-gradient(#f33b 0%,#f337 35%,#0000 72%)}.own-board piece{pointer-events:none;z-index:2;background-position:50%;background-repeat:no-repeat;background-size:contain;display:block}.own-board piece.dragging{z-index:5;filter:drop-shadow(0 5px 4px #0006)}.own-board .own-board-cell{min-height:0;box-shadow:none;z-index:3;cursor:pointer;background:0 0;border:0;border-radius:0;margin:0;padding:0;transition:none;display:block}.own-board .own-board-cell:hover,.own-board .own-board-cell:active{box-shadow:none;background:0 0}.own-board .own-board-cell:focus-visible{outline:3px solid var(--ivory,#fff);outline-offset:-3px}.own-board-coords{pointer-events:none;z-index:4;position:absolute;inset:0}.own-board-coord{color:#e4dfd3;width:12.5%;height:12.5%;font:500 clamp(11px, 1.5cqw, 12px) / 1 var(--font);font-variant-numeric:tabular-nums;position:absolute;top:0;left:0}.own-board-coord>span{position:absolute}.own-board-coord.on-light{color:#302418b8}.own-board-coord.on-dark{color:#f0eadedb}.own-board-file{bottom:3px;right:3px}.own-board-rank{top:3px;left:3px}.thumb-grid{grid-template-columns:repeat(4,1fr);gap:4px;padding:2px 4px 4px;display:grid}.thumb{border-radius:var(--radius-xs);min-height:0;color:var(--muted);font-size:var(--text-2xs);white-space:nowrap;background:0 0;border:1px solid #0000;flex-direction:column;align-items:center;gap:5px;padding:5px 2px 4px;font-weight:500;line-height:1;display:flex}.thumb:hover{background:var(--surface-3);color:var(--text);border-color:#0000}.thumb:active{transform:none}.thumb[aria-checked=true]{color:var(--text)}.thumb[aria-checked=true] .thumb-board{box-shadow:0 0 0 2px var(--ivory), 0 1px 2px #00000059}.thumb:focus-visible{outline:2px solid var(--ivory);outline-offset:0}.thumb-board{aspect-ratio:1;width:clamp(48px,100%,68px);box-shadow:none;background-position:0 0;background-size:266.667% 266.667%;border-radius:0;transition:box-shadow .12s;display:block;position:relative;overflow:hidden}.thumb-piece{pointer-events:none;background-size:cover;width:33.34%;height:33.34%;position:absolute}.thumb-pieces{aspect-ratio:1;background:var(--board-light,#f0d9b5);background-image:var(--board-image);width:clamp(48px,100%,68px);box-shadow:none;background-position:0 0;background-size:800% 800%;border-radius:0;transition:box-shadow .12s;display:block;position:relative;overflow:hidden}.thumb-pieces .thumb-piece{background-position:50%;background-repeat:no-repeat;background-size:contain;width:auto;height:auto;inset:6%}.thumb-model .thumb-piece{inset:-5%}.thumb[aria-checked=true] .thumb-pieces{box-shadow:0 0 0 2px var(--ivory), 0 1px 2px #00000059}.mark-thumb{aspect-ratio:1;background:var(--board-dark,#b58863);width:clamp(48px,100%,68px);box-shadow:none;background-image:var(--board-image);background-position:14.2857% 0;background-size:800% 800%;border-radius:0;transition:box-shadow .12s;display:block;position:relative;overflow:hidden;container-type:inline-size}.mark-thumb .thumb-piece{background-image:var(--piece-wn);width:80%;height:80%;top:12%;left:8%}.mark-thumb .cls-marker{display:block;position:absolute;top:5%;left:auto;right:5%;transform:none}.thumb[aria-checked=true] .mark-thumb{box-shadow:0 0 0 2px var(--ivory), 0 1px 2px #00000059}.board-wrap:is(.is-3d,.loading-3d){isolation:isolate}.board-3d-host{z-index:5;border-radius:var(--radius);background:radial-gradient(ellipse at 50% 42%, var(--surface-3), var(--surface) 74%);position:absolute;inset:0;overflow:hidden}.board-3d-host[hidden]{display:none}.board-wrap:is(.is-3d,.loading-3d)>:is(.cg-wrap-el,.shape-layer,.cls-marker,.cls-fx){visibility:hidden;pointer-events:none}.board-3d-loading{z-index:6;border-radius:var(--radius);color:var(--muted);font-size:var(--text-sm);background:radial-gradient(ellipse at 50% 42%, var(--surface-3), var(--surface) 74%);place-items:center;display:grid;position:absolute;inset:0}.board-3d-loading[hidden]{display:none}.board-frame.has-3d>:is(.coords-files,.coords-ranks){visibility:hidden}.board-3d-canvas{touch-action:none;cursor:grab;outline-offset:-3px;width:100%;height:100%;display:block}.board-3d-canvas.dragging,.camera-mode .board-3d-canvas:active{cursor:grabbing}.board-3d-canvas:focus-visible{outline:2px solid var(--accent)}.board-3d-tools{align-items:center;gap:6px;display:flex;position:absolute;inset:8px 8px auto auto}.board-3d-tool,.board-3d-help>summary{border:1px solid var(--border-2);background:var(--surface);color:var(--text);border-radius:var(--radius);min-height:32px;font-size:var(--text-xs);cursor:pointer;padding:5px 10px}.board-3d-tool[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.board-3d-tool:hover,.board-3d-help>summary:hover{border-color:var(--accent)}.board-3d-help>summary{place-items:center;width:32px;list-style:none;display:grid}.board-3d-help>div{z-index:6;border:1px solid var(--border-2);border-radius:var(--radius);background:var(--surface);width:min(280px,75cqw);color:var(--text);font-size:var(--text-sm);box-shadow:var(--shadow);padding:12px;line-height:1.55;position:absolute;top:40px;right:0}.board-3d-hint{pointer-events:none;color:var(--muted);font-size:var(--text-2xs);position:absolute;bottom:8px;left:10px}.board-3d-sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.board-mode-row{justify-content:flex-end;margin-bottom:6px;display:flex}[data-board-view="3d"] .menu-2d-only,[data-board-view="3d"] .mark-thumb .thumb-piece{display:none}.material-pair{justify-content:center;align-items:center;gap:4px;height:48px;display:flex}.material-pair>span{border:1px solid #0003;border-radius:5px;width:25px;height:32px}.material-white{background:var(--material-white)}.material-black{background:var(--material-black)}@media (pointer:coarse){.board-3d-tool,.board-3d-help>summary{min-height:40px}.board-3d-help>summary{width:40px}.board-3d-hint{font-size:var(--text-2xs)}}