/* V1 visible load-exit hold, fixed status sizing and future-fleet refinements. */

/* Stable status dimensions prevent operational messages from moving the scene. */
.top-status{height:68px;min-height:68px}
.top-status>div{min-width:0;overflow:hidden}
.top-status b{height:18px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* The visible hold sits immediately beyond load in the direction of travel. */
.load-exit-slot{left:.5%;z-index:7}

/* Blue-grey spacecraft finish; the sliding doors share the body colour. */
.vehicle{border-color:#d8e5e7;background:linear-gradient(#324a57 0 15%,#668998 16% 64%,#2b414d 65%);box-shadow:0 10px 13px #20333d66,0 0 10px #73d3e455}
.vehicle:after{color:#31596a;background:#eef9fa}
.car-door:before,.car-door:after{border-color:#405d68;background:linear-gradient(180deg,#8eacb7 0 18%,#577b89 20% 78%,#789aa6 80%);box-shadow:inset 0 0 0 1px #b5d1d7,0 0 5px #69d7e766}

/* Attendants finish walking before making a clear button movement. */
.staff.press{transform:none}
.load-staff.press{transform:translateX(-9px)}
.unload-staff.press{transform:translateX(9px)}

/* Small themed PA speaker beside the load attendant booth. */
.station-speaker{position:absolute;left:11.2%;top:56px;z-index:15;width:29px;height:31px;border:2px solid #31464e;border-radius:5px;background:linear-gradient(145deg,#7e9ba4,#405c66);box-shadow:inset 0 0 0 2px #adc5ca,0 2px 5px #26383c66;pointer-events:none}
.station-speaker i{position:absolute;left:5px;top:6px;width:15px;height:15px;border:3px solid #22383f;border-radius:50%;background:radial-gradient(circle,#9cecf6 0 18%,#304b55 22% 55%,#172a30 58%);box-shadow:0 0 5px #74dce8}
.station-speaker b{position:absolute;left:20px;top:8px;width:10px;height:12px;border:2px solid transparent;border-right-color:#62ddec;border-radius:50%;opacity:0}
.station-speaker b:nth-of-type(2){left:22px;top:5px;width:15px;height:18px}
.station-speaker b:nth-of-type(3){left:24px;top:2px;width:20px;height:24px}
.station-speaker.speaking i{animation:speakerCone .52s ease-in-out infinite alternate}
.station-speaker.speaking b{animation:soundWave 1.15s ease-out infinite}
.station-speaker.speaking b:nth-of-type(2){animation-delay:.2s}
.station-speaker.speaking b:nth-of-type(3){animation-delay:.4s}
@keyframes speakerCone{from{filter:brightness(.85);transform:scale(.94)}to{filter:brightness(1.35);transform:scale(1.06)}}
@keyframes soundWave{0%{opacity:0;transform:scale(.65)}35%{opacity:1}100%{opacity:0;transform:scale(1.25)}}

@media(max-width:1100px){.top-status{height:116px;min-height:116px;grid-auto-rows:58px}.station-speaker{left:12%}}
@media(max-width:650px){.top-status{height:224px;min-height:224px;grid-auto-rows:56px}.load-exit-slot{left:-4%}.station-speaker{display:none}}