/* Movie Day (2026-09-29). The "Today" route card: small, on the left under the spoken line,
   level with the music title band on the right. Steady colours; dot changes fade over 600 ms. */
#movie-route{position:fixed;z-index:149;left:max(8px,env(safe-area-inset-left));top:130px;width:88px;box-sizing:border-box;padding:6px 7px 7px;border-radius:10px;background:#f7f4ebed;color:#28483f;box-shadow:0 0 0 1px rgba(40,72,63,.36),0 2px 10px rgba(22,52,70,.24);font:600 11px/14px 'Trebuchet MS',sans-serif;opacity:0;pointer-events:none}
#movie-route .mr-head{display:flex;justify-content:space-between;align-items:baseline;gap:4px}
#movie-route .mr-head b{font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:#436e5a}
#movie-route .mr-count{color:#66776e;font-size:10.5px;white-space:nowrap}
#movie-route .mr-dots{list-style:none;margin:6px 0 5px;padding:0;display:flex;justify-content:space-between;align-items:center;position:relative}
#movie-route .mr-dots::before{content:'';position:absolute;left:5px;right:5px;top:50%;height:2px;margin-top:-1px;background:#cdd8cb}
#movie-route li{position:relative;width:12px;height:12px;border-radius:50%;box-sizing:border-box;border:2px solid #b4c3b5;background:#f7f4eb;transition:background-color .6s ease,border-color .6s ease,box-shadow .6s ease}
#movie-route li[data-state=done]{background:#648b70;border-color:#648b70}
#movie-route li[data-state=now]{border-color:#436e5a;box-shadow:0 0 0 2px #f7f4eb,0 0 0 3.5px #8fb09a}
#movie-route .mr-now{font-size:13px;line-height:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-world=shop]>#movie-route,body[data-world=panda]>#movie-route{visibility:visible!important}

/* The theater: only the HUD, the spoken line, the route and the action bar stay over it;
   while the lights are down the HUD fades away (its own 600 ms transition). */
body[data-world=cinema]>:not(#scene):not(#world-cover):not(#world-action){visibility:hidden}
body[data-world=cinema]>#everyday-hud,body[data-world=cinema]>#caption,body[data-world=cinema]>#track-toast,body[data-world=cinema]>#movie-route{visibility:visible!important}
body[data-world=cinema] #everyday-hud,body[data-world=cinema] #everyday-hud *{visibility:visible!important}
body[data-cinema-show=true] #everyday-hud{opacity:0!important;pointer-events:none!important}
body[data-cinema-show=true] #track-toast{opacity:0!important;transition:opacity .6s ease}

/* Start a new day: the start screen's own colours fade in (1.2 s) before the page starts over. */
#new-day-cover{position:fixed;inset:0;z-index:3000;background:linear-gradient(180deg,var(--sky-top),var(--sky-bot));opacity:0;pointer-events:none;transition:opacity 1.2s ease-in-out}
#new-day-cover.on{opacity:1;pointer-events:auto}