/* Indigo city light and bronze orbital paths echo the four-logo artwork. */
body[data-theme="future-city"]{--bg:#0c101c;--gold:#cbb480;--paper:#eee9dc;background:var(--bg)}
[data-theme="future-city"] .masthead{background:#0c101ced;border-color:#cbb48026}
[data-theme="future-city"] .art-frame{outline:1px solid #cbb48035;outline-offset:8px;box-shadow:0 18px 60px #0005}
[data-theme="future-city"] .celestial-content{background:radial-gradient(ellipse at 50% 15%,#9a814523,transparent 42%),radial-gradient(ellipse at 0% 50%,#2b456b35,transparent 55%),linear-gradient(#0c101c,#161b2d 48%,#10141f)}
[data-theme="future-city"] .city-backdrop{position:absolute;inset:0;overflow:clip;pointer-events:none;z-index:-1}
[data-theme="future-city"] .city-scene{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;background:radial-gradient(ellipse 8% 90% at 50% 0,#d7c17e13,transparent 80%)}
[data-theme="future-city"] .city-orbits{position:absolute;inset:0;width:min(1180px,130%);margin:auto}
[data-theme="future-city"] .city-orbits i{position:absolute;width:clamp(240px,32vw,480px);aspect-ratio:1;border:1px solid #d0b27626;border-radius:50%;box-shadow:0 0 0 13px #d0b27609,0 0 0 27px #d0b27606;left:6%;top:7%}
[data-theme="future-city"] .city-orbits i:before{content:'';position:absolute;inset:10px;border-radius:50%;border:1px dashed #cbb48021}
[data-theme="future-city"] .city-orbits i:nth-child(2){left:auto;right:0;top:18%;width:clamp(180px,25vw,360px)}
[data-theme="future-city"] .city-orbits i:nth-child(3){left:0;top:55%;width:clamp(180px,23vw,340px)}
[data-theme="future-city"] .city-orbits i:nth-child(4){left:auto;right:8%;top:60%}
[data-theme="future-city"] .city-grid{position:absolute;inset:62% -50% -45%;background:linear-gradient(#d0b27617 1px,transparent 1px),linear-gradient(90deg,#819cc51c 1px,transparent 1px);background-size:70px 70px;transform:perspective(450px) rotateX(55deg);mask-image:linear-gradient(transparent,#0008 40%,transparent)}
[data-theme="future-city"] .reading p{color:#d9dce4}
[data-theme="future-city"] .reading p:first-child{color:#ede3c9}
[data-theme="future-city"] main{padding-bottom:0}
[data-theme="future-city"] .celestial-content>.footer{margin-top:calc(var(--dock-height,180px) + 24px);background:transparent;border-color:#cbb48020}
[data-theme="future-city"] .player.mobile-dock{border-color:#d4bd8540;background:linear-gradient(130deg,#35394ae8,#141b2cf5);box-shadow:inset 0 1px 0 #e3d4ae19,0 16px 44px #0005}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){[data-theme="future-city"] .player.mobile-dock{background:linear-gradient(130deg,#8f8c7529,#172033b3);backdrop-filter:blur(26px) saturate(125%);-webkit-backdrop-filter:blur(26px) saturate(125%)}}
[data-theme="future-city"] .player #play{background:linear-gradient(145deg,#f0e3bf,#baa06b);color:#172033}
[data-theme="future-city"] .back-to-top{background:#1c2434cf;border-color:#cbb48040;color:#d7c193}
@media(max-width:600px){[data-theme="future-city"] .art-frame{outline-offset:5px}[data-theme="future-city"] .city-orbits{left:-15%;opacity:.7}}
@media(prefers-reduced-transparency:reduce){[data-theme="future-city"] .player.mobile-dock{background:#1b2332;backdrop-filter:none;-webkit-backdrop-filter:none}}