.filter-container.svelte-j7hblu{display:flex;flex-direction:column;gap:1.5rem;width:100%}.filter-section.svelte-j7hblu{display:flex;flex-direction:column;gap:.5rem}h3.svelte-j7hblu{font-size:.9rem;margin:0;color:#666}.button-group.svelte-j7hblu{display:flex;flex-direction:column;gap:.5rem}.filter-button.svelte-j7hblu{padding:.5rem;border:none;border-radius:4px;cursor:pointer;text-align:left;background:#f5f5f5;transition:all .2s;font-size:.85rem}.filter-button.svelte-j7hblu:not(.level-button){border-left:4px solid var(--button-color)}.level-button.svelte-j7hblu{border-left:4px solid #666}.filter-button.selected.svelte-j7hblu{background:#e0e0e0;font-weight:500}.filter-button.svelte-j7hblu:hover{background:#e8e8e8}@media (max-width: 600px){.button-group.svelte-j7hblu{flex-direction:row;flex-wrap:wrap;gap:.25rem}.filter-button.svelte-j7hblu{flex:1;min-width:calc(50% - .25rem);text-align:center}}html,body{margin:0;padding:0;width:100%;height:100vh;overflow:hidden}.app-container.svelte-4nau81{display:flex;width:100%;height:100vh;padding:1rem;box-sizing:border-box;max-width:1400px;margin:0 auto}.content-container.svelte-4nau81{display:flex;flex-direction:column;width:100%;height:100%;gap:1rem}.map-and-filters.svelte-4nau81{display:flex;flex-direction:row;gap:1rem;flex:1;min-height:0;overflow:hidden;max-height:calc(100vh - 130px);padding:.25rem}.filter-section{width:auto;min-width:min(180px,15%);overflow:visible;display:flex;align-items:center;justify-content:center;padding-right:1rem}.map-container.svelte-4nau81{flex:1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:400px;width:100%;height:100%;background:#f5f5f5}.map-container svg{width:100%!important;height:100%!important;display:block}.provinces-layer path{fill:#ccc;stroke:#fff;stroke-width:.5}.points-layer circle{stroke:#fff;stroke-width:1;transform:translateZ(0);will-change:transform}.title-section.svelte-4nau81{text-align:center;max-width:800px;margin:0 auto}h1.svelte-4nau81{text-align:center;margin:0;font-size:clamp(1.2rem,3vw,2rem);line-height:1.2;margin-bottom:.5rem}.description.svelte-4nau81{font-size:clamp(.85rem,2vw,1rem);color:#666;line-height:1.4;margin:0;padding:0 1rem}.tooltip.svelte-4nau81{position:absolute;padding:8px 12px;background:#fffffffa;border-radius:8px;box-shadow:0 4px 12px #00000026;pointer-events:none;opacity:0;transition:opacity .2s;font-size:.85rem;min-width:180px;border:1px solid rgba(0,0,0,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tooltip-section{padding:4px 0}.tooltip-label{color:#888;font-size:.7rem;text-transform:uppercase;letter-spacing:.7px;font-weight:500;margin-bottom:3px}.tooltip-value{color:#222;font-weight:600;font-size:.9rem;margin-bottom:0}.tooltip-divider{height:1px;background:#00000014;margin:4px 0}.tooltip-section:last-child .tooltip-value{margin-bottom:0}circle:hover{cursor:pointer;filter:brightness(.95)}@media (max-width: 600px){.app-container.svelte-4nau81{padding:.5rem;height:100dvh}.content-container.svelte-4nau81{gap:.5rem}.map-and-filters.svelte-4nau81{flex-direction:column}.filter-section{width:100%;min-width:100%;padding-right:0;height:auto;padding:.5rem 0}.map-container.svelte-4nau81{flex:1;width:100%;height:100%;min-height:60vh}.title-section.svelte-4nau81{padding:0 .5rem}h1.svelte-4nau81{font-size:clamp(1rem,4vw,1.5rem)}.description.svelte-4nau81{font-size:clamp(.8rem,2vw,.9rem);padding:0}}body{position:fixed;width:100%;height:100%}.app-container.svelte-4nau81{position:relative;overflow:hidden}@media (min-width: 601px) and (max-width: 800px){.filter-section{width:250px;display:flex;align-items:center}.map-container.svelte-4nau81{min-height:50vh}h1.svelte-4nau81{font-size:clamp(1.1rem,3vw,1.7rem)}}.credits.svelte-4nau81{display:flex;flex-direction:column;gap:.1rem;text-align:right;padding-bottom:.15rem}.credit-dev.svelte-4nau81{font-size:clamp(.6rem,1.2vw,.7rem);color:#888;margin:0}.credit-source.svelte-4nau81{font-size:clamp(.65rem,1.5vw,.75rem);color:#666;margin:0}.source-label.svelte-4nau81{font-weight:500;color:#555}@media (max-width: 600px){.credits.svelte-4nau81{padding:0 .5rem .15rem}.credit-dev.svelte-4nau81{font-size:.65rem}.credit-source.svelte-4nau81{font-size:.7rem;line-height:1.3}}.province-label{fill:#666;font-weight:400;letter-spacing:0;pointer-events:none;text-shadow:-.1px -.1px .1px white,.1px -.1px .1px white,-.1px .1px .1px white,.1px .1px .1px white;text-anchor:middle;dominant-baseline:middle}.province-label tspan{text-anchor:middle}@media (max-width: 657px){.province-label{letter-spacing:.1px}}@media (max-width: 500px){.province-label{letter-spacing:0}}.leader-line{fill:none;stroke:#999;stroke-width:.5;stroke-dasharray:2,2;opacity:.4;pointer-events:none}.debug-box.svelte-4nau81{position:fixed;top:10px;right:10px;background:#fffffffa;padding:1rem;border:1px solid #ccc;border-radius:4px;max-width:400px;max-height:80vh;overflow:auto;z-index:1000;font-family:monospace;font-size:12px;box-shadow:0 2px 8px #0003}.debug-box.svelte-4nau81 h3:where(.svelte-4nau81){margin:0 0 .5rem;font-size:14px}.debug-box.svelte-4nau81 pre:where(.svelte-4nau81){margin:0;white-space:pre-wrap}.debug-sections.svelte-4nau81{display:flex;flex-direction:column;gap:1rem}.debug-section.svelte-4nau81 h4:where(.svelte-4nau81){margin:0 0 .5rem;font-size:12px;color:#666}.debug-controls.svelte-4nau81{display:flex;gap:.5rem}.debug-controls.svelte-4nau81 button:where(.svelte-4nau81){padding:4px 8px;font-size:12px;cursor:pointer}