.city-app{position:fixed;inset:0;width:100%;height:100dvh;overflow:hidden;background:#b9ced0;color:#edf3ee;--hud:#102431ee;--hud-line:#b8d6d02c;--mint:#b9e5ce;--muted:#a8bfca;font-family:var(--font-inter),Arial,sans-serif}.city-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none;outline:none!important;cursor:grab}.city-canvas:active{cursor:grabbing}.city-app a,.city-app button{-webkit-tap-highlight-color:transparent}.city-app :focus-visible{outline:2px solid var(--mint);outline-offset:3px}.city-kicker{font:.5625rem/1.7 var(--font-jetbrains-mono),monospace;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.city-topbar{position:absolute;top:20px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;pointer-events:none;z-index:5}.city-topbar>*{pointer-events:auto}.city-brand{display:flex;align-items:center;gap:.875rem;text-align:left;padding:.75rem 1rem;background:var(--hud);border:1px solid var(--hud-line);border-radius:.75rem;backdrop-filter:blur(18px)}.city-brand>span{position:relative;font-size:2.3rem;font-weight:700;letter-spacing:-.15em;line-height:1;color:var(--mint);width:2rem}.city-brand>span>span{position:absolute;top:-.3rem;right:-.25rem;font-size:.875rem;color:#e7b48c}.city-brand>div{font-size:.8125rem;letter-spacing:.12em;font-weight:600}.city-brand>div>span{display:block;font:.4375rem var(--font-jetbrains-mono),monospace;letter-spacing:.1em;color:var(--muted);margin-top:.375rem}.city-top-location{font-size:.6875rem;letter-spacing:.05em;text-align:center;background:var(--hud);padding:.75rem 1.25rem;border:1px solid var(--hud-line);border-radius:2rem;backdrop-filter:blur(16px);max-width:28rem}.city-top-location>small{font:.4375rem var(--font-jetbrains-mono),monospace;letter-spacing:.1em;color:var(--muted);display:block;margin-top:.375rem}.city-signal{display:inline-block;width:5px;height:5px;background:var(--mint);border-radius:50%;margin-right:.5rem;box-shadow:0 0 12px #b9e5ce66}.city-top-actions{display:flex;align-items:center;gap:.375rem;background:var(--hud);padding:.25rem;border:1px solid var(--hud-line);border-radius:.75rem;backdrop-filter:blur(18px)}.city-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border-radius:.5rem;color:var(--muted)}.city-icon:hover{background:#b9e5ce14;color:var(--mint)}.city-resume{display:flex;align-items:center;gap:.75rem;min-height:44px;font-size:.6875rem;padding:.5rem 1rem;color:var(--mint);border-left:1px solid var(--hud-line)}.city-loading,.city-unavailable{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;background:#102330;text-align:center;padding:2rem;z-index:3}.city-loading-mark{font-size:3.5rem;line-height:1;font-weight:600;color:var(--mint)}.city-loading-mark>span{font-size:1.5rem;color:#e8b891;vertical-align:top}.city-loading h2,.city-unavailable h2{font-size:1.5rem;font-weight:500;letter-spacing:-.04em}.city-loading p,.city-unavailable p{font-size:.8125rem;color:var(--muted);max-width:24rem;line-height:1.8}.city-loading>i{width:5rem;height:2px;background:var(--mint);animation:city-load 1.4s ease-in-out infinite}.city-unavailable button{display:flex;align-items:center;gap:.75rem;min-height:44px;padding:.75rem 1rem;background:var(--mint);color:#122c30;border-radius:.5rem;font-size:.8125rem}.city-welcome{position:absolute;left:24px;bottom:114px;width:310px;padding:1.75rem;background:var(--hud);border:1px solid var(--hud-line);border-radius:1rem;backdrop-filter:blur(18px);box-shadow:0 12px 40px #08202b20;z-index:3}.welcome-close{position:absolute;top:.25rem;right:.25rem;width:36px;height:36px}.city-welcome h2{font-size:2rem;line-height:1.1;font-weight:500;letter-spacing:-.05em;margin:.875rem 0 1rem}.city-welcome>p:not(.city-kicker){font-size:.75rem;line-height:1.85;color:var(--muted)}.city-welcome>div{margin:1.25rem 0;display:flex;flex-direction:column;gap:.5rem}.city-primary,.city-secondary{display:flex;align-items:center;justify-content:center;gap:.625rem;min-height:44px;padding:.625rem .875rem;border-radius:.5rem;font-size:.6875rem;font-weight:500}.city-primary{background:var(--mint);color:#132d30}.city-primary:hover{background:#d6f0df}.city-secondary{color:#b5cbd1;border:1px solid var(--hud-line)}.city-secondary:hover{background:#b9e5ce10}.city-welcome ul{border-top:1px solid var(--hud-line);padding-top:.75rem;display:grid;gap:.5rem}.city-welcome li{display:flex;align-items:center;gap:.75rem;font-size:.625rem;color:var(--muted)}.city-app kbd{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;min-height:1.375rem;padding:.125rem .375rem;border:solid var(--hud-line);border-width:1px 1px 2px;border-radius:.25rem;background:#b9e5ce0a;font:.5rem var(--font-jetbrains-mono),monospace;color:#d3e5dd}.city-welcome kbd{min-width:3.875rem}.city-floor-panel{position:absolute;top:108px;right:24px;width:264px;max-height:calc(100dvh - 360px);display:flex;flex-direction:column;background:var(--hud);border:1px solid var(--hud-line);border-radius:.75rem;backdrop-filter:blur(18px);overflow:hidden;z-index:3}.city-floor-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.125rem;text-align:left;border-bottom:1px solid var(--hud-line);flex-shrink:0}.city-floor-heading small{font:.4375rem var(--font-jetbrains-mono),monospace;letter-spacing:.1em;color:var(--district-color);display:block;margin-bottom:.5rem}.city-floor-heading strong{font-size:.875rem;font-weight:500;letter-spacing:-.02em}.city-floor-list{overflow:auto;min-height:0;padding:.5rem}.city-floor-list button{display:flex;align-items:center;gap:.75rem;text-align:left;min-height:44px;width:100%;padding:.5rem;border-radius:.375rem}.city-floor-list b{font:.625rem var(--font-jetbrains-mono),monospace;font-weight:400;border:1px solid var(--hud-line);width:1.75rem;height:1.75rem;display:grid;place-items:center;flex-shrink:0;color:var(--district-color);border-radius:.25rem}.city-floor-list span{font-size:.625rem;line-height:1.5;color:var(--muted)}.city-floor-list button:hover,.city-floor-list button[aria-pressed=true]{background:#b9e5ce12}.city-floor-list button[aria-pressed=true] b{background:var(--district-color);color:#132d30}.city-floor-actions{padding:.75rem;border-top:1px solid var(--hud-line);display:grid;grid-template-columns:1fr 1fr;gap:.5rem;flex-shrink:0}.city-floor-actions>.city-primary{grid-column:1/-1}.city-floor-actions>.city-secondary{font-size:.5625rem;padding:.5rem .375rem;gap:.375rem}.city-minimap{position:absolute;bottom:116px;right:24px;width:176px;padding:.75rem;background:var(--hud);border:1px solid var(--hud-line);border-radius:.75rem;backdrop-filter:blur(18px);z-index:2;text-align:left}.city-minimap>span{display:flex;justify-content:space-between;gap:.75rem;font:.4375rem var(--font-jetbrains-mono),monospace;color:var(--muted);letter-spacing:.08em}.city-minimap b{color:var(--mint);font-weight:400}.city-minimap svg{display:block;width:100%;height:auto;margin:.625rem 0;border-radius:.375rem}.city-minimap>small{font-size:.5rem;color:var(--muted)}.city-bottom-hud{position:absolute;bottom:20px;left:24px;right:24px;min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem .75rem;background:var(--hud);border:1px solid var(--hud-line);border-radius:.75rem;backdrop-filter:blur(20px);z-index:4}.city-travel-controls{display:flex;gap:.25rem;flex-shrink:0}.city-travel-controls button{display:flex;align-items:center;gap:.5rem;min-height:44px;padding:.625rem .75rem;font-size:.625rem;border-radius:.5rem;color:var(--muted)}.city-travel-controls button.active,.city-travel-controls button:hover{color:var(--mint);background:#b9e5ce10}.city-interact{text-align:center;font:.5rem var(--font-jetbrains-mono),monospace;letter-spacing:.04em;color:var(--muted)}.city-interact>button{display:flex;align-items:center;justify-content:center;gap:.625rem;min-height:44px;font-family:var(--font-inter),sans-serif;font-size:.6875rem;letter-spacing:0;color:#dcece3}.city-passport{border-left:1px solid var(--hud-line);padding-left:1rem;margin-left:.25rem;flex-shrink:0}.city-passport>span{font:1.125rem var(--font-jetbrains-mono),monospace;color:var(--mint)}.city-passport small{font-size:.625rem;color:var(--muted)}.city-passport p{font:.375rem var(--font-jetbrains-mono),monospace;letter-spacing:.1em;color:var(--muted);margin-top:.375rem}.city-hover-note{position:absolute;left:50%;bottom:104px;transform:translateX(-50%);pointer-events:none;display:flex;align-items:center;font-size:.625rem;color:#ecf4e8;white-space:nowrap;z-index:2;text-shadow:0 1px 8px #061c2c}.city-hover-note:not(:empty){background:#102431de;border:1px solid var(--hud-line);padding:.625rem .875rem;border-radius:2rem}.city-dpad{position:absolute;left:24px;bottom:116px;display:grid;grid-template-columns:repeat(3,40px);grid-template-rows:repeat(2,40px);gap:4px;z-index:3}.city-dpad button{display:grid;place-items:center;touch-action:none;user-select:none;background:var(--hud);border:1px solid var(--hud-line);border-radius:.5rem;color:var(--mint);backdrop-filter:blur(14px)}.city-dpad button:active{background:#47796d}.pad-north{grid-column:2;grid-row:1}.pad-west{grid-column:1;grid-row:2}.pad-south{grid-column:2;grid-row:2}.pad-east{grid-column:3;grid-row:2}.city-dialog{position:fixed;inset:16px 16px 16px auto;margin:0;width:min(650px,calc(100% - 32px));height:calc(100dvh - 32px);max-height:none;max-width:none;border:1px solid #9ec8b644;border-radius:1rem;background:#102330;color:#edf3ee;padding:0;box-shadow:0 20px 90px #0007;overflow:auto;z-index:10}.city-dialog::backdrop{background:#07142065;backdrop-filter:blur(5px)}.city-dialog-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.5rem;background:#102330f5;backdrop-filter:blur(18px);border-bottom:1px solid var(--hud-line);z-index:2}.city-dialog-header>span{font:.5625rem var(--font-jetbrains-mono),monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.city-directory{inset:16px auto 16px 16px;width:min(420px,calc(100% - 32px))}.directory-intro{padding:1.5rem 1.5rem .75rem}.directory-intro h2{font-size:2rem;font-weight:500;letter-spacing:-.055em;line-height:1.1;margin:.75rem 0}.directory-intro>p:last-child{font-size:.75rem;line-height:1.85;color:var(--muted)}.directory-controls{padding:1rem 1.5rem 0;position:sticky;top:69px;background:#102330f5;backdrop-filter:blur(18px);z-index:1}.directory-controls>label{display:flex;align-items:center;gap:.75rem;border:1px solid var(--hud-line);border-radius:.5rem;padding:.875rem;color:var(--muted)}.directory-controls input{width:100%;min-width:0;background:transparent;font-size:.6875rem;color:#e4eee8;outline:none}.directory-controls label:focus-within{outline:2px solid var(--mint);outline-offset:2px}.directory-controls>div{display:flex;gap:.375rem;padding:.875rem 0}.directory-controls>div>button{min-height:40px;padding:.5rem .75rem;border:1px solid var(--hud-line);border-radius:2rem;color:var(--muted);font-size:.5625rem}.directory-controls>div>button[aria-pressed=true]{background:var(--mint);color:#143132}.city-directory-count{font:.5rem var(--font-jetbrains-mono),monospace;color:var(--muted);padding:1rem 1.5rem .5rem}.directory-buildings{padding:0 .75rem}.directory-buildings>button{display:flex;align-items:center;gap:.875rem;width:100%;padding:.875rem .75rem;text-align:left;border-bottom:1px solid var(--hud-line);border-radius:.5rem}.directory-buildings>button:hover{background:#b9e5ce0b}.directory-building-icon{width:40px;height:44px;display:grid;place-items:center;flex-shrink:0;color:var(--district-color);background:#b9e5ce08;border:1px solid var(--hud-line);border-radius:.5rem}.directory-buildings>button>span:nth-child(2){flex:1}.directory-buildings strong{display:block;font-size:.8125rem;font-weight:500;letter-spacing:-.02em}.directory-buildings small{display:block;font-size:.5625rem;color:var(--muted);margin-top:.5rem}.directory-buildings>button>svg{color:var(--district-color)}.directory-note{padding:1.5rem;font-size:.625rem;line-height:1.9;color:var(--muted)}.directory-empty{padding:3rem 1.5rem;text-align:center;font-size:.875rem;color:var(--muted)}.directory-empty button{min-height:44px;color:var(--mint);text-decoration:underline;font-size:.75rem;margin-top:1rem}.dossier-heading{padding:2rem;border-bottom:1px solid var(--hud-line);background:linear-gradient(145deg,#243f45,#102330)}.dossier-heading>.city-kicker{color:var(--district-color)}.dossier-heading h2{font-size:2.25rem;font-weight:500;letter-spacing:-.06em;line-height:1.1;margin:1rem 0}.dossier-heading>p:last-child{font-size:.875rem;line-height:1.8;color:#b1c6cd}.dossier-copy{padding:2rem}.dossier-copy>section{margin-bottom:2rem}.dossier-copy h3{font-size:.6875rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--mint);margin-bottom:.75rem}.dossier-copy li,.dossier-copy p{font-size:.875rem;line-height:1.95;color:#b8ccd1}.dossier-copy ul{padding-left:1rem;list-style:disc}.dossier-copy li{padding-left:.25rem;margin-bottom:.5rem}.dossier-copy li,.dossier-copy p{overflow-wrap:anywhere}.dossier-links{display:flex;flex-wrap:wrap;gap:1rem;border-top:1px solid var(--hud-line);padding-top:1rem}.dossier-links a{display:flex;align-items:center;gap:.5rem;min-height:44px;font-size:.75rem;color:var(--mint)}.dossier-elevator{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;background:#19333ff2;backdrop-filter:blur(18px);border-top:1px solid var(--hud-line)}.dossier-elevator button{display:flex;align-items:center;gap:.5rem;min-height:44px;font-size:.6875rem;color:var(--mint)}.dossier-elevator button:disabled{opacity:.35;cursor:not-allowed}.dossier-elevator>span{font:.5625rem var(--font-jetbrains-mono),monospace;color:var(--muted)}@keyframes city-load{0%,to{transform:scaleX(.2);opacity:.3}50%{transform:scaleX(1);opacity:1}}@media (max-width:1100px){.city-top-location{display:none}.city-topbar{gap:.75rem}.city-interact>span{font-size:.4375rem}.city-passport{display:none}.city-welcome{width:280px;padding:1.5rem}.city-floor-panel{width:240px}.city-travel-controls button{padding:.625rem}.city-minimap{width:150px}.city-floor-panel{max-height:calc(100dvh - 335px)}}@media (max-width:650px){.city-topbar{top:12px;left:12px;right:12px;gap:.5rem}.city-brand{padding:.625rem .75rem;gap:.625rem}.city-brand>span{font-size:1.875rem;width:1.5rem}.city-brand>div{font-size:.625rem;letter-spacing:.08em}.city-brand>div>span{font-size:.3125rem;letter-spacing:.03em}.city-top-actions{gap:0;padding:.125rem}.city-top-actions>.city-icon{width:36px;height:40px}.city-top-actions>.city-icon:nth-child(3){display:none}.city-resume{font-size:.5625rem;padding:.5rem .625rem;gap:.375rem;min-height:40px}.city-welcome{left:12px;bottom:100px;width:250px;padding:1.25rem;max-height:calc(100dvh - 300px);overflow:auto}.city-welcome h2{font-size:1.625rem}.city-welcome>p:not(.city-kicker){font-size:.6875rem}.city-welcome ul{display:none}.city-welcome>div{margin-bottom:0}.city-minimap{top:88px;bottom:auto;right:12px;width:114px;padding:.5rem}.city-minimap>span{font-size:.3125rem;gap:.25rem}.city-minimap svg{margin:.375rem 0}.city-minimap>small{display:none}.city-bottom-hud{left:12px;right:12px;bottom:12px;padding:.375rem;min-height:60px;gap:.5rem;flex-wrap:wrap;justify-content:center}.city-travel-controls{justify-content:center;flex:1}.city-travel-controls button{gap:.375rem;font-size:.5625rem;padding:.5rem .625rem}.city-interact{display:none}.city-hover-note{bottom:85px;font-size:.5625rem;max-width:calc(100% - 24px);white-space:normal;text-align:center}.city-dpad{left:12px;bottom:88px;grid-template-columns:repeat(3,38px);grid-template-rows:repeat(2,38px);gap:3px}.city-floor-panel{right:12px;left:12px;top:auto;bottom:190px;width:auto;max-height:calc(100dvh - 410px)}.city-floor-heading{padding:.75rem 1rem}.city-floor-heading strong{font-size:.8125rem}.city-floor-heading small{font-size:.375rem}.city-floor-list{display:none}.city-floor-panel.is-expanded .city-floor-list{display:block}.city-floor-actions{grid-template-columns:1.1fr 1fr 1fr;gap:.375rem;padding:.625rem}.city-floor-actions>.city-primary{grid-column:auto;font-size:.5625rem;gap:.375rem;padding:.5rem}.city-floor-actions>.city-secondary{font-size:.5rem;gap:.25rem;padding:.375rem}.city-floor-panel.is-expanded{max-height:calc(100dvh - 300px);bottom:96px;z-index:5}.city-floor-panel.is-expanded .city-floor-actions{grid-template-columns:1fr 1fr}.city-floor-panel.is-expanded .city-floor-actions>.city-primary{grid-column:1/-1}.city-dialog{inset:8px;margin:0;width:calc(100% - 16px);height:calc(100dvh - 16px);border-radius:.75rem}.city-dialog-header{padding:.5rem 1rem}.directory-intro{padding:1.25rem 1.25rem .5rem}.directory-controls{top:61px;padding:.75rem 1.25rem 0}.directory-intro h2{font-size:1.875rem}.directory-controls>div>button{padding:.5rem .625rem}.directory-buildings{padding:0 .5rem}.directory-buildings>button{padding:.75rem}.directory-buildings strong{font-size:.75rem}.dossier-copy,.dossier-heading{padding:1.5rem}.dossier-heading h2{font-size:1.875rem}.dossier-copy li,.dossier-copy p{font-size:.8125rem}.dossier-elevator{padding:.75rem 1rem;gap:.5rem}.dossier-elevator button{font-size:.625rem;gap:.375rem}}@media (max-width:360px){.city-brand>div>span{display:none}.city-brand>div{font-size:.5rem}.city-brand{padding:.75rem .625rem}.city-top-actions>.city-icon{width:32px}.city-resume{padding:.5rem}.city-top-actions{gap:0}.city-welcome{width:230px}.city-floor-actions>.city-secondary>svg{display:none}.city-travel-controls button{padding:.5rem}.city-directory-count{padding-left:1.25rem}.directory-controls>div{gap:.25rem}.directory-controls>div>button{font-size:.5rem}}@media (prefers-reduced-motion:reduce){.city-loading>i{animation:none}}.city-welcome{width:280px;padding:1.375rem}.city-welcome h2{font-size:1.625rem;margin:.75rem 0}.city-welcome ul{display:none}.city-welcome>div{margin-bottom:0}.city-floor-list{display:none}.city-floor-panel.is-expanded .city-floor-list{display:block}@media (max-width:650px){.city-welcome{width:238px;padding:1.125rem}.city-welcome h2{font-size:1.5rem}.city-welcome>p:not(.city-kicker){font-size:.625rem}}.city-title{position:absolute;inset:0 auto 0 0;width:min(560px,100%);padding:120px 24px 120px 48px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,#08161fe6,#08161fa8 55%,#08161f00);z-index:3;animation:city-title-in .9s cubic-bezier(.2,.8,.2,1) both}.city-title .welcome-close{top:96px;right:auto;left:40px}.city-title-eyebrow{font:600 .6875rem/1 var(--font-jetbrains-mono),monospace;letter-spacing:.35em;color:#f2c46d}.city-title-logo{display:flex;flex-direction:column;margin:.75rem 0 1rem;font:italic 900 clamp(3.75rem,11vw,7.5rem) /.82 Impact,Arial Black,sans-serif;letter-spacing:-.02em;transform:skew(-6deg)}.city-title-logo span{color:#fffaf0;-webkit-text-stroke:2px #0b1a22;text-shadow:4px 4px 0 #0b1a22,8px 8px 0 #e69a6f}.city-title-logo span+span{color:var(--mint);text-shadow:4px 4px 0 #0b1a22,8px 8px 0 #f2c46d}.city-title-tagline{max-width:24rem;font-size:.9375rem;line-height:1.6;color:#d5e3e2}.city-title-actions{display:flex;flex-wrap:wrap;gap:.625rem;margin:1.75rem 0 1.5rem}.city-play{display:inline-flex;align-items:center;gap:.75rem;min-height:52px;padding:0 1.25rem 0 1.125rem;border-radius:.5rem;background:#f2c46d;color:#18232a;font:italic 900 1.375rem/1 Impact,Arial Black,sans-serif;letter-spacing:.04em;text-transform:uppercase;box-shadow:4px 4px 0 #0b1a22;transition:transform .12s,box-shadow .12s}.city-play:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #0b1a22}.city-play kbd{background:#18232a22!important;color:#18232a!important;border-color:#18232a55!important}.city-title-actions .city-secondary{min-height:52px;padding:0 1.125rem;background:#08161f99}.city-title-controls{display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:.6875rem;color:var(--muted)}.city-title-controls li{display:flex;align-items:center;gap:.4rem}.city-hire{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;margin-left:auto;padding:.5rem .75rem;background:var(--hud);border:1px solid var(--hud-line);border-radius:.75rem;backdrop-filter:blur(18px)}.city-hire span{display:flex;gap:2px}.city-hire svg{color:#4b6370;fill:transparent}.city-hire svg.is-earned{color:#f2c46d;fill:#f2c46d;filter:drop-shadow(0 0 6px #f2c46d88)}.city-hire small{font:.5rem var(--font-jetbrains-mono),monospace;letter-spacing:.2em;color:var(--muted)}.city-levelup{position:absolute;top:26%;left:50%;transform:translateX(-50%);pointer-events:none;text-align:center;z-index:8}.city-levelup>div{animation:city-levelup 3.6s cubic-bezier(.2,.8,.2,1) both}.city-levelup strong{display:block;font:italic 900 clamp(2.25rem,7vw,4.5rem) /1 Impact,Arial Black,sans-serif;color:#f2c46d;text-transform:uppercase;-webkit-text-stroke:2px #0b1a22;text-shadow:4px 4px 0 #0b1a22}.city-levelup span{display:block;margin-top:.25rem;font-size:2rem;letter-spacing:.15em;color:#f2c46d;text-shadow:0 0 16px #f2c46daa,2px 2px 0 #0b1a22}.city-levelup span i{font-style:normal;color:#ffffff40;text-shadow:2px 2px 0 #0b1a22}.city-levelup p{margin-top:.5rem;font:600 .8125rem/1.4 var(--font-jetbrains-mono),monospace;letter-spacing:.08em;text-transform:uppercase;color:#fff;text-shadow:1px 1px 0 #0b1a22,0 0 12px #0b1a22}.city-speed{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;background:repeating-conic-gradient(from 0deg at 50% 55%,#ffffff00 0deg 5deg,#ffffff1c 5.4deg 6deg),radial-gradient(circle at 50% 55%,#000 0 34%,#0000 62%);-webkit-mask:radial-gradient(circle at 50% 55%,#0000 0 38%,#000 75%);mask:radial-gradient(circle at 50% 55%,#0000 0 38%,#000 75%);z-index:1}.city-speed.is-on{opacity:1;animation:city-speed .26s steps(3) infinite}@keyframes city-title-in{0%{opacity:0;transform:translateX(-40px)}}@keyframes city-levelup{0%{opacity:0;transform:scale(1.8)}12%{opacity:1;transform:scale(.95)}18%,85%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes city-speed{to{transform:rotate(2deg)}}@media (max-width:650px){.city-title{width:100%;padding:100px 16px 150px;justify-content:flex-end;background:linear-gradient(0deg,#08161fee,#08161fa8 60%,#08161f00)}.city-title .welcome-close{top:auto;bottom:154px;left:auto;right:16px}.city-title-controls{display:none}.city-hire{position:absolute;top:60px;left:0;padding:.375rem .5rem}.city-hire small{display:none}}@media (prefers-reduced-motion:reduce){.city-levelup>div,.city-speed.is-on,.city-title{animation:none}}.city-minimap{width:168px;padding:5px;border-radius:50%;border-width:2px;box-shadow:0 10px 30px #08202b40}.city-minimap svg{margin:0;border-radius:50%}.city-objective{position:absolute;top:96px;left:24px;width:260px;padding:.75rem .875rem .875rem;background:var(--hud);border:1px solid var(--hud-line);border-left:3px solid #f2c46d;border-radius:.5rem;backdrop-filter:blur(18px);overflow:hidden;z-index:3}.city-objective small{font:.5rem var(--font-jetbrains-mono),monospace;letter-spacing:.2em;color:#f2c46d}.city-objective strong{display:block;margin:.25rem 0 .375rem;font:italic 900 1.125rem/1.1 Impact,Arial Black,sans-serif;letter-spacing:.02em;text-transform:uppercase}.city-objective p{display:flex;justify-content:space-between;gap:.5rem;font-size:.75rem;color:var(--muted)}.city-objective b{color:#fff;font-weight:600}.city-objective span{font:.6875rem var(--font-jetbrains-mono),monospace;color:#f2c46d}.city-objective i{position:absolute;left:0;bottom:0;height:3px;background:#f2c46d;transition:width .4s}.city-interact-hint{font:.5rem var(--font-jetbrains-mono),monospace;letter-spacing:.06em;color:var(--muted)}@media (max-width:650px){.city-minimap{width:104px;padding:3px}.city-objective{top:108px;left:12px;width:min(220px,calc(100% - 140px));padding:.5rem .625rem .625rem}.city-objective strong{font-size:.875rem}.city-interact-hint{display:none}}.city-weather-control{position:fixed;top:85px;right:24px;padding:3px 10px;border:1px solid var(--hud-line);border-radius:8px;background:var(--hud);color:var(--text);font:11px/1.4 var(--font-jetbrains-mono),monospace;cursor:pointer}.city-weather-control:focus-visible{outline:2px solid #b9e5ce;outline-offset:3px}@media (max-width:650px){.city-weather-control{top:76px;right:12px;padding:6px 8px;font-size:10px}}.city-journal-body{padding:28px}.city-journal-body h2{scroll-margin-top:80px;font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.1;margin:12px 0 20px}.city-journal-body p{line-height:1.7;color:var(--muted)}.city-journal-intro{margin:20px 0}.city-journal-list{display:grid;gap:16px;list-style:none;padding:0}.city-journal-list li{padding:18px;border:1px solid var(--hud-line);border-radius:12px}.city-journal-list strong{color:#e5c78d}.city-journal-list p{margin:8px 0 12px}.city-journal-list button{padding:10px 14px;min-height:44px}.city-passport:focus-visible{outline:2px solid #b9e5ce;outline-offset:4px;border-radius:6px}.city-view-options{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 12px}.city-view-options button{min-height:44px;padding:10px 14px;font-size:12px}.city-view-options button[aria-pressed=true]{border-color:#b9e5ce;color:#b9e5ce}.city-view-options button:disabled{opacity:.45;cursor:default}