.city-marquee{padding:0;background:#02030a;gap:0;justify-content:flex-start}.city-marquee>h1{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0}.city-marquee>.marquee-small,.city-marquee>.marquee-services,.city-marquee>.enter-city{display:none}.reel-wall{width:100%;height:100%;max-width:none;position:relative}.reel-wall .featured-viewport{width:100%;height:100%;aspect-ratio:auto}.reel-wall .featured-surface{position:absolute;inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%}.reel-wall .featured-surface .wall-player{width:100%;height:100%}.reel-wall .featured-film{position:absolute;top:calc(100% + 10px);left:0;right:0;margin:0;padding:6px 8px;background:#02030be8;font-size:10px;line-height:1.4;color:white;text-shadow:0 2px 4px #000}.city-stage{transform:translateX(-50%) translateY(var(--city-scroll-y,0px)) scale(var(--city-scroll-scale,1));transform-origin:50% 35%;will-change:transform}.city-atmosphere{position:absolute;inset:0;pointer-events:none;overflow:hidden}.city-glow{position:absolute;width:14px;height:5px;border-radius:50%;background:#84b7ff;box-shadow:0 0 22px 7px #047dffa6;animation:cityGlow 7s ease-in-out infinite;animation-delay:var(--delay);opacity:.25}.glow-1{background:#ff2746;box-shadow:0 0 22px 7px #fb1638a6}.glow-2{background:#ffbb66;box-shadow:0 0 18px 5px #ff992a88}.city-trail{position:absolute;width:9%;height:3px;filter:blur(2px);left:18%;top:82%;opacity:0;transform:rotate(-8deg);background:linear-gradient(90deg,transparent,#ff2743);box-shadow:0 0 10px #ff1532;animation:cityTraffic 13s linear infinite}.trail-blue{left:62%;top:88%;background:linear-gradient(90deg,transparent,#a8d9ff);box-shadow:0 0 12px #489bff;animation-delay:-7s;animation-direction:reverse}.city-reflection{position:absolute;left:18%;right:15%;top:83%;height:10%;background:linear-gradient(115deg,transparent 20%,#f6305525 35%,transparent 48%,#368eff22 65%,transparent 78%);filter:blur(11px);animation:cityReflect 12s ease-in-out infinite}.city-paused .city-atmosphere *{animation-play-state:paused}.city-paused .city-stage{will-change:auto}@keyframes cityGlow{0%,100%{opacity:.18;transform:scale(.8)}50%{opacity:.62;transform:scale(1.3)}}@keyframes cityTraffic{0%,15%{opacity:0;transform:translate(0,0) rotate(-8deg)}25%{opacity:.6}70%{opacity:.35;transform:translate(260px,55px) rotate(-8deg)}85%,100%{opacity:0;transform:translate(350px,95px) rotate(-8deg)}}@keyframes cityReflect{0%,100%{opacity:.25;transform:translateX(-4%)}50%{opacity:.6;transform:translateX(5%)}}
@media(max-width:1000px){.city-stage{transform:none;will-change:auto}.city-marquee{padding:0;min-height:0;border:1px solid #ff394a66;margin-bottom:40px;overflow:visible}.reel-wall .featured-viewport{height:auto;aspect-ratio:9/16}.reel-wall .featured-film{font-size:12px;top:100%}.city-atmosphere{height:650px}.city-glow{width:8px;height:3px}.city-trail,.city-reflection{display:none}}
@media(prefers-reduced-motion:reduce){.city-atmosphere{display:none}.city-stage{transform:translateX(-50%);will-change:auto}}
@media(max-width:1000px) and (prefers-reduced-motion:reduce){.city-stage{transform:none}}
.screen-surface{overflow:hidden}.reel-wall .featured-surface .wall-player{position:absolute;left:-16%;top:-16%;width:132%!important;height:132%!important}