/* V1 fixed block mimic, vehicle headlights and emergency-lighting refinements. */

/* Live block cards retain one size regardless of their current message. */
.block{
  height:74px;
  min-height:74px;
  max-height:74px;
  overflow:hidden;
}
.block strong{
  min-height:17px;
  max-height:17px;
  overflow:hidden;
}
.block>span{min-height:13px}
.block small{
  min-height:19px;
  max-height:19px;
  overflow:hidden;
  line-height:1.1;
}
.block-load-state{
  display:block;
  margin-top:1px;
  color:#f4fbfb;
  font-size:8px;
  line-height:1;
  letter-spacing:.1em;
}
.block-load-state.loaded{color:#82efa5;text-shadow:0 0 5px #63e18c66}
.block-load-state.empty{color:#cad7d9}

/* Two compact lamps share a broad forward-facing beam while a car is on-course. */
.vehicle{isolation:isolate}
.car-headlight{
  position:absolute;
  left:-4px;
  z-index:13;
  width:8px;
  height:8px;
  border:2px solid #33484f;
  border-radius:50%;
  background:#5b6d72;
  opacity:.35;
  pointer-events:none;
}
.headlight-front{top:16px}
.headlight-rear{top:49px}
.headlight-cone{
  position:absolute;
  left:-126px;
  top:10px;
  z-index:-1;
  width:130px;
  height:58px;
  clip-path:polygon(0 0,100% 42%,100% 58%,0 100%);
  background:linear-gradient(90deg,transparent 0,#bcecff20 34%,#dffbff80 100%);
  filter:blur(1.4px);
  opacity:0;
  pointer-events:none;
  transition:opacity .5s ease;
}
.vehicle.lights-on .car-headlight{
  border-color:#a5dce7;
  background:#efffff;
  opacity:1;
  box-shadow:0 0 5px #eaffff,0 0 11px #7be5ff;
}
.vehicle.lights-on .headlight-cone{opacity:1}

/* Emergency fittings keep the station dimly readable without restoring normal lighting. */
.emergency-station-lighting{
  background:linear-gradient(180deg,#02080b7d,#02070a9e),radial-gradient(ellipse at 50% 44%,#568c952b,transparent 70%)!important;
}
.emergency-station-lighting i{
  overflow:visible;
  background:#b14a50!important;
  box-shadow:0 0 11px #e25961aa!important;
}
.emergency-station-lighting i:after{
  content:"";
  position:absolute;
  left:50%;
  top:3px;
  width:150px;
  height:205px;
  transform:translateX(-50%);
  clip-path:polygon(46% 0,54% 0,100% 100%,0 100%);
  background:linear-gradient(180deg,#9ed9e73d,#5b9fac16 72%,transparent);
  filter:blur(2px);
  mix-blend-mode:screen;
}
body.power-failure .future-scene,
body.power-failure .staff-platform,
body.power-failure .platform,
body.power-failure .vehicle-slot,
body.power-failure .rail,
body.power-failure .air-gates,
body.power-failure .station-speaker,
body.power-failure .staff,
body.power-failure .platform-helper{
  filter:brightness(.31) saturate(.42)!important;
}
body.power-failure .announcement-subtitle,
body.power-failure .announcement-subtitle.show{
  z-index:180!important;
  filter:none!important;
  color:#fff!important;
  background:#071114f5!important;
  box-shadow:0 0 0 2px #7ddbea,0 5px 20px #000!important;
}
body.power-failure .announcement-subtitle.show{visibility:visible!important;opacity:1!important}

/* Automation is configured in the Operations Menu rather than on live consoles. */
.automatic-functions .menu-switch-row{padding:9px 8px}
.automatic-functions .menu-switch-row>div{min-width:0}
.automatic-functions .toggle,
.automatic-functions .auto-toggle-button{flex:0 0 auto}
.automatic-functions kbd{
  padding:2px 4px;
  border:1px solid #8a999c;
  background:#303a3c;
  color:#f4f8f7;
  font-size:7px;
  white-space:nowrap;
}

@media(max-width:650px){
  .block{height:76px;min-height:76px;max-height:76px}
  .headlight-cone{left:-105px;width:109px}
}

@media(prefers-reduced-motion:reduce){.headlight-cone{transition:none}}