/* The camera always stays within the same viewport; zoom never changes page layout. */
.journey-running-layout .journey-main .travel-scene{height:240px!important;overflow:hidden}
.train-interior .interior-layer{display:block;width:100%;height:100%}
.travel-scene .platform-people{opacity:calc(1 - var(--interior-blend,0))}
/* Restore the instrument zones and permanent dashed instruction display. */
.journey-main .cab-dashboard{max-width:650px}
.journey-follow .driving-controls{max-width:560px;grid-template-columns:minmax(140px,1fr) 176px 76px;grid-template-rows:auto auto auto auto;gap:8px 12px;padding:16px}
.driving-controls .cab-instruments{gap:16px}
.driving-controls .lever-instrument{width:176px}
.driving-controls .train-service-buttons{grid-column:3;grid-row:1/5;align-self:stretch;justify-content:center;gap:0;border-left:1px solid #8e9e8159;padding-left:10px;margin-left:0}
.driving-controls .service-instrument{height:72px;width:64px;display:grid;place-items:center}
.driving-controls .service-instrument+.service-instrument{border-top:1px solid #8e9e8159;padding-top:8px;width:64px;height:80px}
.driving-controls p.train-service-status{grid-column:1/3;grid-row:2;margin:0;font-size:11px;min-height:0}
.driving-controls .drive-warning{grid-column:1/3;grid-row:3;display:flex;align-items:center;justify-content:center;min-height:40px;box-sizing:border-box;border:1px dashed #8e9e8190;border-radius:9px;background:#f5f4e780;color:#647461;margin:0;padding:9px 12px;font-size:12px;text-align:center}
.driving-controls .drive-warning.has-warning{border-style:solid;border-color:#b99b55;background:#efe7cc;color:#705a2b}
.driving-controls [data-drive-note]{grid-column:1/3;grid-row:4;margin:0;line-height:1.5}
/* Visible rarity colour, below and behind the chest rather than a full card wash. */
.chest-art::before{inset:24% 0 3%;opacity:.92;background:radial-gradient(ellipse,var(--box-glow,#9bafa5) 10%,color-mix(in srgb,var(--box-glow,#9bafa5) 65%,transparent) 40%,transparent 73%);filter:blur(5px)}
.garage-box::before,.floating-box::before,.box-opening-crate::before,.box-result-crate::before{opacity:.85;background:radial-gradient(ellipse,color-mix(in srgb,var(--box-glow,#9bafa5) 85%,transparent) 15%,transparent 73%)}
.daily-box-row .button{min-height:40px;font-variant-numeric:tabular-nums}
/* Persistent tutorial notes share the bottom-right notification dock. */
#guide-dock,#manual-guide-dock{order:2}
#manual-guide-dock:empty{display:none}
body:has(.in-journey) #notification-dock #guide-dock:not(:empty){display:block}
.tutorial-overlay{position:static;inset:auto;display:block;padding:0;background:none;pointer-events:auto;z-index:auto}
#notification-dock .tutorial-overlay .manual-tutorial,#notification-dock .tutorial-overlay .first-journey-guide{position:relative!important;width:100%;max-width:none;max-height:50dvh;padding:18px!important;border-radius:14px;box-shadow:0 6px 22px #2943401a;background:#fffefa;border-color:#b9cbb8}
.tutorial-overlay h3,.tutorial-overlay .guide-copy>strong{font-size:17px;line-height:1.35;margin:6px 0 10px}
.tutorial-overlay p{font-size:12px!important;line-height:1.65!important;margin:8px 0 14px}
.tutorial-overlay .guide-actions,.manual-tutorial>div{justify-content:flex-end;gap:8px}
.tutorial-overlay .button{min-height:34px;font-size:11px;padding:8px 12px}
.tutorial-highlight{outline:2px solid #c6a955!important;outline-offset:3px;box-shadow:none!important;border-radius:9px}
@media(max-width:650px){
 .journey-running-layout .journey-main .travel-scene{height:190px!important}
 .journey-follow .driving-controls{grid-template-columns:minmax(0,1fr) 125px;gap:8px;padding:12px}
 .driving-controls .lever-instrument{width:125px}
 .driving-controls .train-service-buttons{grid-column:1/-1;grid-row:2;flex-direction:row;border-left:0;border-top:1px solid #8e9e8159;border-bottom:1px solid #8e9e8159;padding:4px 0;justify-content:center}
 .driving-controls .service-instrument{width:50%;height:54px}
 .driving-controls .service-instrument+.service-instrument{border-top:0;border-left:1px solid #8e9e8159;padding:0;width:50%;height:54px}
 .driving-controls p.train-service-status{grid-column:1/-1;grid-row:3}
 .driving-controls .drive-warning{grid-column:1/-1;grid-row:4;min-height:38px;font-size:11px}
 .driving-controls [data-drive-note]{grid-column:1/-1;grid-row:5}
 #notification-dock:has(.tutorial-overlay){max-height:55dvh}
}

.journey-main .travel-readouts strong{white-space:normal;overflow-wrap:anywhere}.journey-main .travel-readouts .arrival-time{flex-wrap:wrap;gap:4px}.journey-main .travel-readouts [data-score-host] strong{font-size:18px}