.chess-board{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;position:relative;container-type:size}.chess-grid{border-radius:var(--r-md);background:var(--g-square-dark);width:100%;height:100%;box-shadow:0 0 0 2px var(--g-frame), var(--shadow-2);grid-template-rows:repeat(8,minmax(0,1fr));display:grid;overflow:hidden}.chess-grid[data-turn=a],.chess-coords[data-turn=a]{animation:chess-turn-a var(--dur-3) var(--ease-out)}.chess-grid[data-turn=b],.chess-coords[data-turn=b]{animation:chess-turn-b var(--dur-3) var(--ease-out)}.chess-row{grid-template-columns:repeat(8,minmax(0,1fr));min-height:0;display:grid}.chess-cell{min-width:0;min-height:0;display:grid}.chess-sq{background:var(--g-square-dark);width:100%;height:100%;color:inherit;cursor:default;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:0;border-radius:0;place-items:center;padding:0;display:grid;position:relative}.chess-sq[data-light]{background:var(--g-square-light)}.chess-sq[data-movable]{cursor:grab;touch-action:none}.chess-sq[data-target]{cursor:pointer}.chess-board[data-dragging] .chess-sq{cursor:grabbing}.chess-sq:before{content:"";pointer-events:none;position:absolute;inset:0}.chess-sq[data-last]:before{background:var(--g-last-move)}.chess-sq[data-selected]:before{background:var(--g-selected)}@media (hover:hover){.chess-sq[data-target]:hover:before{background:var(--g-target)}}.chess-sq[data-over]:before{background:var(--g-target);box-shadow:inset 0 0 0 3px var(--g-selected)}.chess-sq[data-check]:before,.chess-sq[data-result=lose]:before{background:radial-gradient(circle at center, var(--g-check) 0%, var(--g-check) 28%, transparent 72%)}.chess-sq[data-check][data-selected]:before{background:radial-gradient(circle at center, var(--g-check) 0%, var(--g-check) 28%, transparent 72%), var(--g-selected)}.chess-sq[data-result=win]:after,.chess-sq[data-result=draw]:after{content:"";pointer-events:none;box-shadow:0 0 0 3px var(--accent-strong);z-index:2;border-radius:50%;position:absolute;inset:6%}.chess-sq[data-result=draw]:after{box-shadow:0 0 0 3px var(--text-muted)}.chess-sq:focus-visible{outline:3px solid var(--g-focus);outline-offset:-3px;z-index:4}.chess-sq:focus-visible:before{box-shadow:inset 0 0 0 5px var(--g-focus-inner)}.chess-sq .chess-lastdot{z-index:2;pointer-events:none;position:absolute;inset:0}.chess-hint{background:var(--g-move-dot);pointer-events:none;z-index:2;border-radius:50%;width:26%;height:26%;position:absolute}.chess-hint[data-capture]{background:radial-gradient(circle at center, transparent 0, transparent 66%, var(--g-capture-ring) 67%);border-radius:0;width:100%;height:100%;inset:0}@media (hover:hover){.chess-sq[data-target=move]:hover .chess-hint{width:32%;height:32%}}.chess-coords{z-index:3;pointer-events:none;position:absolute;inset:0}.chess-coord{font-family:var(--font-body);font-size:max(9px,2.6cqw);font-weight:var(--fw-bold);color:var(--g-coord-on-dark);text-shadow:0 0 2px var(--g-square-dark), 0 0 2px var(--g-square-dark);line-height:1;position:absolute}.chess-coord[data-light]{color:var(--g-coord-on-light);text-shadow:0 0 2px var(--g-square-light), 0 0 2px var(--g-square-light)}.chess-coord--rank{top:calc(var(--i) * 12.5% + 0.6%);left:.75%}.chess-coord--file{right:calc((7 - var(--i)) * 12.5% + 0.9%);bottom:.5%}.chess-piece{pointer-events:none;width:100%;height:100%;display:block;overflow:visible}.chess-sq .chess-piece{z-index:1;position:relative}.chess-piece--w{--cp-l:var(--g-piece-white);--cp-d:var(--g-piece-white-line)}.chess-piece--b{--cp-l:var(--g-piece-black-line);--cp-d:var(--g-piece-black)}.chess-piece .fl{fill:var(--cp-l)}.chess-piece .fd{fill:var(--cp-d)}.chess-piece .sl{stroke:var(--cp-l)}.chess-piece .sd{stroke:var(--cp-d)}.chess-piece--rot{rotate:180deg}.chess-piece--ghost{opacity:.3}.chess-sq .chess-piece--slide{z-index:3;animation:chess-slide var(--dur-3) var(--ease-out) both}.chess-drag{z-index:6;pointer-events:none;will-change:transform;width:12.5%;height:12.5%;display:none;position:absolute;top:0;left:0}.chess-drag[data-on]{display:block}.chess-drag .chess-piece{scale:1.1}.chess-drag[data-touch] .chess-piece{scale:1.4}.kit-badge__chip .chess-piece,.kit-setup__chip .chess-piece{width:80%;height:80%}.chess-seat{align-items:center;gap:var(--sp-2);min-width:0;display:flex}.chess-captured{align-items:center;gap:3px;min-width:0;display:flex}.chess-captured__group{display:flex}.chess-captured .chess-piece{flex:none;width:17px;height:17px}.chess-captured__group .chess-piece+.chess-piece{margin-left:-9px}.chess-lead{font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--g-advantage);margin-left:2px}.chess-clock{min-width:4.4em;padding:3px var(--sp-2);border-radius:var(--r-sm);background:var(--surface-2);font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:var(--fw-bold);text-align:center;font-variant-numeric:tabular-nums;color:var(--text-muted)}.chess-clock[data-running]{background:var(--accent-soft);color:var(--accent-strong)}.chess-clock[data-low]{color:var(--danger)}.chess-strip{align-items:center;gap:var(--sp-1);min-height:calc(var(--tap) + 2px);padding:0 var(--sp-2) 0 0;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);display:flex}.chess-strip__toggle{min-width:var(--tap);min-height:var(--tap);padding:0 var(--sp-2);border:0;border-right:1px solid var(--border);border-radius:var(--r-lg) 0 0 var(--r-lg);color:var(--text-muted);background:0 0;flex:none;justify-content:center;align-self:stretch;align-items:center;display:inline-flex}.chess-strip__toggle:hover,.chess-strip__toggle[aria-expanded=true]{color:var(--text);background:var(--surface-2)}.chess-strip__list{align-items:center;gap:var(--sp-1) var(--sp-2);min-width:0;padding:0 var(--sp-1);overscroll-behavior:contain;scrollbar-width:none;white-space:nowrap;flex:1;margin:0;list-style:none;display:flex;overflow-x:auto}.chess-strip__list::-webkit-scrollbar{display:none}.chess-strip__row{align-items:baseline;gap:2px;display:inline-flex}.chess-moves__no{color:var(--text-muted);font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.chess-mv{border-radius:var(--r-xs);font-size:var(--fs-sm);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;padding:2px 5px}.chess-mv[aria-current=true]{background:var(--accent-soft);color:var(--text);box-shadow:inset 0 0 0 1px var(--accent-strong)}.chess-moves__empty{color:var(--text-muted);font-size:var(--fs-sm)}@media (aspect-ratio>=5/4),(height<=759px){.chess-strip{display:none}}.chess-movelayer{z-index:8;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-3);flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.chess-movelayer__head{align-items:center;gap:var(--sp-2);min-height:calc(var(--tap) + var(--sp-1));padding:0 var(--sp-1) 0 var(--sp-3);border-bottom:1px solid var(--border);color:var(--text);display:flex}.chess-movelayer__title{font-family:var(--font-body);font-size:var(--fs-md);font-weight:var(--fw-semibold);flex:1;margin:0}.chess-movelayer__x{min-width:var(--tap);min-height:var(--tap)}.chess-movelayer .chess-moves__list{padding-top:var(--sp-1)}.chess-moves{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);flex-direction:column;flex:auto;min-height:0;display:flex}.chess-moves__head{align-items:center;gap:var(--sp-2);width:100%;min-height:var(--tap);padding:0 var(--sp-3);border-radius:var(--r-lg);color:var(--text);font-weight:var(--fw-semibold);text-align:left;background:0 0;border:0;display:flex}.chess-moves__head:hover{background:var(--surface-2)}.chess-moves__title{flex:1}.chess-moves__count{color:var(--text-muted);font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.chess-moves__chev{transition:rotate var(--dur-2) var(--ease)}.chess-moves[data-open] .chess-moves__chev{rotate:180deg}.chess-moves__list{min-height:0;padding:0 var(--sp-2) var(--sp-2);overscroll-behavior:contain;flex:auto;margin:0;list-style:none;overflow-y:auto}.chess-moves__row{border-top:1px solid var(--border);grid-template-columns:2.6em minmax(0,1fr) minmax(0,1fr);align-items:center;padding:1px 0;display:grid}.chess-moves__row:first-child{border-top:0}.chess-moves__row .chess-moves__no{padding-left:var(--sp-1)}.chess-style-icon{place-items:center;display:inline-grid;position:relative}.chess-style-icon__tick{background:var(--accent);width:20px;height:20px;color:var(--on-accent);border-radius:50%;place-items:center;display:grid;position:absolute;top:-4px;right:-10px}.chess-note{align-items:flex-start;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2);color:var(--text-muted);font-size:var(--fs-xs);line-height:var(--lh-snug);margin:0;display:flex}.chess-note .icon{flex:none;margin-top:1px}@keyframes chess-slide{0%{translate:var(--sx,0) var(--sy,0)}to{translate:0}}@keyframes chess-turn-a{0%{opacity:.2;scale:.97}to{opacity:1;scale:1}}@keyframes chess-turn-b{0%{opacity:.2;scale:.97}to{opacity:1;scale:1}}@media (aspect-ratio>=5/4) and (height<=520px){.chess-moves{display:none}}