/* The sky belongs to the scene, leaving the city controls quiet and readable. */
.city-sky{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:linear-gradient(180deg,#8fc5e5 0%,#bcdfee 38%,#e7f3f6 72%,#dce9e3 100%)}
.city-sky-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 87% 12%,#fffbe861,transparent 32%),radial-gradient(ellipse at 50% 84%,#ffffffb5,transparent 60%)}
.city-stars{position:absolute;inset:0;opacity:0}
.city-stars i{position:absolute;width:var(--star-size);height:var(--star-size);border-radius:50%;background:#fff6d9;box-shadow:0 0 7px #f8dfb980;animation:city-star-glimmer var(--star-duration) ease-in-out var(--star-delay) infinite alternate}
.city-stars i:nth-child(11n){box-shadow:0 0 9px #ffeece,0 0 18px #cee5ff50}
.city-moon{position:absolute;width:78px;height:78px;right:12%;top:10%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fffbe8,#f1d9a3 75%);box-shadow:0 0 38px #f8e4b325,0 0 95px #e0e8f518;opacity:0;transform:rotate(-18deg)}
.city-moon:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset -9px -5px 12px #c9b68e60}
.city-moon i{position:absolute;background:#cbbb9460;border-radius:50%;box-shadow:inset 1px 2px 3px #ab9b6e20}
.city-moon i:nth-child(1){width:14px;height:14px;left:17px;top:25px}.city-moon i:nth-child(2){width:8px;height:8px;left:39px;top:13px}.city-moon i:nth-child(3){width:19px;height:19px;left:35px;top:45px}
.city-sun{position:absolute;width:74px;height:74px;right:12%;top:10%;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fffef1,#fff0bd);box-shadow:0 0 0 15px #fff8d61c,0 0 60px #fff5c87a,0 0 150px #fff9df45}
.city-cloud{position:absolute;width:170px;height:30px;border-radius:999px;background:#ffffffd9;box-shadow:inset 0 -9px 13px #dceaf325,0 8px 22px #75a5c00b}
.city-cloud:before,.city-cloud:after{content:"";position:absolute;border-radius:50%;background:inherit;z-index:-1}.city-cloud:before{width:66px;height:56px;left:24px;bottom:8px}.city-cloud:after{width:84px;height:70px;left:66px;bottom:3px}
.city-cloud--one{left:9%;top:20%;transform:scale(.92);opacity:.85}.city-cloud--two{right:7%;top:37%;transform:scale(.72);opacity:.65}
.city-hills{position:absolute;left:0;bottom:0;width:100%;height:30%;opacity:.8}.city-hills-far{fill:#92b2b887}.city-hills-near{fill:#8eaf9e80}
.city-horizon-lights{position:absolute;left:0;right:0;bottom:4%;height:15%;opacity:0;background:radial-gradient(ellipse at 7% 80%,#e4ac5b 0 1px,transparent 2px),radial-gradient(ellipse at 22% 51%,#f6c274 0 1px,transparent 2px),radial-gradient(ellipse at 61% 60%,#e4ac5b 0 1px,transparent 2px),radial-gradient(ellipse at 78% 43%,#f6c274 0 1px,transparent 2px),radial-gradient(ellipse at 92% 70%,#e4ac5b 0 1px,transparent 2px);background-size:240px 85px}
.city-canvas{z-index:1;background:transparent}
.city-map--immersive,.city-map--immersive .city-map-scene{background:transparent}
.city-map--immersive .city-map-scene:after{box-shadow:none}
.city-map-art--night{display:none}
.city-topbar .brand{margin-right:auto}
.city-time-toggle{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 14px;pointer-events:auto;border:1px solid #fffdf5;border-radius:17px;background:#fff9ee;color:#4a3134;box-shadow:0 3px 0 #cbb49c80,0 6px 18px #46301c12;font:700 11px/1.2 'Manrope',sans-serif;cursor:pointer}
.city-time-toggle svg{width:18px;height:18px;flex-shrink:0}.city-time-sun{display:none}
.city-time-toggle:focus-visible{outline:3px solid #b85b3b;outline-offset:4px}
html[data-city-time='night'] .city-sky{background:radial-gradient(ellipse at 56% 105%,#3d3c49 0%,#1d2c3e 37%,#101c2e 67%,#0b1424 100%)}
html[data-city-time='night'] .city-sky-glow{background:radial-gradient(ellipse at 50% 90%,#b0783f24,transparent 60%),radial-gradient(ellipse at 82% 12%,#b6c8dd0b,transparent 36%)}
html[data-city-time='night'] .city-stars,html[data-city-time='night'] .city-moon{opacity:1}
html[data-city-time='night'] .city-sun,html[data-city-time='night'] .city-cloud{opacity:0}
html[data-city-time='night'] .city-hills-far{fill:#172737}.city-hills-near{transition:fill .5s}html[data-city-time='night'] .city-hills-near{fill:#101c2a}
html[data-city-time='night'] .city-horizon-lights{opacity:.6}
html[data-city-time='night'] .city-map-art--day{display:none}
html[data-city-time='night'] .city-map-art--night{display:block;mix-blend-mode:normal;filter:drop-shadow(0 25px 32px #02081170)}
html[data-city-time='night'] .city-time-sun{display:block}html[data-city-time='night'] .city-time-moon{display:none}
html[data-city-time='night'] .city-topbar>.brand,html[data-city-time='night'] .city-menu-toggle,html[data-city-time='night'] .city-time-toggle,html[data-city-time='night'] .city-pocket,html[data-city-time='night'] .city-map-tools summary{background:#19293a;color:#f5e5cc;border-color:#425062;box-shadow:0 3px 0 #080f1c70,0 7px 20px #0002}
html[data-city-time='night'] .city-topbar .brand-dot{color:#eda475}
html[data-city-time='night'] .city-pocket-icon{background:#304052;color:#f0c390}
html[data-city-time='night'] .city-map-tools summary svg{color:#efc18e}
html[data-city-time='night'] .city-map--immersive .city-map-pin{background:#203044ed;border-color:#62717d;box-shadow:0 3px 0 #091222,0 5px 12px #0004}
html[data-city-time='night'] .city-map--immersive .city-map-pin-icon{background:transparent;color:#f0ca96}
html[data-city-time='night'] .city-map--immersive .city-map-pin.is-selected{background:#ae4b30}
html[data-city-time='night'] .city-map--immersive .city-map-pin:after{background:#091222}
body[data-page='admin'] .city-sky{display:none}
@keyframes city-star-glimmer{from{opacity:.35;transform:scale(.85)}to{opacity:.95;transform:scale(1.1)}}
@media(max-width:740px){.city-time-toggle{min-height:45px;border-radius:15px;width:45px;padding:0}.city-time-toggle span{display:none}.city-moon{width:59px;height:59px;top:11%;right:14%}.city-moon i:nth-child(1){width:10px;height:10px;left:12px;top:18px}.city-moon i:nth-child(2){left:28px;top:10px;width:7px;height:7px}.city-moon i:nth-child(3){width:14px;height:14px;left:27px;top:34px}.city-hills{height:27%}.city-sun{width:62px;height:62px;top:12%}.city-cloud--one{top:20%;left:-36px;transform:scale(.55)}.city-cloud--two{right:-45px;top:35%;transform:scale(.5)}.city-topbar{gap:9px}}
@media(prefers-reduced-motion:reduce){.city-stars i{animation:none;opacity:.7}.city-hills-near{transition:none}}
html[data-city-time='night'] .city-map-direct-modes{background:#19293a;border-color:#425062;box-shadow:0 3px 0 #080f1c70,0 7px 20px #0002}
html[data-city-time='night'] .city-map-direct-modes button{color:#bac9d8}
html[data-city-time='night'] .city-map-direct-modes button[aria-pressed='true']{background:#ebc391;color:#322523;box-shadow:0 2px 0 #ad8255}
html[data-city-time='night'] .city-map-direct-modes button:hover{background:#344558;color:#fff4e1}
html[data-city-time='night'] .city-map-direct-modes button[aria-pressed='true']:hover{background:#f2d2a8;color:#322523}
@media(max-width:370px){.city-pocket,.city-focused .city-pocket{padding:7px 9px}.city-pocket>span:not(.city-pocket-icon){display:none}}
/* A warm illustrated setting blends with the original daytime artwork. */
html[data-city-view='detailed']:not([data-city-time='night']) .city-sky{background:radial-gradient(ellipse at 50% 50%,#f6ecdc 25%,#ede2cc 76%,#dfd6bd)}
html[data-city-view='detailed']:not([data-city-time='night']) .city-sky-glow{background:radial-gradient(ellipse at 82% 14%,#fff9de8c,transparent 35%)}
html[data-city-view='detailed']:not([data-city-time='night']) .city-cloud{background:#fff9ed;opacity:.6}
html[data-city-view='detailed']:not([data-city-time='night']) .city-hills{opacity:.3}