.color-selector.svelte-3v71z6{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.color-option.svelte-3v71z6{position:relative;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem 1rem;background:var(--card);border:2px solid var(--border);cursor:pointer;transition:all .2s ease}.color-option.svelte-3v71z6:hover{border-color:var(--muted-foreground);background:var(--secondary)}.color-option.svelte-3v71z6:hover .piece:where(.svelte-3v71z6){transform:scale(1.08)}.color-option.selected.svelte-3v71z6{border-color:var(--color-amber);background:color-mix(in srgb,var(--color-amber) 5%,var(--card));box-shadow:0 0 0 1px var(--color-amber),0 4px 20px -4px color-mix(in srgb,var(--color-amber) 25%,transparent)}.color-option.selected.svelte-3v71z6 .piece:where(.svelte-3v71z6){filter:drop-shadow(0 2px 8px color-mix(in srgb,var(--color-amber) 40%,transparent))}.piece-preview.svelte-3v71z6{position:relative;width:64px;height:64px;display:flex;align-items:center;justify-content:center}.mini-board.svelte-3v71z6{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;border:1px solid var(--border);opacity:.6;transition:opacity .2s ease}.color-option.svelte-3v71z6:hover .mini-board:where(.svelte-3v71z6),.color-option.selected.svelte-3v71z6 .mini-board:where(.svelte-3v71z6){opacity:1}.mini-square.svelte-3v71z6{background:#e8d4b8}.mini-square.dark.svelte-3v71z6{background:#8b7355}.piece.svelte-3v71z6{position:relative;z-index:1;width:48px;height:48px;background-size:contain;background-repeat:no-repeat;background-position:center;transition:transform .2s ease,filter .2s ease}.white-king.svelte-3v71z6{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMi41IDExLjYzVjZNMjAgOGg1IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PHBhdGggZD0iTTIyLjUgMjVzNC41LTcuNSAzLTEwLjVjMCAwLTEtMi41LTMtMi41cy0zIDIuNS0zIDIuNWMtMS41IDMgMyAxMC41IDMgMTAuNSIgZmlsbD0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48cGF0aCBkPSJNMTEuNSAzN2M1LjUgMy41IDE1LjUgMy41IDIxIDB2LTdzOS00LjUgNi0xMC41Yy00LTYuNS0xMy41LTMuNS0xNiA0VjI3di0zLjVjLTMuNS03LjUtMTMtMTAuNS0xNi00LTMgNiA1IDEwIDUgMTBWMzd6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTExLjUgMzBjNS41LTMgMTUuNS0zIDIxIDBtLTIxIDMuNWM1LjUtMyAxNS41LTMgMjEgMG0tMjEgMy41YzUuNS0zIDE1LjUtMyAyMSAwIi8+PC9nPjwvc3ZnPg==)}.black-king.svelte-3v71z6{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMi41IDExLjYzVjYiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48cGF0aCBkPSJNMjIuNSAyNXM0LjUtNy41IDMtMTAuNWMwIDAtMS0yLjUtMy0yLjVzLTMgMi41LTMgMi41Yy0xLjUgMyAzIDEwLjUgMyAxMC41IiBmaWxsPSIjMDAwIiBzdHJva2UtbGluZWNhcD0iYnV0dCIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIvPjxwYXRoIGQ9Ik0xMS41IDM3YzUuNSAzLjUgMTUuNSAzLjUgMjEgMHYtN3M5LTQuNSA2LTEwLjVjLTQtNi41LTEzLjUtMy41LTE2IDRWMjd2LTMuNWMtMy41LTcuNS0xMy0xMC41LTE2LTQtMyA2IDUgMTAgNSAxMFYzN3oiIGZpbGw9IiMwMDAiLz48cGF0aCBkPSJNMjAgOGg1IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PHBhdGggZD0iTTMyIDI5LjVzOC41LTQgNi4wMy05LjY1QzM0LjE1IDE0IDI1IDE4IDIyLjUgMjQuNWwuMDEgMi4xLS4wMS0yLjFDMjAgMTggOS45MDYgMTQgNi45OTcgMTkuODVjLTIuNDk3IDUuNjUgNC44NTMgOSA0Ljg1MyA5IiBzdHJva2U9IiNlY2VjZWMiLz48cGF0aCBkPSJNMTEuNSAzMGM1LjUtMyAxNS41LTMgMjEgMG0tMjEgMy41YzUuNS0zIDE1LjUtMyAyMSAwbS0yMSAzLjVjNS41LTMgMTUuNS0zIDIxIDAiIHN0cm9rZT0iI2VjZWNlYyIvPjwvZz48L3N2Zz4=)}.color-label.svelte-3v71z6{font-family:var(--font-serif);font-size:1.125rem;font-weight:600;color:var(--foreground);transition:color .2s ease}.color-option.selected.svelte-3v71z6 .color-label:where(.svelte-3v71z6){color:var(--color-amber)}.color-hint.svelte-3v71z6{font-size:.75rem;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.03em}.icon-box.svelte-1cvb9f4{display:flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;background:var(--secondary);color:var(--color-amber)}.spinner.svelte-1cvb9f4{display:inline-block;width:1.5rem;height:1.5rem;border:2px solid var(--muted);border-top-color:var(--color-amber);border-radius:50%;animation:svelte-1cvb9f4-spin .8s linear infinite}@keyframes svelte-1cvb9f4-spin{to{transform:rotate(360deg)}}