/* Room for connected districts, with the same quiet interface across different worlds. */
.cinema-active #realm-panel{top:25%;width:290px}
.cinema-active .realm-heading h2{font-size:44px}
.cinema-active #realm-landscape{max-width:255px;color:#e1d7bd;font-size:10px;line-height:1.8;margin-top:22px;padding-left:11px;border-left:1px solid #d6c7a266}
.cinema-active .region-list-label{margin-top:27px}
.cinema-active[data-realm=home] .hero-shade{background:linear-gradient(90deg,#20302fe8,#20302f80 26%,transparent 55%),linear-gradient(0deg,#182b32e8,transparent 24%)}
.cinema-active[data-realm=defense] .hero-shade{background:linear-gradient(90deg,#28282de8,#28282d70 27%,transparent 55%),linear-gradient(0deg,#27292de8,transparent 24%)}
.cinema-active[data-realm=arcade] .hero-shade{background:linear-gradient(90deg,#253841ed,#25384180 27%,transparent 55%),linear-gradient(0deg,#253841e8,transparent 24%)}
.cinema-active[data-realm=frontier] .hero-shade{background:linear-gradient(90deg,#302a32ed,#302a3270 27%,transparent 55%),linear-gradient(0deg,#28252fe8,transparent 24%)}
.cinema-active .region-marker{opacity:.92}.cinema-active .region-marker span{background:#162a36b5;color:#eee6d8}
#world-route{display:flex;align-items:center;gap:11px;margin-top:20px;padding:10px 0;width:260px;border:0;background:transparent;color:#e0d3b6;text-align:left;cursor:pointer}#world-route small{font-size:8px;color:#b7c5c5}#world-route span{font-size:10px}#world-route b{font-weight:400;margin-left:auto;transition:transform .25s}#world-route:hover b{transform:translateX(5px)}#world-route:focus-visible{outline:1px solid #d4c09a;outline-offset:4px}
.hero .scene-fallback{content:url('landscape-poster-v16.jpg')}
@media(max-width:760px){.cinema-active #realm-panel{top:163px;width:auto}.cinema-active .realm-heading h2{font-size:32px}.cinema-active #realm-landscape{margin-top:10px;font-size:9px;max-width:320px}.cinema-active .region-list-label{margin-top:16px}#world-route{margin-top:8px;width:100%;min-height:42px}.cinema-active[data-realm] .hero-shade{background:linear-gradient(180deg,#172b3be8,#172b3b90 28%,transparent 48%,transparent 76%,#132330f0 94%)}.hero .scene-fallback{content:url('landscape-mobile-poster-v16.jpg')}}

@media(max-width:760px){.cinema-active .region-list span{font-size:10px}.cinema-active .region-list{gap:9px}.cinema-active .region-list button{gap:5px}}