:root{--city-water:#3b82f680;--city-park:#22c55e60;--city-highway:#bf0000cc;--city-road-main:#9ca3af99;--city-road-street:#6b728066;--city-building-tall:#1f2937;--city-building-med:#374151;--city-building-low:#4b5563;--city-pulse:#bf000040;--city-star:#fff;--cl-sky-top:#1a0a0a;--cl-sky-bottom:#2d1515;--cl-building-top:#4a2020;--cl-building-bottom:#2d1212;--cl-water-top:#1a0808;--cl-water-bottom:#0d0404;--cl-window-lit:#ff6b6b;--cl-window-dark:#3d1a1a66;--cl-accent:#bf0000;--cl-accent-light:#f44;--cl-accent-glow:#f006;--cl-heart:#bf0000;--cl-star:#fcc;--cl-text:#fff;--cl-text-muted:#f99;--cl-backdrop:#0f0505eb;--cl-ripple:#bf000020}.light,[data-theme=light]{--city-water:#3b82f699;--city-park:#22c55e80;--city-highway:#bf0000;--city-road-main:#6b7280cc;--city-road-street:#9ca3af99;--city-building-tall:#374151;--city-building-med:#4b5563;--city-building-low:#6b7280;--city-pulse:#bf000050;--city-star:#bf0000;--cl-sky-top:#fff5f5;--cl-sky-bottom:#ffe0e0;--cl-building-top:#8b4444;--cl-building-bottom:#5c2d2d;--cl-water-top:#ffd0d0;--cl-water-bottom:#ffb0b0;--cl-window-lit:#fd4;--cl-window-dark:#5c2d2d88;--cl-accent:#bf0000;--cl-accent-light:#f22;--cl-accent-glow:#bf000044;--cl-heart:#bf0000;--cl-star:#bf0000;--cl-text:#2d1212;--cl-text-muted:#6b3333;--cl-backdrop:#fff5f5f2;--cl-ripple:#bf000015}.city-loader-wrapper{flex-direction:column;align-items:center;gap:.75rem;display:flex}.city-loader-simple{justify-content:center;align-items:center;display:flex}.city-loader-svg{overflow:visible}.city-loader-inline-text{color:#6b7280;margin:0;animation:2s ease-in-out infinite textPulse}.city-loader-fullpage{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#ffffffe6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.city-layer{opacity:0;animation:3s ease-out infinite layerReveal}.city-water{animation-delay:0s}.city-parks{animation-delay:.3s}.city-roads{animation-delay:.6s}.city-buildings{animation-delay:.9s}@keyframes layerReveal{0%,to{opacity:0;transform:scale(.95)}15%,85%{opacity:1;transform:scale(1)}}.water-body{fill:var(--city-water);stroke:none}.water-wave{fill:none;stroke:var(--city-water);stroke-width:1.5px;stroke-linecap:round;animation:2s ease-in-out infinite waterWave}@keyframes waterWave{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}.park-area{fill:var(--city-park);stroke:none}.road-highway,.road-main,.road-street{fill:none;stroke-linecap:round;stroke-dasharray:200;stroke-dashoffset:200px;animation:2s ease-out forwards drawRoad}.road-highway{stroke:var(--city-highway);animation-delay:.6s}.road-main{stroke:var(--city-road-main);animation-delay:.8s}.road-street{stroke:var(--city-road-street);animation-delay:1s}@keyframes drawRoad{to{stroke-dashoffset:0}}.building{stroke:none;transform-origin:bottom;opacity:0;animation:.4s ease-out forwards buildingPop;transform:scaleY(0)}.building-tall{fill:var(--city-building-tall);animation-delay:1.2s}.building-med{fill:var(--city-building-med);animation-delay:1.4s}.building-low{fill:var(--city-building-low);animation-delay:1.6s}@keyframes buildingPop{0%{opacity:0;transform:scaleY(0)}60%{transform:scaleY(1.1)}to{opacity:1;transform:scaleY(1)}}.pulse-ring{fill:none;stroke:var(--city-pulse);stroke-width:2px;transform-origin:50%;animation:2s ease-out infinite pulseRing}@keyframes pulseRing{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.2)}}@keyframes textPulse{0%,to{opacity:.6}50%{opacity:1}}.city-loader-full{z-index:9999;cursor:default;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.city-loader-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1a0a1af2;transition:background .5s;position:absolute;inset:0}.city-loader-hovered .city-loader-backdrop{background:#1a0a1afa}.city-loader-content{flex-direction:column;align-items:center;gap:1.5rem;width:520px;max-width:90vw;padding:1rem;display:flex;position:relative}.city-skyline-svg{border-radius:12px;width:100%;max-width:500px;height:auto;transition:transform .5s,box-shadow .5s;overflow:hidden;box-shadow:0 8px 40px #c8643226,0 0 80px #ff966414}.city-loader-hovered .city-skyline-svg{transform:scale(1.01);box-shadow:0 12px 60px #c8643240,0 0 100px #ff96641f}.sun-glow{animation:8s ease-in-out infinite sunPulse}@keyframes sunPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.05)}}.city-loader-hovered .sun-glow{animation-duration:4s}.water-surface{animation:6s ease-in-out infinite waterShimmer}@keyframes waterShimmer{0%,to{opacity:1}50%{opacity:.9}}.ripple{fill:none;stroke:#ffc89626;stroke-width:.5px;animation:6s ease-out infinite rippleExpand}.ripple-1{animation-delay:0s}.ripple-2{animation-delay:2s}.ripple-3{animation-delay:4s}@keyframes rippleExpand{0%{opacity:.4;transform:scaleX(.9)}to{opacity:0;transform:scaleX(1.05)}}.building-group{transition:filter .8s}.building-group .building-body{fill:url(#buildingGradient)}.building-body.building-extra{fill:#1a1018}.building-group .building-roof{fill:#2d1f2d}.building-group.building-active .building-body{filter:brightness(1.15)}.city-loader-hovered .building-group.building-active .building-body{filter:brightness(1.25)}@keyframes reflectionWave{0%,to{transform:translateY(0)}50%{transform:translateY(1px)}}.city-stars .star{fill:#fff;animation:4s ease-in-out infinite starTwinkle}.city-stars .star:first-child{animation-delay:0s}.city-stars .star:nth-child(2){animation-delay:.7s}.city-stars .star:nth-child(3){animation-delay:1.4s}.city-stars .star:nth-child(4){animation-delay:2.1s}.city-stars .star:nth-child(5){animation-delay:2.8s}.city-stars .star:nth-child(6){animation-delay:3.5s}@keyframes starTwinkle{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.city-loader-hovered .city-stars .star{animation-duration:2s}.city-progress-bar{background:#bf000026;border-radius:2px;width:100%;max-width:320px;height:3px;overflow:hidden}.city-progress-fill{background:linear-gradient(90deg,#8b0000,#bf0000,#f44);border-radius:2px;height:100%;transition:width .3s;position:relative}.city-progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff80,#0000);animation:2s ease-in-out infinite progressShine;position:absolute;inset:0}@keyframes progressShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.city-loader-text{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}.city-loader-step{color:#f44;text-transform:uppercase;letter-spacing:.15em;font-size:.75rem;font-weight:500}.city-loader-message{color:#fff;font-size:1.1rem;font-weight:500;animation:3s ease-in-out infinite textPulse}.windows-layer .window{fill:#1e0f14cc;transition:fill .4s;animation:4s ease-in-out infinite windowBlink}.windows-layer .window-group:nth-child(3n) .window{animation-delay:.5s}.windows-layer .window-group:nth-child(5n) .window{animation-delay:1s}.windows-layer .window-group:nth-child(7n) .window{animation-delay:1.5s}.windows-layer .window-group:nth-child(11n) .window{animation-delay:2s}@keyframes windowBlink{0%,to{fill:#1e0f14cc}15%,25%{fill:#ffc878b3}}.windows-layer .window-group.window-logo-active .window{fill:#ffdcb4f2;animation:none}.heart-reflection{animation:4s ease-in-out infinite heartReflectionPulse}.heart-reflection .reflection-building{fill:#1a0a1a;opacity:.6}.heart-reflection .reflection-building:nth-child(odd){opacity:.5}.heart-reflection .reflection-fade{pointer-events:none}@keyframes heartReflectionPulse{0%,to{opacity:.35}50%{opacity:.28}}@media (prefers-reduced-motion:reduce){.city-layer,.water-wave,.road-highway,.road-main,.road-street,.building,.pulse-ring,.star,.city-progress-fill:after,.city-loader-inline-text,.city-loader-message,.ripple,.water-surface,.heart-reflection,.reflection-line{animation:none}.city-layer{opacity:1;transform:none}.road-highway,.road-main,.road-street{stroke-dashoffset:0}.building{opacity:1;transform:none}.star{opacity:.8}.windows-layer .window{fill:var(--cl-window-lit)}}.dark .city-loader-fullpage,[data-theme=dark] .city-loader-fullpage{background:#0a0505f2}.dark .city-loader-inline-text,[data-theme=dark] .city-loader-inline-text{color:var(--cl-text-muted)}.light .city-loader-backdrop,[data-theme=light] .city-loader-backdrop{background:var(--cl-backdrop)}.light .city-loader-hovered .city-loader-backdrop,[data-theme=light] .city-loader-hovered .city-loader-backdrop{background:#fff0f0fa}.light .city-skyline-svg,[data-theme=light] .city-skyline-svg{box-shadow:0 8px 32px #bf000026,0 0 60px #bf000014}.light .city-loader-hovered .city-skyline-svg,[data-theme=light] .city-loader-hovered .city-skyline-svg{box-shadow:0 12px 48px #bf000040,0 0 80px #bf00001f}