.tl{--tl-board-cap:100%;max-width:1240px;margin:0 auto;padding:10px 12px 24px}@media (min-width:768px){.tl{--tl-board-cap:560px}}@media (min-width:1024px){.tl{--tl-board-cap:480px;padding:16px 16px 24px}}@media (min-width:1280px){.tl{--tl-board-cap:600px}}.tl-board{--tl-b:min(var(--tl-board-cap),var(--tl-board-col,100%),calc(100dvh - var(--tl-board-off,0px)));--tl-board:100cqi;inline-size:var(--tl-b);container-type:inline-size}@supports (width:round(down,1px,8px)){.tl-board{inline-size:round(down,var(--tl-b),8px)}}.tl-promo,.tl-promo-scrim{position:absolute;top:0;right:0;bottom:0;left:0}.tl-promo{z-index:400;display:grid;place-items:center}.tl-promo-scrim{background:color-mix(in srgb,var(--color-bg-primary) 45%,transparent)}.tl-promo-card{position:relative;display:flex;gap:8px;padding:10px;border-radius:var(--ui-radius-lg);background:var(--color-bg-secondary);box-shadow:var(--ui-shadow-pop),0 0 0 1px var(--color-border)}.tl-promo-btn{width:64px;height:64px;border:1px solid transparent;border-radius:var(--ui-radius);background:var(--color-bg-tertiary)}.tl-promo-btn img{width:85%;margin:auto}.tl-promo-btn:focus-visible{outline:2px solid var(--color-input-focus)}@media (hover:hover){.tl-promo-btn:hover{border-color:var(--color-accent)}}.tl-promo-btn:active{border-color:var(--color-accent)}.tl-spin{display:inline-block;flex:none;width:1em;height:1em;border:2px solid;border-right-color:transparent;border-radius:50%;animation:tl-spin 1s linear infinite}@keyframes tl-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.tl-spin{animation:none}}@media (max-width:767.98px){.tl-promo-btn{width:56px;height:56px}}@media (max-width:1023.98px){.tl :is(button,a,[role=tab],[role=menuitem],input:not([type=checkbox]):not([type=radio]),select,textarea:not(.ui-input--area),label:not(.ui-field__label)){min-height:var(--ui-touch,44px)}}.tle-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start}.tle-board-col{--tle-tray:52px;--tle-pc:46px;--tle-sg:0px;--tle-sp:4px;--tle-tools:52px;--tl-board-off:min(calc(var(--ui-header-h) + 1px + 34px + 76px + 2 * var(--tle-tray) + 24px + var(--tle-tools) + 56px + var(--safe-bottom,0px)), calc(100dvh - 288px) );display:flex;justify-content:center;gap:8px;min-width:0}.tle-host{position:relative}.tle-host .board-b72b1{margin-inline:auto}.tle-host .spare-pieces-7492f{display:flex;align-items:center;justify-content:center;gap:var(--tle-sg);height:var(--tle-tray);padding:0 var(--tle-sp)!important;border-radius:var(--ui-radius);background:var(--color-bg-secondary);box-shadow:var(--ui-shadow)}.tle-host .spare-pieces-top-4028b{margin-bottom:8px}html.dark .tle-host .spare-pieces-7492f{background:color-mix(in srgb,var(--color-text-primary) 30%,var(--color-bg-secondary))}.tle-host .spare-pieces-bottom-ae20f{margin-top:8px}.tle-host .spare-pieces-7492f img{width:min(var(--tle-pc),(100cqi - 2 * var(--tle-sp) - 5 * var(--tle-sg)) / 6)!important;height:min(var(--tle-pc),(100cqi - 2 * var(--tle-sp) - 5 * var(--tle-sg)) / 6)!important;border-radius:var(--ui-radius);cursor:pointer}.tle-host .spare-pieces-7492f img[aria-pressed=true]{background-color:var(--color-accent-muted);box-shadow:inset 0 0 0 2px var(--color-accent)}.tle-host .spare-pieces-7492f img:focus-visible,.tle-pv-move:focus-visible,.tle-seg button:focus-visible{outline:2px solid var(--color-input-focus);outline-offset:-2px}.tle-host [data-tle-placing] .board-b72b1{cursor:copy}.tle-evbar{position:relative;display:none;flex:none;align-self:stretch;width:10px;margin:calc(var(--tle-tray) + 8px) 0 calc(var(--tle-tray) + 16px + var(--tle-tools));overflow:hidden;border-radius:var(--ui-radius);background:var(--color-text-primary);box-shadow:inset 0 0 0 1px var(--color-border)}.tle-evbar i{position:absolute;right:0;bottom:0;left:0;display:block;background:var(--color-bg-secondary)}.tle-evbar i.is-flip{top:0;bottom:auto}.tle-evbar:after{position:absolute;top:calc(50% - .5px);right:0;left:0;height:1px;background:color-mix(in srgb,var(--color-accent) 80%,transparent);content:""}html.dark .tle-evbar{background:var(--color-bg-primary)}html.dark .tle-evbar i{background:var(--color-text-primary)}.tle-tools,.tle-sel{display:flex;align-items:center;gap:2px;height:var(--tle-tools);margin-top:8px;padding:0 4px;border-radius:var(--ui-radius);background:var(--color-bg-secondary);box-shadow:var(--ui-shadow)}.tle-tools{justify-content:space-around}.tle-tb{width:48px;height:44px;padding:0}.tle-tb svg{color:var(--color-text-secondary)}.tle-tb-t{display:none}.tle-sel{gap:8px;padding:0 6px 0 12px;font-size:13px}.tle-sel>svg{flex:none;color:var(--color-accent)}.tle-sel>span{flex:1 1 auto;min-width:0}.tle-sel .ui-btn{flex:none}.tle-side{display:contents}.tle-head{position:relative}.tle-head h1{margin:0;font-size:21px;font-weight:600;line-height:1.2}.tle-head p{margin:3px 0 0;color:var(--color-text-secondary);font-size:13px}.tle-head .ui-notice-live{margin-top:8px}.tle-head .ui-notice-live:has(>.ui-notice)+[data-ui-notice-alerts]{margin-top:0}.tle-help-l{display:none}.tle-pair{display:flex;flex-direction:column;gap:12px;min-width:0}.tle-panel{position:relative;min-width:0;border-radius:var(--ui-radius);background:var(--color-bg-secondary);box-shadow:var(--ui-shadow)}.tle-ph{line-height:37px;margin:0;padding:0 var(--ui-pad);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);font-size:13px;font-weight:500}.tle-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;min-height:48px;padding:6px var(--ui-pad)}.tle-row>span:first-child,.tle-sub{font-size:13.5px;font-weight:500}.tle-sub{padding:8px var(--ui-pad) 0;border-top:1px solid var(--color-border)}.tle-rok{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 8px;padding:2px var(--ui-pad) 10px}.tle-rok .ui-check{align-items:center;min-height:32px}.tle-warn{display:flex;align-items:flex-start;gap:6px;margin:0;font-size:12.5px}.tle-warn svg{flex:none;margin-top:1px;color:var(--color-warning)}.tle-panel>.tle-warn{padding:10px var(--ui-pad);border-top:1px solid var(--color-border)}.tle-fen-f{padding:var(--ui-pad) var(--ui-pad) 8px}.tle-fen{font-size:12.5px;letter-spacing:0;text-overflow:ellipsis}.tle-acts{display:flex;flex-wrap:wrap;gap:8px;padding:0 var(--ui-pad) var(--ui-pad)}.tle-engine{padding:0 6px 0 var(--ui-pad)}.tle-engine.is-on{padding-bottom:10px}.tle-engine>.tle-warn{margin:0 6px 10px 0;padding:0;border:0}.tle-eng-top{display:flex;align-items:center;gap:6px;min-width:0;min-height:44px}.tle-gear{width:32px;height:32px}.tle-eng-name{font-size:13px;font-weight:500}.tle-eng-sub,.tle-eng-load{display:inline-flex;align-items:center;gap:6px;min-width:0;overflow:hidden;color:var(--color-text-secondary);font-size:12px;white-space:nowrap}.tle-eng-load{text-transform:lowercase}.tle-sp{flex:1 1 auto}.tle-num{font-variant-numeric:tabular-nums}.tle-switch{position:relative;flex:none;width:30px;height:18px;border-radius:9px;background:var(--color-bg-tertiary);box-shadow:inset 0 0 0 1px var(--color-border)}.tle-switch i{position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:var(--color-text-secondary)}.tle-switch.is-on{background:var(--color-accent);box-shadow:none}.tle-switch.is-on i{left:15px;background:var(--color-on-accent)}.tle-eng-body{display:flex;flex-direction:column;gap:2px}.tle-big b{font-size:24px;font-weight:var(--ui-num-weight);line-height:1.1}.tle-pv{display:grid;grid-template-columns:14px 46px minmax(0,1fr);align-items:center;gap:6px;min-height:24px;padding-right:6px;font-size:13px}.tle-pv b{font-weight:500}.tle-pv-dot{justify-self:center;width:8px;height:8px;border-radius:50%;background:color-mix(in srgb,var(--color-accent) 80%,transparent)}.tle-pv-dot[data-rank="2"]{background:color-mix(in srgb,var(--color-accent) 60%,transparent)}.tle-pv-dot[data-rank="3"]{background:color-mix(in srgb,var(--color-accent) 50%,transparent)}.tle-pv-dot[data-rank="4"]{background:color-mix(in srgb,var(--color-accent) 45%,transparent)}.tle-pv-dot[data-rank="5"]{background:color-mix(in srgb,var(--color-accent) 40%,transparent)}.tle-pv-line{overflow:hidden;color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap}.tle-pv-move{padding:0 2px;border-radius:var(--ui-radius);color:inherit;font-size:13px}.tle-hint{margin:6px 6px 0 0;color:var(--color-text-secondary);font-size:12px}.tle-pop{position:absolute;z-index:40;top:42px;right:4px;width:264px;max-width:calc(100% - 8px);max-height:calc(50dvh - 32px);overflow-y:auto;padding:6px 0;border-radius:var(--ui-radius-lg);background:var(--color-bg-secondary);box-shadow:var(--ui-shadow-pop),0 0 0 1px var(--color-border)}.tle-pop-h{padding:6px var(--ui-pad) 8px;color:var(--color-text-secondary);font-size:13px;font-weight:500}.tle-pop-r{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:38px;padding:0 var(--ui-pad);font-size:14px}.tle-pop-v{display:inline-flex;align-items:center;gap:6px}.tle-pop-v input{width:96px;accent-color:var(--color-accent)}.tle-pop-v b{min-width:2ch;font-weight:500;text-align:end}.tle-select{min-width:0}.tle-seg{display:inline-flex;gap:2px;padding:2px;border-radius:var(--ui-radius);background:var(--color-bg-tertiary)}.tle-seg button{min-width:30px;height:26px;border-radius:var(--ui-radius);color:var(--color-text-secondary);font-size:13px}.tle-seg button[aria-pressed=true]{background:var(--color-bg-secondary);color:var(--color-text-primary);font-weight:500;box-shadow:var(--ui-shadow)}.tle-play{display:flex;flex-direction:column;gap:8px;padding:var(--ui-pad)}.tle-play-b{display:flex;flex-direction:column;gap:8px}.tle-play-b .ui-btn{width:100%;height:44px;padding:0 8px;white-space:normal}.tle-play small{color:var(--color-text-secondary);font-size:12px;text-align:center}@media (hover:hover){.tle-pv-move:hover,.tle-seg button:hover,.tle-tb:not(:disabled):hover{background:var(--color-bg-hover);color:var(--color-text-primary)}}.tle-pv-move:active,.tle-seg button:active,.tle-tb:not(:disabled):active{background:var(--color-bg-hover);color:var(--color-text-primary)}@media (min-width:768px){.tle-board-col{--tle-tools:44px}.tle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.tle-head,.tle-board-col{grid-column:1/-1}.tle-head h1{font-size:22px}.tle-help-l{display:inline}.tle-help-s{display:none}.tle-tools{justify-content:flex-start}.tle-tb{width:auto;height:36px;padding:0 8px;font-size:13px}.tle-tb-t{display:inline-block;overflow:hidden;max-width:clamp(0px,(100cqi - 470px) * 99,10em);white-space:nowrap}.tle-play-b .ui-btn{height:38px}}@media (min-width:1024px){.tle-grid{grid-template-columns:auto 19rem;justify-content:center;-moz-column-gap:20px;column-gap:20px;grid-template-rows:auto 1fr;row-gap:12px}.tle-head{grid-area:1/2}.tle-board-col{grid-area:1/1/3/2}.tle-side{grid-area:2/2}.tle-board-col{--tle-sg:4px;--tle-sp:8px;--tl-board-col:100vw;--tl-board-off:min(calc(var(--ui-header-h) + 41px + 2 * var(--tle-tray) + 24px + var(--tle-tools)), calc(100dvh - 288px) );justify-content:flex-start}.tle-evbar{display:block}.tle-side{display:flex;flex-direction:column;gap:12px;min-width:0}}@media (min-width:1280px){.tle-grid{grid-template-columns:auto 21rem;-moz-column-gap:24px;column-gap:24px}.tle-board-col{--tle-tray:64px;--tle-pc:56px}.tle-play-b{flex-direction:row}.tle-play-b .ui-btn{flex:1 1 0;min-width:0}}@media (forced-colors:active){.tle-host .spare-pieces-7492f img[aria-pressed=true],.tle-seg button[aria-pressed=true]{outline:2px solid CanvasText;outline-offset:-2px}.tle-switch{border:1px solid CanvasText}.tle-switch i,.tle-switch.is-on i{forced-color-adjust:none;background:CanvasText}.tle-evbar{forced-color-adjust:none;outline:1px solid CanvasText}}.tlx-grid{display:flex;flex-direction:column;gap:12px}.tlx-side{display:flex;flex-direction:column;gap:12px;min-width:0}.tlx-board-col{--tl-board-off:min(calc(var(--ui-header-h) + 227px + var(--safe-bottom,0px)), calc(100dvh - 288px) );align-self:center;display:flex;flex-direction:column;gap:8px}@media (min-width:1024px){.tlx-grid{display:grid;grid-template-columns:minmax(0,1fr) 21rem;grid-template-rows:auto auto 1fr;gap:0 20px;align-items:start;max-width:calc(var(--tl-board-cap) + 22.25rem);margin:0 auto}.tlx-head{grid-area:1/2}.tlx-notice{grid-area:2/2}.tlx-side{grid-area:3/2;margin-top:12px}.tlx-notice:has(.ui-notice){margin-top:12px}.tlx-board-col{--tl-board-off:calc(var(--ui-header-h) + 93px);justify-self:end;grid-area:1/1/4}}@media (min-width:1280px){.tlx-grid{grid-template-columns:minmax(0,1fr) 24rem;-moz-column-gap:24px;column-gap:24px;max-width:calc(var(--tl-board-cap) + 25.5rem)}}.tlx-head h1{font-size:22px;font-weight:600}.tlx-head p{margin:4px 0 0}@media (max-width:767.98px){.tlx-head p{display:none}}.tlx-board-host{position:relative}.tlx-board{width:var(--tl-board)}.tlx-path,.tlx-panel{border-radius:var(--ui-radius);background:var(--color-bg-secondary);box-shadow:var(--ui-shadow)}.tlx-path{display:flex;align-items:center;gap:2px;height:52px;padding:0 4px}.tlx-moves{position:relative;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.tlx-mv:before{content:attr(data-no);margin-right:3px;color:var(--color-text-secondary)}.tlx-mv{padding:0 6px;border:0;border-radius:var(--ui-radius);background:none;color:inherit;font:inherit}.tlx-mv[aria-current=step]{background:color-mix(in srgb,var(--color-accent) 18%,transparent);font-weight:600}.tlx-none{padding:0 8px}.tlx-sep{flex:none;width:1px;height:22px;background:color-mix(in srgb,var(--color-text-primary) 15%,transparent)}.tlx-ib{flex:none;border:1px solid transparent}.tlx-ib:disabled{border-style:dashed;border-color:var(--color-border);pointer-events:none}@media (min-width:1024px){.tlx-path{height:44px}.tlx-mv{height:30px}}@media (max-width:1023.98px){.tlx-ib{width:44px}.tlx-tr{height:44px}}.tlx-panel{position:relative}.tlx-panel:focus-visible{outline:2px solid var(--color-input-focus);outline-offset:-2px}.tlx-opening{padding:10px 12px}.tlx-opening h2{font-size:15px;font-weight:600}.tlx-count,.tlx-state p{margin:4px 0 0}.tlx-line{position:relative;height:2px;overflow:hidden}.tlx-line:after{content:"";position:absolute;inset-block:0;inset-inline-start:-40%;width:40%;background:var(--color-accent);animation:tlx-load 1.2s linear infinite}@keyframes tlx-load{0%{inset-inline-start:-40%}to{inset-inline-start:100%}}@media (prefers-reduced-motion:reduce){.tlx-line:after{animation:none;inset-inline-start:0;width:100%}}.tlx-state{padding:16px 12px}.tlx-state .tlx-state-title{font-size:15px;font-weight:600;color:var(--color-text-primary)}.tlx-retry{margin-top:10px;border-color:var(--color-border)}.tlx-th,.tlx-tr{display:grid;grid-template-columns:60px 96px minmax(0,1fr);gap:10px;align-items:center;padding:0 12px}.tlx-th{min-height:30px}.tlx-tr,.tlx-opening{border:0;border-bottom:1px solid color-mix(in srgb,var(--color-text-primary) 10%,transparent)}.tlx-tr{width:100%;height:36px;background:none;color:inherit;font:inherit;text-align:start}.tlx-san{font-weight:600}.tlx-games{font-variant-numeric:tabular-nums}.tlx-games small{margin-left:5px}.tlx-head p,.tlx-none,.tlx-count,.tlx-state p,.tlx-th,.tlx-games small,.tlx-total,.tlx-foot,.tlx-mv[data-ahead],.tlx-rows[inert] .tlx-tr{color:var(--color-text-secondary)}.tlx-ib:disabled{color:var(--ui-inert-text)}.tlx-head p,.tlx-none,.tlx-count,.tlx-state p,.tlx-games,.tlx-retry,.tlx-total{font-size:13px}.tlx-th,.tlx-games small,.tlx-foot{font-size:12px}.tlx-bar{display:flex;height:20px;border-radius:var(--ui-radius);overflow:hidden;outline:1px solid color-mix(in srgb,var(--color-text-primary) 20%,transparent);outline-offset:-1px;font-size:11px;font-weight:600;line-height:20px;forced-color-adjust:none}.tlx-bar i{overflow:hidden;container-type:inline-size;font-style:normal;text-align:center}.tlx-bar span{font-size:clamp(0px,(100cqi - 30px) * 99,1em)}.tlx-w,html.dark .tlx-b{background:var(--color-bg-primary);color:var(--color-text-primary)}.tlx-d{background:color-mix(in srgb,var(--color-text-primary) 30%,var(--color-bg-primary));color:var(--color-text-primary)}.tlx-b,html.dark .tlx-w{background:var(--color-text-primary);color:var(--color-bg-primary)}@media (hover:hover){.tlx-mv:not([aria-current]):hover,.tlx-rows .tlx-tr:hover{background:var(--color-bg-hover)}}.tlx-mv:not([aria-current]):active,.tlx-rows .tlx-tr:active{background:var(--color-bg-hover)}@media (forced-colors:active){.tlx-mv[aria-current=step]{outline:2px solid CanvasText}.tlx-bar{outline-color:CanvasText}.tlx-bar i+i{border-inline-start:1px solid CanvasText}}.tli{display:flex;flex-direction:column;gap:16px;max-width:792px;margin:0 auto;padding-top:8px}.tli-head h1{margin:0;font-size:24px;font-weight:600;line-height:1.2}.tli-head p,.tli-fname,.tli-lh,.tli-moves,.tli-date,.tli-empty{color:var(--color-text-secondary);font-size:12.5px}.tli-head p{margin:4px 0 0;font-size:14px}.tli [hidden]{display:none}.tli-panel{padding:0}.tli-field{padding:10px 12px}.tli-drop{position:relative}.tli-drop .tli-text{min-height:200px;font:13px/1.5 ui-monospace,monospace;white-space:pre-wrap}.tli-over{display:none;position:absolute;top:0;right:0;bottom:0;left:0;place-items:center;background:color-mix(in srgb,var(--color-bg-secondary) 88%,transparent);pointer-events:none}.tli-drop[data-drag] .tli-text{outline:2px dashed var(--color-accent);outline-offset:2px}.tli-drop[data-drag] .tli-over{display:grid}.tli-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;border-top:1px solid var(--color-border)}.tli-fname{display:inline-flex;align-items:center;gap:6px;min-width:0}.tli-fname span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tli-fname:has([hidden]){display:none}.tli-submit{margin-left:auto}.tli-form:not([aria-busy=true]) .tli-spin{display:none}.tli-lh{display:flex;justify-content:space-between;align-items:center;min-height:40px;padding:0 12px;border-bottom:1px solid var(--color-border)}.tli-lh h2{margin:0;font-size:13px;font-weight:500}.tli-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:2px 12px;align-items:center;min-height:52px;padding:8px 12px;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.tli-row+.tli-row{border-top:1px solid var(--color-border)}.tli-row:focus-visible{outline:2px solid var(--color-input-focus);outline-offset:-2px}.tli-score{grid-row:span 2;min-width:40px;padding:3px 6px;border-radius:var(--ui-radius);background:var(--color-bg-tertiary);font-size:12.5px;font-weight:600;text-align:center}.tli-names{overflow:hidden;font-size:14px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.tli-date{grid-area:1/3/span 2}.tli-empty{margin:0;padding:16px 12px}@media (hover:hover){.tli-row:hover{background:var(--color-bg-hover)}}.tli-row:active{background:var(--color-bg-hover)}@media (max-width:767.98px){.tli{gap:14px;padding-top:2px}.tli-actions .ui-btn{flex:1 1 100%}.tli-submit{margin-left:0}.tli-row{grid-template-columns:44px minmax(0,1fr)}.tli-date{grid-area:auto/2}}
