@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Press+Start+2P&display=swap";:root{--color-bg: #1a1a2e;--color-surface: #16213e;--color-surface-hover: #1c2a4a;--color-border: #2a3a5c;--color-text: #e8e8e8;--color-text-muted: #8899aa;--color-accent: #4fc3f7;--color-accent-hover: #81d4fa;--color-water: #4A6FA5;--color-park: #5a8a5c;--color-warm: #F5E6C8;--font-body: "Inter", system-ui, sans-serif;--font-retro: "Press Start 2P", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}.map-container{position:relative;width:100%;height:100vh}.map-container .maplibregl-canvas{filter:contrast(1.05) saturate(.85)}.controls-top{position:absolute;top:var(--space-md);left:var(--space-md);right:var(--space-md);z-index:10;display:flex;gap:var(--space-sm);align-items:flex-start;pointer-events:none}.controls-top>*{pointer-events:auto}.panel{background:#16213eeb;backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md)}.boundary-buttons{display:flex;gap:var(--space-xs);flex-wrap:wrap}.boundary-btn{font-family:var(--font-body);font-size:.75rem;font-weight:500;padding:.4rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all .15s ease;white-space:nowrap}.boundary-btn:hover{border-color:var(--color-accent);color:var(--color-text)}.boundary-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg);font-weight:600}.search-bar{display:flex;align-items:center;gap:var(--space-sm);min-width:280px}.search-bar input{flex:1;background:#ffffff14;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.4rem .75rem;color:var(--color-text);font-family:var(--font-body);font-size:.85rem;outline:none;transition:border-color .15s ease}.search-bar input:focus{border-color:var(--color-accent)}.search-bar input::placeholder{color:var(--color-text-muted)}.search-btn{background:var(--color-accent);border:none;border-radius:var(--radius-sm);color:var(--color-bg);padding:.45rem .7rem;cursor:pointer;font-size:.85rem;transition:background .15s ease}.search-btn:hover{background:var(--color-accent-hover)}.overlay-dropdown{position:relative}.overlay-toggle-btn{font-family:var(--font-body);font-size:.75rem;padding:.4rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all .15s ease}.overlay-toggle-btn:hover{border-color:var(--color-accent);color:var(--color-text)}.overlay-menu{position:absolute;top:calc(100% + var(--space-xs));right:0;min-width:220px;background:#16213ef2;backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm);display:flex;flex-direction:column;gap:2px}.overlay-item{display:flex;align-items:center;gap:var(--space-sm);padding:.35rem var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem;color:var(--color-text-muted);transition:all .1s ease}.overlay-item:hover{background:var(--color-surface-hover);color:var(--color-text)}.overlay-item .swatch{width:12px;height:12px;border-radius:2px;flex-shrink:0}.overlay-item input[type=checkbox]{accent-color:var(--color-accent)}.suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#16213ef2;backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:240px;overflow-y:auto;z-index:100}.suggestion-item{padding:.5rem .75rem;cursor:pointer;font-size:.8rem;color:var(--color-text-muted);transition:all .1s ease;border-bottom:1px solid rgba(42,58,92,.5)}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover,.suggestion-item.active{background:var(--color-surface-hover);color:var(--color-text)}.maplibregl-popup-content{background:#16213ef2!important;backdrop-filter:blur(12px);border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important;color:var(--color-text)!important;padding:var(--space-md)!important;max-width:320px!important;box-shadow:0 8px 32px #0006!important}.maplibregl-popup-close-button{color:var(--color-text-muted)!important;font-size:1.2rem!important}.maplibregl-popup-anchor-bottom .maplibregl-popup-tip{border-top-color:#16213ef2!important}.maplibregl-popup-anchor-top .maplibregl-popup-tip{border-bottom-color:#16213ef2!important}.popup-title{font-size:.95rem;font-weight:600;margin-bottom:var(--space-sm)}.popup-table{width:100%;font-size:.78rem}.popup-table th{text-align:left;color:var(--color-text-muted);font-weight:400;padding:3px 8px 3px 0;white-space:nowrap}.popup-table td{padding:3px 0}.popup-table a{color:var(--color-accent);text-decoration:none}.popup-table a:hover{text-decoration:underline}.profile-layout{min-height:100vh;display:flex;flex-direction:column}.profile-header{padding:var(--space-xl) var(--space-xl) var(--space-lg);border-bottom:1px solid var(--color-border)}.profile-header h1{font-size:1.6rem;font-weight:700;margin-bottom:var(--space-xs)}.profile-header .subtitle{color:var(--color-text-muted);font-size:.9rem}.back-link{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-accent);text-decoration:none;font-size:.85rem;margin-bottom:var(--space-md)}.back-link:hover{text-decoration:underline}.profile-body{flex:1;padding:var(--space-xl);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);max-width:1400px}@media(max-width:900px){.profile-body{grid-template-columns:1fr}}.profile-mini-map{height:350px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-md)}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);text-align:center}.stat-card .stat-value{font-size:1.5rem;font-weight:700;color:var(--color-accent)}.stat-card .stat-label{font-size:.75rem;color:var(--color-text-muted);margin-top:var(--space-xs)}.section-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg)}.section-card h2{font-size:1rem;font-weight:600;margin-bottom:var(--space-md);color:var(--color-text)}.overlap-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-xs)}.overlap-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-sm);font-size:.85rem;transition:background .1s ease}.overlap-item:hover{background:var(--color-surface-hover)}.overlap-item .swatch{width:10px;height:10px;border-radius:2px;flex-shrink:0}.overlap-item .code{color:var(--color-text-muted);font-size:.75rem;margin-left:auto}.data-table{width:100%;border-collapse:collapse;font-size:.82rem}.data-table thead th{text-align:left;font-weight:500;color:var(--color-text-muted);padding:var(--space-sm) var(--space-sm);border-bottom:1px solid var(--color-border);cursor:pointer;user-select:none;white-space:nowrap}.data-table thead th:hover{color:var(--color-text)}.data-table tbody td{padding:var(--space-sm);border-bottom:1px solid rgba(42,58,92,.3)}.data-table tbody tr:hover{background:var(--color-surface-hover)}.title-bar{position:absolute;bottom:var(--space-md);left:var(--space-md);z-index:10;pointer-events:none}.title-bar h1{font-family:var(--font-retro);font-size:.7rem;color:var(--color-accent);text-shadow:0 0 12px rgba(79,195,247,.4);letter-spacing:1px}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:var(--space-xl);color:var(--color-text-muted)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:24px;height:24px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite;margin-right:var(--space-sm)}.simcity-popup .maplibregl-popup-content{background:linear-gradient(180deg,#c8c8d4,#b4b4c4)!important;border:2px outset #d0d0d8!important;border-radius:2px!important;box-shadow:2px 2px 6px #00000059,inset 1px 1px #ffffff80!important;color:#1a1a2e!important;font-family:Trebuchet MS,Arial,sans-serif!important;font-size:.75rem!important}.simcity-popup .maplibregl-popup-close-button{color:#555!important;font-family:Arial,sans-serif!important;font-size:1.1rem!important;font-weight:700!important}.simcity-popup .maplibregl-popup-close-button:hover{color:#222!important;background:#00000014!important}.simcity-popup .maplibregl-popup-anchor-bottom .maplibregl-popup-tip{border-top-color:#b4b4c4!important}.simcity-popup .maplibregl-popup-anchor-top .maplibregl-popup-tip{border-bottom-color:#c8c8d4!important}.simcity-popup .popup-title{font-family:Trebuchet MS,Arial,sans-serif;font-weight:700;color:#2a2a50;text-shadow:0 1px 0 rgba(255,255,255,.5)}.map-wrap.svelte-19wauhf{width:100%;height:100vh;position:relative}.map-wrap.mini.svelte-19wauhf{height:100%;border-radius:var(--radius-md, 8px);overflow:hidden}.map-inner.svelte-19wauhf{width:100%;height:100%}