.chessboard-container.svelte-1jhuhps{position:relative;width:100%;max-width:500px;aspect-ratio:1}.chessboard.svelte-1jhuhps{width:100%;height:100%;border-radius:4px;overflow:hidden;box-shadow:0 4px 20px #0006}.square.svelte-1jhuhps{cursor:pointer;transition:fill .1s}.square.light.svelte-1jhuhps{fill:#e8dcc4}.square.dark.svelte-1jhuhps{fill:#7d945d}.square.selected.svelte-1jhuhps{fill:#f7ec5e!important}.square.last-move.svelte-1jhuhps{fill:#cdd26a!important}.square.check.svelte-1jhuhps{fill:#e84a4a!important}.legal-move.svelte-1jhuhps{fill:#00000026;pointer-events:all;cursor:pointer}.legal-move.capture.svelte-1jhuhps{fill:none;stroke:#00000026;stroke-width:5}.piece.svelte-1jhuhps{cursor:grab;pointer-events:all}.piece.svelte-1jhuhps:active{cursor:grabbing}.piece.dragging.svelte-1jhuhps{pointer-events:none;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.piece.animating.svelte-1jhuhps{pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.coordinate.svelte-1jhuhps{font-size:10px;font-family:sans-serif;fill:var(--color-text-muted, #666);pointer-events:none;-webkit-user-select:none;user-select:none}.promotion-overlay.svelte-1jhuhps{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;border-radius:4px}.promotion-dialog.svelte-1jhuhps{background:var(--color-bg-secondary, #1f1f1f);border:1px solid var(--color-border, #333);border-radius:8px;padding:1rem;text-align:center}.promotion-dialog.svelte-1jhuhps p:where(.svelte-1jhuhps){margin:0 0 .75rem;color:var(--color-text-primary, #fff);font-size:.875rem}.promotion-pieces.svelte-1jhuhps{display:flex;gap:.5rem}.promotion-btn.svelte-1jhuhps{background:var(--color-bg-tertiary, #2a2a2a);border:1px solid var(--color-border, #333);border-radius:4px;padding:.25rem;cursor:pointer;transition:all .15s}.promotion-btn.svelte-1jhuhps:hover{background:var(--color-accent, #10b981);border-color:var(--color-accent, #10b981)}.heatmap-container.svelte-1rtg4ov{width:100%}.heatmap-header.svelte-1rtg4ov{margin-bottom:1rem}.heatmap-stats.svelte-1rtg4ov{font-size:.875rem;color:var(--color-text-secondary)}.heatmap-stats.svelte-1rtg4ov strong:where(.svelte-1rtg4ov){color:var(--color-text-primary)}.separator.svelte-1rtg4ov{margin:0 .5rem;color:var(--color-text-muted)}.heatmap-wrapper.svelte-1rtg4ov{overflow-x:auto;padding-bottom:.5rem}.month-labels.svelte-1rtg4ov{display:grid;grid-template-columns:32px repeat(53,1fr);font-size:.6875rem;color:var(--color-text-muted);margin-bottom:.25rem;min-width:fit-content}.month-labels.svelte-1rtg4ov span:where(.svelte-1rtg4ov){text-align:left}.heatmap-grid.svelte-1rtg4ov{display:flex;gap:.25rem;min-width:fit-content}.day-labels.svelte-1rtg4ov{display:flex;flex-direction:column;gap:2px;width:28px;flex-shrink:0}.day-labels.svelte-1rtg4ov span:where(.svelte-1rtg4ov){height:11px;font-size:.625rem;color:var(--color-text-muted);display:flex;align-items:center}.calendar-cells.svelte-1rtg4ov{display:flex;gap:3px}.week-column.svelte-1rtg4ov{display:flex;flex-direction:column;gap:3px}.day-cell.svelte-1rtg4ov{width:11px;height:11px;border-radius:2px;background:var(--color-bg-tertiary);cursor:pointer;transition:transform .1s ease}.day-cell.svelte-1rtg4ov:hover{transform:scale(1.2)}.day-cell.level-0.svelte-1rtg4ov{background:var(--color-bg-tertiary)}.day-cell.level-1.svelte-1rtg4ov{background:#10b98140}.day-cell.level-2.svelte-1rtg4ov{background:#10b98180}.day-cell.level-3.svelte-1rtg4ov{background:#10b981bf}.day-cell.level-4.svelte-1rtg4ov{background:var(--color-accent)}.heatmap-legend.svelte-1rtg4ov{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;margin-top:.75rem}.legend-label.svelte-1rtg4ov{font-size:.6875rem;color:var(--color-text-muted)}.legend-cells.svelte-1rtg4ov{display:flex;gap:3px}.legend-cell.svelte-1rtg4ov{width:11px;height:11px;border-radius:2px}.legend-cell.level-0.svelte-1rtg4ov{background:var(--color-bg-tertiary)}.legend-cell.level-1.svelte-1rtg4ov{background:#10b98140}.legend-cell.level-2.svelte-1rtg4ov{background:#10b98180}.legend-cell.level-3.svelte-1rtg4ov{background:#10b981bf}.legend-cell.level-4.svelte-1rtg4ov{background:var(--color-accent)}@media(max-width:768px){.day-labels.svelte-1rtg4ov{display:none}.month-labels.svelte-1rtg4ov{grid-template-columns:repeat(53,1fr)}}