.board-frame{grid-template-rows:auto 20px;grid-template-columns:18px minmax(0,1fr);gap:0;width:100%;min-width:0;display:grid}.board-ranks{color:var(--muted);text-align:center;-webkit-user-select:none;user-select:none;grid-template-rows:repeat(8,minmax(0,1fr));align-items:center;font-size:11px;display:grid}.board-files{color:var(--muted);text-align:center;-webkit-user-select:none;user-select:none;grid-column:2;grid-template-columns:repeat(8,minmax(0,1fr));align-items:center;font-size:11px;display:grid}.board{aspect-ratio:1;touch-action:none;-webkit-touch-callout:none;border:0;border-radius:12px;width:100%;position:relative;box-shadow:0 6px 18px #18233816}.board .square{touch-action:none;overflow:visible}.board .square.light{background:#f0d9b5}.board .square.dark{background:#b58863}.board .square.last-move{background-image:linear-gradient(#9bc70069,#9bc70069)}.board .square.recommended{box-shadow:inset 0 0 0 3px #1e3cb473}.board .square.selected{background-image:linear-gradient(#14551e80,#14551e80);box-shadow:inset 0 0 0 2px #14551e}.board .square[aria-pressed=true]{color:inherit;border:0}.board .piece{pointer-events:none;z-index:2;width:100%;height:100%;text-shadow:none;display:block;position:absolute;inset:0}.board .piece img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.board .piece.drag-ghost{opacity:.18}.board .piece.floating-piece{z-index:8;will-change:transform;width:12.5%;height:12.5%;inset:0 auto auto 0}.board-shapes{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;inset:0}.board .square.legal-target:after{z-index:4;pointer-events:none;background:#29965ab3;border:0;width:28%;height:28%}.board .square.capture-target:after{background:0 0;border:4px solid #29965ab3;width:86%;height:86%}.board .square:focus-visible{outline-offset:-3px;z-index:5;outline:3px solid #2164c4}.board.dragging,.board.dragging .square{cursor:grabbing}.piece-theme{color:var(--muted);align-items:center;gap:12px;margin:8px 0 12px;font-size:.85rem;display:flex}.piece-theme select{flex:1;width:auto;max-width:240px}