.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;touch-action:none}.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}.square.hint.svelte-1jhuhps{fill:#f59e0b!important}.threat-indicator.svelte-1jhuhps{pointer-events:none}.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:var(--color-accent-25)}.day-cell.level-2.svelte-1rtg4ov{background:var(--color-accent-50)}.day-cell.level-3.svelte-1rtg4ov{background:var(--color-accent-75)}.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:var(--color-accent-25)}.legend-cell.level-2.svelte-1rtg4ov{background:var(--color-accent-50)}.legend-cell.level-3.svelte-1rtg4ov{background:var(--color-accent-75)}.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)}}.illustrated-board.svelte-1nllrj9{display:flex;flex-direction:column;align-items:center;gap:.5rem}.illustrated-board.animate-in.svelte-1nllrj9{animation:svelte-1nllrj9-fadeIn .3s ease-out}.board-svg.svelte-1nllrj9{width:100%;height:auto;border-radius:4px;overflow:hidden;box-shadow:0 4px 12px #0000004d,0 0 0 1px #ffffff0d}.square.svelte-1nllrj9{transition:fill .15s ease}.square.light.svelte-1nllrj9{fill:#e8dcc4}.square.dark.svelte-1nllrj9{fill:#7d945d}.square.highlight-accent.svelte-1nllrj9{fill:#10b9818c!important}.square.highlight-warning.svelte-1nllrj9{fill:#fbbf248c!important}.square.highlight-error.svelte-1nllrj9{fill:#ef444480!important}.square.highlight-success.svelte-1nllrj9{fill:#22c55e80!important}.square.highlight-muted.svelte-1nllrj9{fill:#a3a3a366!important}.piece.svelte-1nllrj9{pointer-events:none}.piece.animate-piece.svelte-1nllrj9{animation:svelte-1nllrj9-pieceFadeIn .3s ease-out both}.arrow.svelte-1nllrj9{pointer-events:none}.arrow.animate-arrow.svelte-1nllrj9{stroke-dasharray:1000;stroke-dashoffset:1000;animation:svelte-1nllrj9-drawArrow .4s ease-out forwards}.coordinate.svelte-1nllrj9{font-size:10px;font-family:system-ui,sans-serif;fill:var(--color-text-muted, #666);pointer-events:none;-webkit-user-select:none;user-select:none}.board-label.svelte-1nllrj9{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}@keyframes svelte-1nllrj9-fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes svelte-1nllrj9-pieceFadeIn{0%{opacity:0}to{opacity:1}}@keyframes svelte-1nllrj9-drawArrow{to{stroke-dashoffset:0}}.illustration-single.svelte-nkv6sg{display:flex;justify-content:center;padding:.5rem 0}.illustration-comparison.svelte-nkv6sg{display:flex;justify-content:center;gap:1.5rem;padding:.5rem 0;flex-wrap:wrap}.comparison-panel.svelte-nkv6sg{display:flex;flex-direction:column;align-items:center;gap:.5rem}.panel-label.svelte-nkv6sg{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.25rem .625rem;border-radius:9999px;background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.panel-label.label-good.svelte-nkv6sg{background:#22c55e26;color:#22c55e}.panel-label.label-bad.svelte-nkv6sg{background:#ef444426;color:#ef4444}@media(max-width:400px){.illustration-comparison.svelte-nkv6sg{gap:1rem}}.concept-card.svelte-1w7ar3q{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;animation:svelte-1w7ar3q-fadeIn .3s ease}.card-header.svelte-1w7ar3q{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border);background:var(--color-bg-tertiary)}.badges.svelte-1w7ar3q{display:flex;gap:.5rem;align-items:center}.ruleset-badge.svelte-1w7ar3q{font-size:.875rem;color:var(--color-accent);font-weight:500}.concept-number.svelte-1w7ar3q{font-size:.75rem;padding:.25rem .5rem;background:var(--color-accent-15);color:var(--color-accent);border-radius:var(--radius-sm);font-weight:600}.new-badge.svelte-1w7ar3q{font-size:.75rem;padding:.25rem .5rem;background:var(--color-warning-amber-15);color:var(--color-warning-amber);border-radius:var(--radius-sm);font-weight:600}.card-content.svelte-1w7ar3q{padding:2rem}.concept-title.svelte-1w7ar3q{font-size:1.75rem;font-weight:600;color:var(--color-text-primary);margin-bottom:1.5rem;text-align:center}.reveal-prompt.svelte-1w7ar3q{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 0}.prompt-text.svelte-1w7ar3q{font-size:1.125rem;color:var(--color-text-secondary)}.prompt-hint.svelte-1w7ar3q{font-size:.875rem;color:var(--color-text-muted);margin-bottom:1rem}.concept-answer.svelte-1w7ar3q{animation:svelte-1w7ar3q-fadeIn .3s ease}.concept-content.svelte-1w7ar3q{font-size:1.125rem;line-height:1.75;color:var(--color-text-primary);text-align:center;margin-bottom:1.5rem}.illustration-container.svelte-1w7ar3q{display:flex;justify-content:center;margin:1.5rem 0;padding:1rem;background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.explanation.svelte-1w7ar3q{background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:1.25rem;margin-top:1.5rem}.explanation-title.svelte-1w7ar3q{font-size:.875rem;font-weight:600;color:var(--color-accent);margin-bottom:.5rem}.explanation-text.svelte-1w7ar3q{font-size:.9375rem;line-height:1.6;color:var(--color-text-secondary)}@keyframes svelte-1w7ar3q-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.confetti-container.svelte-onysc0{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:1000}.confetti-particle.svelte-onysc0{position:absolute;top:-20px;border-radius:2px;animation:svelte-onysc0-confetti-fall 3s ease-out forwards}@keyframes svelte-onysc0-confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.badge.svelte-bl83am{position:relative;display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.badge.svelte-bl83am:hover{border-color:var(--tier-color)}.badge.locked.svelte-bl83am{opacity:.6}.badge.locked.svelte-bl83am .icon-wrapper:where(.svelte-bl83am){background:var(--color-bg-tertiary);color:var(--color-text-muted)}.badge.compact.svelte-bl83am{padding:.75rem 1rem;gap:.75rem}.icon-wrapper.svelte-bl83am{width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:color-mix(in srgb,var(--tier-color) 15%,transparent);color:var(--tier-color)}.compact.svelte-bl83am .icon-wrapper:where(.svelte-bl83am){width:36px;height:36px}.icon-wrapper.svelte-bl83am svg:where(.svelte-bl83am){width:24px;height:24px}.compact.svelte-bl83am .icon-wrapper:where(.svelte-bl83am) svg:where(.svelte-bl83am){width:18px;height:18px}.content.svelte-bl83am{flex:1;min-width:0}.name.svelte-bl83am{font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .25rem}.compact.svelte-bl83am .name:where(.svelte-bl83am){font-size:.9375rem;margin:0}.description.svelte-bl83am{font-size:.8125rem;color:var(--color-text-secondary);margin:0 0 .5rem;line-height:1.4}.meta.svelte-bl83am{display:flex;gap:.5rem;font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em}.tier.svelte-bl83am{padding:.125rem .375rem;border-radius:3px;background:color-mix(in srgb,var(--tier-color) 20%,transparent);color:var(--tier-color);font-weight:600}.points.svelte-bl83am{padding:.125rem .375rem;border-radius:3px;background:var(--color-bg-tertiary);color:var(--color-text-muted)}.progress-bar.svelte-bl83am{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--color-bg-tertiary);border-radius:0 0 var(--radius-lg) var(--radius-lg);overflow:hidden}.progress-fill.svelte-bl83am{height:100%;background:var(--tier-color);transition:width .3s ease}.progress-text.svelte-bl83am{position:absolute;bottom:.5rem;right:.75rem;font-size:.6875rem;color:var(--color-text-muted);font-weight:500}.unlocked-badge.svelte-bl83am{position:absolute;top:.75rem;right:.75rem;width:24px;height:24px;border-radius:50%;background:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center}.unlocked-badge.svelte-bl83am svg:where(.svelte-bl83am){width:14px;height:14px}.achievement-toast.svelte-olv2g6{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-bg-secondary);border:2px solid var(--tier-color);border-radius:var(--radius-xl);padding:0;min-width:320px;max-width:400px;z-index:1001;animation:svelte-olv2g6-popIn .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 0 4px color-mix(in srgb,var(--tier-color) 20%,transparent),0 25px 50px -12px #00000080}@keyframes svelte-olv2g6-popIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.toast-header.svelte-olv2g6{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:color-mix(in srgb,var(--tier-color) 15%,transparent);border-bottom:1px solid color-mix(in srgb,var(--tier-color) 30%,transparent);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.toast-label.svelte-olv2g6{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--tier-color)}.close-btn.svelte-olv2g6{background:none;border:none;padding:.25rem;cursor:pointer;color:var(--color-text-muted);border-radius:4px;transition:all var(--transition-fast)}.close-btn.svelte-olv2g6:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.close-btn.svelte-olv2g6 svg:where(.svelte-olv2g6){width:18px;height:18px}.toast-content.svelte-olv2g6{display:flex;align-items:center;gap:1.25rem;padding:1.5rem}.icon-wrapper.svelte-olv2g6{width:64px;height:64px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--tier-color) 15%,transparent);color:var(--tier-color);animation:svelte-olv2g6-pulse 2s ease-in-out infinite}@keyframes svelte-olv2g6-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--tier-color) 40%,transparent)}50%{box-shadow:0 0 0 8px transparent}}.icon-wrapper.svelte-olv2g6 svg:where(.svelte-olv2g6){width:32px;height:32px}.text-content.svelte-olv2g6{flex:1;min-width:0}.name.svelte-olv2g6{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .25rem}.description.svelte-olv2g6{font-size:.875rem;color:var(--color-text-secondary);margin:0 0 .75rem;line-height:1.4}.points-badge.svelte-olv2g6{display:inline-block;padding:.25rem .625rem;border-radius:999px;background:var(--tier-color);color:#fff;font-size:.8125rem;font-weight:600}