.tunnel-canvas {position:absolute;left:50%;bottom:3%;width:100%;width:min(100%,174cqh);aspect-ratio:20/11;transform:translateX(-50%);}
.tunnel-landscape {position:absolute;inset:0;width:100%;height:100%;}
.tunnel-warm-interior {opacity:.08;}
.tunnel-lamp-halo {opacity:.05;}
[data-tunnel-lit='true'] .tunnel-warm-interior {opacity:.5;}
[data-tunnel-lit='true'] .tunnel-lamp-halo {opacity:.3;}
[data-tunnel-lit='true'] .tunnel-vehicle .train-windows {fill:#ffe1a0;}
.tunnel-stop-cue,.tunnel-help-cue {opacity:0;}
[data-tunnel-response='stop'] .tunnel-stop-cue,[data-tunnel-response='help'] .tunnel-help-cue {opacity:1;}
.tunnel-state {position:absolute;left:50%;bottom:2%;transform:translateX(-50%);max-width:96%;white-space:nowrap;color:#365d56;background:#fff6dded;border:1px solid #91a48a;border-radius:20px;padding:4px 11px;font-size:clamp(.68rem,2vw,.9rem);font-weight:650;}
.tunnel-card-art {width:100%;height:100%;}
.tunnel-exemplar .remix-strip .tunnel-card-art {width:50px;height:50px;}
@media (min-width:540px) and (max-width:760px) and (max-height:500px){.tunnel-canvas {max-width:302px;}.tunnel-state {font-size:.68rem;padding:3px 7px;}}

/* The transparent button follows the existing train, without replacing its art. */
.tunnel-tap-target {position:absolute;left:13.625%;top:69%;width:23%;min-width:64px;height:38%;min-height:64px;transform:translate(-50%,-50%);padding:0;border:2px solid #397e71;border-radius:18px;background:#fff8de18;box-shadow:0 0 0 4px #fff6dc80;cursor:pointer;}
.tunnel-tap-cue {position:absolute;left:50%;bottom:calc(100% + 5px);transform:translateX(-50%);padding:4px 8px;border-radius:14px;background:#fff6dd;color:#285f55;white-space:nowrap;font-size:clamp(.68rem,2.5vw,.9rem);font-weight:750;}
.tunnel-tap-target:focus-visible {outline:3px solid #244e48;outline-offset:5px;}
.tunnel-tap-target[aria-disabled='true'] {border-color:transparent;box-shadow:none;background:transparent;cursor:default;}
.tunnel-tap-target[aria-disabled='true'] .tunnel-tap-cue,.tunnel-tap-target:disabled {visibility:hidden;}