/* Piece cards preview actual local SVG assets; no extra downloads on the board. */
:is(.page-settings,.board-appearance-content) .appearance-card .piece-theme-options{grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:9px}
:is(.page-settings,.board-appearance-content) .appearance-card .piece-theme-option{min-width:0;min-height:116px;padding:11px 6px 10px;gap:5px;align-content:start;text-align:center}
:is(.page-settings,.board-appearance-content) .appearance-card .piece-theme-option>.piece-theme-preview{display:flex;justify-content:center;align-items:center;width:112px;max-width:100%;box-sizing:content-box;gap:0;padding:5px 0;margin-bottom:2px;overflow:hidden;background:#b9c1b2;border-radius:5px}
:is(.page-settings,.board-appearance-content) .appearance-card .piece-theme-preview img{display:block;width:28px;height:28px;min-width:0;object-fit:contain}
:is(.page-settings,.board-appearance-content) .appearance-card .piece-theme-option>strong{font-size:12px;font-weight:650;line-height:1.25}
:is(.page-settings,.board-appearance-content) .appearance-card .piece-theme-option>small{display:block;font-size:10px;line-height:1.4;color:var(--muted)}
:is(.page-settings,.board-appearance-content) .appearance-card .piece-theme-option.active>strong{color:var(--ink)}
.board-appearance-content .appearance-card .piece-theme-options{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:600px){.board-appearance-content .appearance-card .piece-theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:380px){:is(.page-settings,.board-appearance-content) .appearance-card .piece-theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}:is(.page-settings,.board-appearance-content) .appearance-card .piece-theme-preview img{width:25%;max-width:28px}}