.tl{--mast:92px;--bar:52px;--panel:320px;--gauge:0px;--gauge-gap:0px;--fixed:0px;--b:min(calc(100svh - var(--mast) - var(--bar) - 48px), calc(100vw - var(--panel) - var(--gauge) - 120px), 800px);min-height:calc(100svh - var(--mast));place-content:center;padding-block:16px 24px;display:grid}.tl[data-gauge]{--gauge:24px;--gauge-gap:6px}@media (min-width:1024px){.tl[data-bar=narrow]{--bar:0px}}@supports (width:round(down, 10px, 8px)){.tl{--b:round(down, max(320px, min(calc(100svh - var(--mast) - var(--bar) - 48px), calc(100vw - var(--panel) - var(--gauge) - 120px), 800px)), 8px)}}.tl-grid{height:calc(var(--b) + var(--bar));grid-template-columns:calc(var(--gauge) + var(--gauge-gap)) var(--b) calc(var(--panel) + 24px);grid-template-rows:auto auto minmax(0, 1fr) auto var(--bar);grid-template-areas:"gauge board head""gauge board above""gauge board list""gauge board below"".bar.";display:grid}.tl-board{width:var(--b);height:var(--b);grid-area:1/board/span 4}.tl-gauge{width:var(--gauge);height:var(--b);grid-area:1/gauge/span 4}.tl-bar{grid-area:bar}.tl-head,.tl-above,.tl-list,.tl-below{min-width:0;margin-inline-start:24px}.tl-head{grid-area:head}.tl-above{grid-area:above}.tl-list{overscroll-behavior:contain;grid-area:list;min-height:0;overflow-y:auto}.tl-below{grid-area:below}.tl-side{border-inline:1px solid var(--color-border);background:var(--color-card);padding-inline:16px}.tl-head.tl-side{border-top:1px solid var(--color-border);padding-top:14px}.tl-below.tl-side,.tl-list.tl-side.tl-last{border-bottom:1px solid var(--color-border);padding-bottom:12px}.tl-moves{overscroll-behavior:contain;grid-template-columns:2.25rem 1fr 1fr;align-content:start;display:grid;overflow-y:auto}.tl-sheet-close{display:none}@media (max-width:1023.98px){.tl{--mast:152px;--bar:56px;--b:min(calc(100vw - 10px - var(--gauge) - var(--gauge-gap)), calc(100svh - var(--mast) - var(--fixed)), 760px);place-content:start center;padding-block:8px 16px}.tl[data-gauge]{--gauge:20px;--gauge-gap:4px}@supports (width:round(down, 10px, 8px)){.tl{--b:round(down, max(240px, min(calc(100vw - 10px - var(--gauge) - var(--gauge-gap)), calc(100svh - var(--mast) - var(--fixed)), 760px)), 8px)}}.tl-grid{grid-template-columns:calc(var(--gauge) + var(--gauge-gap)) var(--b);grid-template-rows:auto auto var(--b) var(--bar) auto auto;grid-template-areas:"head head""above above""gauge board""bar bar""below below""list list";height:auto}.tl-board,.tl-gauge{grid-row:3}.tl-head,.tl-above,.tl-list,.tl-below{margin-inline-start:0}.tl-side{background:0 0;border:0;padding-inline:0}.tl-head.tl-side,.tl-below.tl-side,.tl-list.tl-side.tl-last{border:0;padding-block:0}.tl-list{overflow:visible}.tl-moves{flex-wrap:nowrap;align-items:center;gap:2px;height:40px;display:flex;overflow:auto hidden}.tl-wide-only{display:none!important}.tl-sheet{z-index:40;border-top:1px solid var(--color-border-strong);background:var(--color-card);max-height:80svh;padding:16px 16px max(16px, env(safe-area-inset-bottom));position:fixed;inset:auto 0 0;overflow-y:auto;box-shadow:0 -12px 32px #00000073}.tl-sheet-close{display:inline-flex}}@media (max-width:1023.98px) and (orientation:landscape) and (max-height:520px){.tl{--panel:260px;--bar:48px;--b:min(calc(100svh - var(--mast) - var(--bar) - 16px), 520px);place-content:start center}@supports (width:round(down, 10px, 8px)){.tl{--b:round(down, min(calc(100svh - var(--mast) - var(--bar) - 16px), 520px), 8px)}}.tl-grid{height:calc(var(--b) + var(--bar));grid-template-columns:calc(var(--gauge) + var(--gauge-gap)) var(--b) calc(var(--panel) + 16px);grid-template-rows:auto auto minmax(0, 1fr) auto var(--bar);grid-template-areas:"gauge board head""gauge board above""gauge board list""gauge board below"".bar."}.tl-board,.tl-gauge{grid-row:1/span 4}.tl-head,.tl-above,.tl-list,.tl-below{margin-inline-start:16px}}@media (min-width:1024px){.tl-narrow-only{display:none!important}}.tl-board .chess-board{padding:0}.tl-board .cg-wrap{width:var(--b);height:var(--b)}.tl-board coords{z-index:5;font-family:var(--font-mono,ui-monospace, monospace);font-size:clamp(8px, calc(var(--b) / 52), 12px);pointer-events:none;font-weight:600}.tl-board coords.ranks{align-items:flex-start;width:12.5%;height:100%;inset:0 auto 0 0}.tl-board coords.ranks coord{text-align:left;width:100%;padding:2px 0 0 3px;display:block;transform:none}.tl-board coords.files{width:100%;height:12.5%;display:flex;inset:auto 0 0}.tl-board coords.files coord{justify-content:flex-end;align-items:flex-end;padding:0 3px 1px 0;display:flex}.tl-board coords coord:nth-child(odd){color:var(--color-board-light)}.tl-board coords coord:nth-child(2n),.tl-board coords.black coord:nth-child(odd){color:var(--color-board-dark)}.tl-board coords.black coord:nth-child(2n){color:var(--color-board-light)}.tl[data-seats=face-to-face] .tl-board piece.black{background-size:0 0}.tl[data-seats=face-to-face] .tl-board piece.black:before{content:"";background-image:inherit;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0;rotate:180deg}.tl-flip{rotate:180deg}