#viewport.svelte-c20cna{width:100%;height:100%;background-color:#081a30;cursor:grab}#viewport.svelte-c20cna:active{cursor:grabbing}#app-container.svelte-1n46o8q{display:flex;width:100%;height:100%;position:relative;overflow:hidden}.army-badge.svelte-1n46o8q{position:fixed;display:flex;align-items:center;gap:6px;background:#0f172ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px dashed var(--accent-glow);padding:6px 12px;border-radius:20px;box-shadow:0 4px 12px #0006,0 0 8px #38bdf833;pointer-events:none;z-index:1000;font-size:13px;font-weight:700;color:#fff;transition:transform .05s linear}.army-icon.svelte-1n46o8q{font-size:14px}.army-count.svelte-1n46o8q{color:var(--accent-glow)}.reset-btn.svelte-1n46o8q{position:absolute;top:20px;right:20px;background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-primary);padding:8px 16px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;z-index:40;transition:background .2s,border-color .2s}.reset-btn.svelte-1n46o8q:hover{background:#f43f5e26;border-color:#f43f5e66;color:#f43f5e}#stats-panel.svelte-1n46o8q{bottom:20px;left:20px;width:320px;padding:14px 20px;min-height:80px;display:flex;flex-direction:column;justify-content:center}.details-header.svelte-1n46o8q{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.selected-name.svelte-1n46o8q{font-size:16px;font-weight:700;letter-spacing:-.3px}.owner-badge.svelte-1n46o8q{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;text-transform:uppercase}.no-selection.svelte-1n46o8q h3:where(.svelte-1n46o8q){font-size:14px;font-weight:600;margin-bottom:4px;color:var(--text-primary)}.no-selection.svelte-1n46o8q p:where(.svelte-1n46o8q){font-size:11.5px;color:var(--text-secondary);line-height:1.4}.font-mono.svelte-1n46o8q{font-family:monospace}.divider.svelte-1n46o8q{height:1px;background:var(--border-color);margin:12px 0}.action-section.svelte-1n46o8q{display:flex;flex-direction:column;gap:8px}:root{--bg-color: #0b0f19;--panel-bg: rgba(15, 23, 42, .75);--border-color: rgba(255, 255, 255, .08);--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-glow: #38bdf8;--accent-secondary: #6366f1;--accent-rose: #f43f5e;--font-family: "Plus Jakarta Sans", "Outfit", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-family);overflow:hidden;width:100vw;height:100vh}#app-container{display:flex;width:100%;height:100%;position:relative}#viewport{width:100%;height:100%;background-color:#081a30;cursor:grab}#viewport:active{cursor:grabbing}.cursor-badge{position:absolute;display:none;align-items:center;gap:6px;background:#0f172af2;padding:6px 12px;border-radius:20px;box-shadow:0 4px 12px #0006,0 0 8px #38bdf833;pointer-events:none;z-index:1000;font-size:13px;font-weight:700;color:#fff;font-family:monospace}.cursor-badge.reinforce{border:1.5px solid #10b981}.cursor-badge.attack{border:1.5px solid #ef4444}.cursor-badge.invalid{border:1.5px solid #64748b;background:#1e293bf2}#loader{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--bg-color);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100;transition:opacity .5s ease}.spinner{width:50px;height:50px;border:3px solid rgba(56,189,248,.1);border-top-color:var(--accent-glow);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:24px}@keyframes spin{to{transform:rotate(360deg)}}.loader-title{font-size:20px;font-weight:600;margin-bottom:8px;letter-spacing:.5px}.loader-progress{font-size:14px;color:var(--text-secondary);font-family:monospace}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:16px;padding:20px;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003;z-index:5;position:absolute}#header-panel{top:20px;left:20px;width:320px}h1{font-size:18px;font-weight:700;letter-spacing:-.5px;margin-bottom:6px;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.subtitle{font-size:12px;color:var(--text-secondary);line-height:1.4;margin-bottom:16px}.divider{height:1px;background-color:var(--border-color);margin:16px 0}.control-group{display:flex;flex-direction:column;gap:12px}.toggle-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.switch{position:relative;display:inline-block;width:44px;height:22px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#334155;transition:.3s;border-radius:22px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider{background-color:var(--accent-secondary)}input:checked+.slider:before{transform:translate(22px)}#stats-panel{bottom:20px;left:20px;width:320px;padding:14px 20px}.stat-row{display:flex;justify-content:space-between;font-size:12px;margin:4px 0}.stat-val{font-family:monospace;font-weight:700;color:var(--accent-glow)}.graticule{fill:none;stroke:#94a3b814;stroke-width:.5px;pointer-events:none;vector-effect:non-scaling-stroke}.basemap-feature{pointer-events:none;vector-effect:non-scaling-stroke}.basemap-feature.land{fill:#1e3f20;stroke:#2e7d32;stroke-width:.5px}.basemap-feature.reef{fill:#ff8a80;stroke:#ff1744;stroke-width:.4px}.basemap-feature.lake{fill:#081a30;stroke:#081a30;stroke-width:.4px}.basemap-feature.river{fill:none;stroke:#081a30;stroke-width:.6px}.voronoi-cell{fill:#ffa72605;stroke:#ffa72640;stroke-width:.3px;vector-effect:non-scaling-stroke;cursor:pointer}.voronoi-cell:hover{fill:#ffffff14;stroke:#ffffffb3;stroke-width:1.2px}.populated-place{fill:var(--accent-rose);fill-opacity:.8;stroke:#fff;stroke-width:.4px;stroke-opacity:.9;pointer-events:none}.city-group:hover .populated-place{fill:#fff;fill-opacity:1;stroke:var(--accent-rose);stroke-width:1px}.city-group.selected .populated-place{fill:#fff;fill-opacity:1;stroke:var(--faction-color);stroke-width:1.5px}.city-group.selected .voronoi-cell{fill:var(--faction-color-glow);stroke:var(--faction-color);stroke-width:1.2px}.city-group.adjacent .voronoi-cell{stroke:#fff;stroke-width:1px;stroke-dasharray:4,4;fill:#ffffff14}.city-group.adjacent:hover .voronoi-cell{fill:#f43f5e1f;stroke:#f43f5e!important;stroke-width:1.5px}.city-group.adjacent .populated-place{stroke:#fff;stroke-width:.8px}.city-group.reinforce-target .voronoi-cell{stroke:var(--accent-glow);stroke-width:.8px;stroke-dasharray:4,4}.city-group.reinforce-target:hover .voronoi-cell{fill:#10b9811f;stroke:#10b981!important;stroke-width:1.5px}.city-troop-label{fill:#fff;font-size:8px;font-weight:700;font-family:monospace;opacity:0;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 3px rgba(0,0,0,.8);pointer-events:none}.city-group.occupied .city-troop-label{opacity:.9;font-size:8.5px}.city-group.selected .city-troop-label{opacity:1!important;font-size:11px!important;fill:var(--faction-color)!important;font-weight:800}.city-group:hover .city-troop-label{opacity:1!important;font-size:10px!important}.city-group.adjacent .city-troop-label{opacity:1!important;font-size:9.5px!important;fill:var(--accent-rose)!important}.city-group.reinforce-target .city-troop-label{opacity:1!important;font-size:9.5px!important;fill:#10b981!important}.city-name-label{fill:#ffffff73;font-weight:500;font-family:system-ui,-apple-system,sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.95);pointer-events:none}.city-group:hover .city-name-label{fill:#fff!important;font-weight:700}.city-group.selected .city-name-label{fill:var(--faction-color)!important;font-weight:700}#viewport.has-active-army .city-group .voronoi-cell,#viewport.has-active-army .city-group .populated-place,#viewport.has-active-army .city-group .city-troop-label,#viewport.has-active-army .city-group .city-name-label{opacity:.2}#viewport.has-active-army .city-group.selected .voronoi-cell,#viewport.has-active-army .city-group.selected .populated-place,#viewport.has-active-army .city-group.selected .city-troop-label,#viewport.has-active-army .city-group.selected .city-name-label,#viewport.has-active-army .city-group.adjacent .voronoi-cell,#viewport.has-active-army .city-group.adjacent .populated-place,#viewport.has-active-army .city-group.adjacent .city-troop-label,#viewport.has-active-army .city-group.adjacent .city-name-label,#viewport.has-active-army .city-group.reinforce-target .voronoi-cell,#viewport.has-active-army .city-group.reinforce-target .populated-place,#viewport.has-active-army .city-group.reinforce-target .city-troop-label,#viewport.has-active-army .city-group.reinforce-target .city-name-label{opacity:1}.cancel-army-btn{width:100%;background:#f43f5e1a;border:1px dashed rgba(244,63,94,.4);color:#f43f5e;padding:8px;border-radius:8px;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s ease;margin:4px 0}.cancel-army-btn:hover{background:#f43f5e33;border-color:#f43f5e99;box-shadow:0 0 10px #f43f5e26}