#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)}.game-top-bar.svelte-1n46o8q{position:absolute;top:20px;right:20px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;z-index:40}.menu-nav-btn.svelte-1n46o8q{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;transition:background .2s,border-color .2s,color .2s}.menu-nav-btn.svelte-1n46o8q:hover{background:#ffffff26;border-color:var(--accent-glow);color:var(--accent-glow)}.back-home-btn.svelte-1n46o8q{width:100%;margin-top:12px;background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-secondary);padding:8px 16px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.back-home-btn.svelte-1n46o8q:hover{background:#ffffff1a;border-color:#fff3;color:var(--text-primary)}#stats-panel.svelte-1n46o8q{position:absolute;bottom:20px;left:20px;width:320px;padding:14px 20px;min-height:80px;display:flex;flex-direction:column;justify-content:center}#target-panel.svelte-1n46o8q{position:absolute;bottom:20px;right:20px;width:320px;padding:14px 20px;min-height:80px;display:flex;flex-direction:column;justify-content:center}.action-card.svelte-1n46o8q{position:relative;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease,background .3s ease}.action-reinforce.svelte-1n46o8q{border-color:#38bdf866!important;box-shadow:0 0 20px #38bdf826,0 20px 25px -5px #0000004d;background:linear-gradient(135deg,#081a30e6,#0e3763e6)!important}.action-attack.svelte-1n46o8q{border-color:#f43f5e66!important;box-shadow:0 0 20px #f43f5e26,0 20px 25px -5px #0000004d;background:linear-gradient(135deg,#081a30e6,#300e1ae6)!important}.card-watermark.svelte-1n46o8q{position:absolute;right:-10px;bottom:-20px;font-size:100px;opacity:.05;pointer-events:none;z-index:1;transform:rotate(-15deg);transition:color .3s ease}.action-reinforce.svelte-1n46o8q .card-watermark:where(.svelte-1n46o8q){color:#38bdf8}.action-attack.svelte-1n46o8q .card-watermark:where(.svelte-1n46o8q){color:#f43f5e}#target-city-details.svelte-1n46o8q{position:relative;z-index:2}.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}.header-badges.svelte-1n46o8q{display:flex;gap:8px;align-items:center}.owner-badge.svelte-1n46o8q{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;text-transform:uppercase}.action-badge.svelte-1n46o8q{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:4px;display:inline-flex;align-items:center;gap:4px}.reinforce-badge.svelte-1n46o8q{background-color:#38bdf833;color:#38bdf8;border:1px solid rgba(56,189,248,.4)}.attack-badge.svelte-1n46o8q{background-color:#f43f5e33;color:#f43f5e;border:1px solid rgba(244,63,94,.4)}.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}.dropdown-menu.svelte-1n46o8q{width:180px;padding:6px;display:flex;flex-direction:column;gap:2px;box-shadow:0 10px 25px -5px #0006,0 8px 10px -6px #0006;animation:svelte-1n46o8q-slideDown .15s ease-out}@keyframes svelte-1n46o8q-slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item.svelte-1n46o8q{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;border:none;background:transparent;color:var(--text-primary);transition:background .2s,color .2s,transform .1s;text-align:left;width:100%}.dropdown-item.svelte-1n46o8q i:where(.svelte-1n46o8q){width:14px;text-align:center;font-size:12px;color:var(--text-secondary);transition:color .2s}.dropdown-item.svelte-1n46o8q:hover{background:#ffffff14}.dropdown-item.resume.svelte-1n46o8q:hover{color:#38bdf8}.dropdown-item.resume.svelte-1n46o8q:hover i:where(.svelte-1n46o8q){color:#38bdf8}.dropdown-item.reset.svelte-1n46o8q:hover{color:#f43f5e}.dropdown-item.reset.svelte-1n46o8q:hover i:where(.svelte-1n46o8q){color:#f43f5e}.dropdown-item.exit.svelte-1n46o8q:hover{color:#fbbf24}.dropdown-item.exit.svelte-1n46o8q:hover i:where(.svelte-1n46o8q){color:#fbbf24}.dropdown-divider.svelte-1n46o8q{height:1px;background:var(--border-color);margin:4px}.dropdown-item.svelte-1n46o8q:active{transform:scale(.98)}: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{width:100%;height:100%}#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}#header-panel{position:absolute;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{position:absolute;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}.start-conquest-btn{background:linear-gradient(135deg,var(--accent-glow) 0%,var(--accent-secondary) 100%);border:none;color:#fff;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:700;letter-spacing:.2px;cursor:pointer;width:100%;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;box-shadow:0 4px 14px #38bdf866,inset 0 1px #fff3;display:flex;justify-content:center;align-items:center;gap:8px;font-family:var(--font-family)}.start-conquest-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #38bdf899,inset 0 1px #ffffff4d;filter:brightness(1.1)}.start-conquest-btn:active{transform:translateY(0);box-shadow:0 2px 8px #38bdf866}.setup-name{background:linear-gradient(135deg,#ffffff 0%,var(--accent-glow) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:18px;font-weight:800}.setup-stats{display:flex;flex-direction:column;gap:8px}#home-screen{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at center,#0e1e38,#080b11);position:absolute;top:0;left:0;z-index:50}.home-card{width:480px;padding:40px;text-align:center;border:1px solid rgba(255,255,255,.08)}.home-title{font-size:26px;font-weight:800;margin-bottom:12px;background:linear-gradient(135deg,#ffffff 0%,var(--accent-glow) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.home-subtitle{font-size:13px;color:var(--text-secondary);line-height:1.6;margin-bottom:30px}.home-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.menu-btn{padding:14px 24px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:var(--font-family);width:100%}.menu-btn.primary-btn{background:linear-gradient(135deg,var(--accent-glow) 0%,var(--accent-secondary) 100%);border:none;color:#fff;box-shadow:0 4px 14px #38bdf866,inset 0 1px #fff3}.menu-btn.primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #38bdf899}.menu-btn.secondary-btn{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-primary)}.menu-btn.secondary-btn:hover{background:#ffffff1a;border-color:var(--accent-glow)}.recent-section{text-align:left;border-top:1px solid var(--border-color);padding-top:24px}.recent-section h3{font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.games-list{display:flex;flex-direction:column;gap:8px;max-height:150px;overflow-y:auto;padding-right:4px}.game-item{display:flex;justify-content:space-between;align-items:center;background:#ffffff05;border:1px solid var(--border-color);padding:8px 12px;border-radius:8px}.game-id-text{font-size:12px;font-family:monospace;color:var(--text-primary)}.game-item-actions{display:flex;gap:8px}.play-item-btn{background:#38bdf81a;border:1px solid rgba(56,189,248,.3);color:var(--accent-glow);padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease}.play-item-btn:hover{background:var(--accent-glow);color:#fff}.delete-item-btn{background:#f43f5e1a;border:1px solid rgba(244,63,94,.3);color:var(--accent-rose);padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease}.delete-item-btn:hover{background:var(--accent-rose);color:#fff}.hovered-movement-path{stroke-dasharray:6 4;animation:path-flow .6s linear infinite;filter:drop-shadow(0 0 4px rgba(255,255,255,.4));pointer-events:none}@keyframes path-flow{to{stroke-dashoffset:-10}}#viewport.has-active-army .city-group.in-path .voronoi-cell,#viewport.has-active-army .city-group.in-path .populated-place,#viewport.has-active-army .city-group.in-path .city-troop-label,#viewport.has-active-army .city-group.in-path .city-name-label{opacity:1}.transfer-rate-container{margin-top:12px;display:flex;flex-direction:column;gap:6px}.transfer-rate-header{display:flex;justify-content:space-between;align-items:center;font-size:11.5px;font-weight:600}.transfer-rate-title{color:var(--text-secondary)}.transfer-rate-value{font-weight:700;font-family:monospace}.slider-wrapper{position:relative;padding:8px 6px;height:32px;display:flex;align-items:center;margin:4px 0}.slider-track-bg{position:absolute;left:6px;right:6px;height:4px;background:#ffffff1a;border-radius:2px;z-index:1}.slider-track-fill{position:absolute;left:6px;height:4px;background:var(--accent-glow);border-radius:2px;z-index:2;transition:width .2s ease}.notches-container{position:absolute;left:6px;right:6px;display:flex;justify-content:space-between;z-index:3}.slider-notch-wrapper{display:flex;flex-direction:column;align-items:center;cursor:pointer;position:relative;width:20px;margin:0 -10px}.slider-notch{width:10px;height:10px;border-radius:50%;background:#0f172a;border:2px solid rgba(255,255,255,.4);transition:all .2s ease,transform .1s ease}.slider-notch-wrapper:hover .slider-notch{border-color:#fff;transform:scale(1.2)}.slider-notch.active{border-color:var(--notch-color, var(--accent-glow))!important;background:var(--notch-color, var(--accent-glow))!important;box-shadow:0 0 8px var(--notch-color, var(--accent-glow));transform:scale(1.3)}.notch-label{font-size:8px;color:var(--text-secondary);margin-top:4px;font-family:monospace;pointer-events:none;opacity:.6;transition:color .2s,opacity .2s}.slider-notch-wrapper:hover .notch-label,.slider-notch.active+.notch-label{color:#fff;opacity:1;font-weight:700}