.city-stage{position:relative}.city-loader{z-index:30;border-radius:var(--radius);opacity:1;transition:opacity .6s var(--ease-out-expo);background:radial-gradient(125% 95% at 50% 8%,#2a1747 0%,#130b28 46%,#080612 100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.city-loader[data-done=true]{opacity:0;pointer-events:none}.city-loader__stars{opacity:.6;background-image:radial-gradient(1.5px 1.5px at 12% 22%,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 78% 16%,#ffd9ec 50%,#0000 51%),radial-gradient(1px 1px at 34% 60%,#cfe9ff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 64% 30%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 88% 44%,#ffd9ec 50%,#0000 51%),radial-gradient(1px 1px at 20% 40%,#cfe9ff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 50% 18%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 6% 70%,#cfe9ff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 94% 64%,#fff 50%,#0000 51%);animation:3.2s steps(2,jump-none) infinite alternate cl-twinkle;position:absolute;inset:0}.city-loader__skyline{opacity:.5;width:100%;height:clamp(70px,22%,150px);position:absolute;bottom:0;left:0;right:0}.city-loader__skyline rect{fill:#0b0818;stroke:var(--c-accent);stroke-width:.6px;paint-order:stroke}.city-loader__crt{pointer-events:none;mix-blend-mode:multiply;opacity:.5;background:repeating-linear-gradient(0deg,#0003 0 1px,#0000 1px 3px);position:absolute;inset:0}.city-loader__inner{z-index:2;align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;width:min(440px,82%);display:flex;position:relative}.city-loader__eyebrow{font-family:var(--font-pixel);font-size:var(--text-sm);letter-spacing:.45em;color:var(--c-cyan);text-shadow:0 0 8px var(--c-cyan);margin:0;padding-left:.45em}.city-loader__title{font-family:var(--font-pixel);letter-spacing:.14em;color:#fff;text-shadow:0 0 6px var(--c-accent), 0 0 18px var(--c-accent-glow), 0 0 42px var(--c-accent-glow);animation:cl-pulse 2.4s var(--ease-out-expo) infinite alternate;margin:0;padding-left:.14em;font-size:clamp(2.6rem,9vw,4.2rem);line-height:.9}.city-loader__bar{width:100%;height:16px;margin-top:var(--space-2);border:var(--px) solid var(--c-border-strong);border-radius:var(--radius-pill);background:repeating-linear-gradient(90deg,#ffffff0d 0 7px,#0000 7px 12px),#140e22;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #00000080}.city-loader__fill{width:100%;box-shadow:0 0 14px var(--c-accent-glow);position:absolute;inset:0 auto 0 0;-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 8px,#0000 8px 10px);mask-image:repeating-linear-gradient(90deg,#000 0 8px,#0000 8px 10px)}.city-loader__fill:before{content:"";transform:scaleX(var(--p,.03));transform-origin:0;background:linear-gradient(90deg, var(--c-accent-soft), var(--c-accent) 55%, var(--c-cyan));transition:transform .24s var(--ease-out-expo);position:absolute;inset:0}.city-loader__scan{background:linear-gradient(90deg,#0000 35%,#ffffff8c 50%,#0000 65%);width:45%;animation:1.4s linear infinite cl-sweep;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%)}.city-loader__status{width:100%;font-family:var(--font-pixel);font-size:var(--text-sm);justify-content:space-between;align-items:baseline;margin:0;display:flex}.city-loader__phase{color:var(--c-text-dim)}.city-loader__pct{color:var(--c-accent);text-shadow:0 0 10px var(--c-accent-glow);font-variant-numeric:tabular-nums;font-weight:700}@keyframes cl-sweep{0%{transform:translate(-100%)}to{transform:translate(320%)}}@keyframes cl-twinkle{0%{opacity:.35}to{opacity:.7}}@keyframes cl-pulse{0%{text-shadow:0 0 6px var(--c-accent), 0 0 14px var(--c-accent-glow)}to{text-shadow:0 0 10px var(--c-accent), 0 0 28px var(--c-accent-glow), 0 0 56px var(--c-accent-glow)}}@media (prefers-reduced-motion:reduce){.city-loader{transition:opacity .2s linear}.city-loader__stars,.city-loader__title{animation:none}.city-loader__scan{display:none}.city-loader__fill:before{transition:none}}