/* V1 close station hold, hanging globe and departure tunnel lighting. */

/* Station hold queues immediately behind the load vehicle. */
.hold-slot{left:calc(14% + 182px)}

/* Suspended centrepiece with a slow sway and independently twinkling LEDs. */
.future-core{left:50%;top:0;width:150px;height:96px;transform:translateX(-50%);transform-origin:50% 0;animation:globeSway 7s ease-in-out infinite}
.future-core:before{content:"";position:absolute;left:73px;top:-2px;width:4px;height:31px;border-radius:2px;background:linear-gradient(90deg,#536a72,#d7e7e9 48%,#4b626a);box-shadow:0 0 5px #5fbecd66}
.future-core:after{content:"";position:absolute;left:63px;top:24px;width:24px;height:8px;border:2px solid #526d76;border-radius:7px;background:linear-gradient(#dce9eb,#728c95);box-shadow:0 2px 4px #36515a55}
.future-core .station-globe{position:absolute;left:48px;top:28px;width:54px;height:54px;margin:0;border:2px solid #d8eff2;border-radius:50%;background:radial-gradient(circle at 35% 27%,#fff 0 7%,#a7e4ec 9% 22%,#3d9caf 24% 56%,#1c5967 58% 100%);box-shadow:inset -8px -8px 12px #173f4a66,0 0 18px #44bfd2;animation:globeTurn 12s linear infinite}
.future-core .station-globe:before{content:"";position:absolute;left:5px;top:17px;width:39px;height:15px;border:3px solid #b7edf2;border-left-color:transparent;border-right-color:transparent;border-radius:50%;transform:rotate(-16deg);opacity:.65}
.globe-leds{position:absolute;left:37px;top:17px;width:76px;height:76px;border:1px solid #78cbd666;border-radius:50%;transform:rotate(-12deg);box-shadow:0 0 8px #55d7e455}
.globe-leds b{position:absolute;left:34px;top:34px;width:7px;height:7px;border:1px solid #e9ffff;border-radius:50%;background:#69e5f2;box-shadow:0 0 7px #65e8f5;animation:globeTwinkle 4.6s ease-in-out infinite}
.globe-leds b:nth-child(1){transform:rotate(0deg) translateY(-37px);animation-delay:0s}.globe-leds b:nth-child(2){transform:rotate(45deg) translateY(-37px);animation-delay:.8s}.globe-leds b:nth-child(3){transform:rotate(90deg) translateY(-37px);animation-delay:1.6s}.globe-leds b:nth-child(4){transform:rotate(135deg) translateY(-37px);animation-delay:2.4s}.globe-leds b:nth-child(5){transform:rotate(180deg) translateY(-37px);animation-delay:3.2s}.globe-leds b:nth-child(6){transform:rotate(225deg) translateY(-37px);animation-delay:4s}.globe-leds b:nth-child(7){transform:rotate(270deg) translateY(-37px);animation-delay:1.2s}.globe-leds b:nth-child(8){transform:rotate(315deg) translateY(-37px);animation-delay:2.8s}
@keyframes globeSway{0%,100%{transform:translateX(-50%) rotate(-1.7deg)}50%{transform:translateX(-50%) rotate(1.7deg)}}
@keyframes globeTurn{from{filter:hue-rotate(0deg)}to{filter:hue-rotate(14deg)}}
@keyframes globeTwinkle{0%,38%,100%{opacity:.25;filter:brightness(.7)}52%{opacity:1;filter:brightness(1.6)}}

/* Light rays remain at the far tunnel edge as a vehicle departs. */
.departure-light-show{position:absolute;left:-8px;top:90px;z-index:6;width:185px;height:105px;overflow:visible;opacity:0;pointer-events:none;mix-blend-mode:screen}
.departure-light-show i{position:absolute;left:0;top:48px;width:175px;height:18px;clip-path:polygon(0 38%,100% 0,100% 100%,0 62%);background:linear-gradient(90deg,#fff,#68e6f2 34%,#7879ff55 70%,transparent);transform-origin:left center;filter:blur(1px)}
.departure-light-show i:nth-child(1){transform:rotate(-20deg)}.departure-light-show i:nth-child(2){transform:rotate(0deg)}.departure-light-show i:nth-child(3){transform:rotate(20deg)}
.departure-light-show b{position:absolute;left:-15px;top:32px;width:56px;height:56px;border-radius:50%;background:#d8ffff;box-shadow:0 0 25px #8beef5,0 0 55px #6a72ff}
.departure-light-show.active{animation:tunnelShow 2.7s ease-out both}
.departure-light-show.active i{animation:rayPulse .72s ease-in-out infinite alternate}
.departure-light-show.active i:nth-child(2){animation-delay:.16s}.departure-light-show.active i:nth-child(3){animation-delay:.32s}
@keyframes tunnelShow{0%{opacity:0}18%{opacity:.95}70%{opacity:.8}100%{opacity:0}}
@keyframes rayPulse{from{filter:blur(2px) brightness(.75);opacity:.35}to{filter:blur(0) brightness(1.5);opacity:1}}

/* Engineer keyboard legend. */
.engineer-button kbd{position:absolute;right:5px;bottom:12px;padding:2px 5px;border:1px solid #7a8789;border-radius:2px;background:#202627;color:#edf4f3;font:7px Arial;z-index:2}

@media(max-width:650px){.hold-slot{left:calc(14% + 145px)}.future-core{transform:translateX(-50%) scale(.86)}.departure-light-show{width:145px}}