.station-canvas {position:absolute;left:0;right:0;bottom:3%;margin-inline:auto;width:100%;width:min(100%,174cqh);aspect-ratio:20/11;}
.station-landscape {position:absolute;inset:0;width:100%;height:100%;}
.station-destination {opacity:1;}
[data-station-destination='0'] .station-platform.left .station-marker-backplate,[data-station-destination='1'] .station-platform.right .station-marker-backplate {stroke:#315e59;stroke-width:7;}
.station-stop-cue {opacity:0;}
[data-station-response='stop'] .station-stop-cue {opacity:1;}
[data-station-response='turn'] .station-vehicle .train-windows {fill:#ffe19a;}
.station-state {position:absolute;left:50%;bottom:2%;transform:translateX(-50%);max-width:98%;white-space:nowrap;color:#365d56;background:#fff6dded;border:1px solid #91a48a;border-radius:20px;padding:4px 10px;font-size:clamp(.66rem,2vw,.88rem);font-weight:650;}
.station-cab {position:absolute;bottom:19%;width:88px;height:88px;padding:0;border:0;border-radius:14px;background:transparent;box-shadow:none;display:flex;align-items:flex-start;justify-content:center;}
.station-cab span {display:block;color:#365d56;background:#fff6e0;border:1px solid #99b5a3;border-radius:14px;padding:3px 8px;font-size:.7rem;font-weight:700;}
.station-cab:focus-visible {outline:3px solid #377f7b;outline-offset:2px;}
.station-cab:disabled {visibility:hidden;}
.station-card-art {width:100%;height:100%;}
.station-exemplar .remix-strip .station-card-art {width:50px;height:50px;}
@media (min-width:540px) and (max-width:760px) and (max-height:500px){.station-canvas {max-width:302px;}.station-state {font-size:.66rem;padding:3px 7px;}}