/* Small controls keep one stable baseline. */
.detach-carriage{display:grid!important;place-items:center!important;padding:0!important;line-height:1!important}.detach-carriage svg{display:block;margin:0!important;width:11px;height:11px;flex:none;transform:none!important}
.lobby-journey-label{top:auto!important;bottom:22%!important;left:50%!important;transform:translate(-50%,50%)!important;z-index:8;background:#f8f8eced;border:1px solid #8ea994;box-shadow:0 2px 8px #183e3320;min-height:32px}
.ride-modes button{line-height:1;min-height:44px}.ride-modes button strong,.ride-modes button span{margin:0;line-height:1.25;text-align:center;display:block}.ride-modes svg{flex:none}
.departure-train{grid-template-columns:minmax(145px,1fr) minmax(220px,2fr) minmax(135px,1fr)}
.departure-preview{display:flex;align-items:center;min-width:0;gap:4px}.departure-scroll{min-width:0;flex:1;overflow-x:auto;scrollbar-width:none;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);touch-action:pan-x}.departure-scroll::-webkit-scrollbar{display:none}.departure-scroll .consist-art{display:block;width:100%;height:auto}.preview-arrow{display:grid;place-items:center;width:24px;height:32px;flex:none;border:0;background:transparent;color:var(--primary)}.preview-arrow:first-child svg{transform:rotate(180deg)}
.route-suggestion{display:flex;justify-content:flex-end;margin:6px 0 13px}.route-suggestion button{font-size:11px;gap:6px}.manual-remember{display:flex;align-items:center;gap:9px;margin:18px 0;font-size:12px}.manual-remember input{width:auto;margin:0}
/* The meadow retains its original painted scale; leave air around the consist. */
.travelling-consist{left:8%;width:84%}.travel-scene{mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent)}
.station-scene{aspect-ratio:6;bottom:23%;width:72%;left:14%}.station-scene>img{bottom:0;left:0;width:100%;height:auto}.station-sign{left:70%;bottom:45%;font-size:clamp(6px,.8vw,10px)}
.cab-dashboard{grid-template-columns:36px minmax(330px,440px) minmax(190px,260px);gap:16px;align-items:center}
.cab-dashboard .ride-tools{position:static;display:flex;flex-direction:column;gap:5px}.ride-tool{width:32px;height:32px}.ride-tool svg{width:17px;height:17px}
.travel-readouts{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}.travel-readouts>div:first-child{grid-column:1/-1}.travel-readouts strong{font-size:17px;white-space:nowrap}.travel-readouts small{font-size:9px}.travel-readouts>div:first-child strong{font-size:21px;white-space:normal}
.driving-controls{grid-template-rows:105px 32px;min-height:158px}.driving-controls p{font-size:10px;line-height:1.4;min-height:28px;margin-top:3px}.cab-speed{gap:12px}.cab-warning{position:absolute;right:8px;top:7px;display:flex;align-items:center;gap:5px;font-size:10px;color:#8c5c28;z-index:2;pointer-events:none}.cab-warning[hidden]{display:none}.cab-warning b{border:2px solid #ad7444;border-radius:50%;display:grid;place-items:center;width:27px;height:27px;background:#fffaf0;font-size:13px}.cab-warning span{font-size:9px;max-width:67px;line-height:1.15}.lever-target{left:0;right:0;top:-2px;display:flex;justify-content:center;gap:4px;align-items:baseline}.lever-target output{font-size:11px}.lever-target small{font-size:9px}.cab-lever{height:105px;width:148px}.lever-arm{transition:transform .5s ease-in-out}.cab-lever.dragging .lever-arm{transition:none}.cab-lever .lever-base-image,.cab-lever .lever-arm-image{pointer-events:none}
.drive-takeover{font-size:8px}.stop-bonus{color:#477b5b}
/* A real book silhouette, no rectangular brown backplate. */
.illustrated-book{background:transparent!important;box-shadow:none!important;width:min(900px,calc(100vw - 20px));max-height:95dvh;overflow:auto;scrollbar-width:none;padding:0!important}
.illustrated-book .modal-heading{position:sticky;top:0;z-index:10;padding:0 10px 4px;justify-content:flex-end}.illustrated-book .modal-heading h2{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.illustrated-book .modal-body{padding:0!important;overflow:visible;background:transparent}
.closed-book{position:relative;display:block;width:min(370px,65vw);height:min(600px,78dvh);margin:0 auto 20px;border:0;padding:0;background:transparent;filter:drop-shadow(12px 16px 22px #10251f60);animation:book-arrive .65s ease-out both,book-invite 5s 1s ease-in-out infinite;transform-origin:15% 50%;cursor:pointer}
.closed-book img{display:block;width:100%;height:100%;object-fit:contain}.closed-book>span{position:absolute;left:14%;right:12%;top:38%;font:500 30px var(--serif);color:#e7ce95;text-shadow:0 1px 2px #271306}.closed-book>small{position:absolute;left:18%;right:14%;top:51%;font-size:11px;color:#d5bb89;letter-spacing:1px}.closed-book:focus-visible{outline:2px solid #ecd7a0;outline-offset:5px;border-radius:16px}
@keyframes book-arrive{from{opacity:0;transform:translate(-30vw,12vh) rotate(-18deg) scale(.35)}to{opacity:1;transform:translate(0) rotate(0) scale(1)}}
@keyframes book-invite{0%,75%,100%{rotate:0deg}80%{rotate:-1.5deg}88%{rotate:1.5deg}94%{rotate:-.6deg}}
.journal-spread{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:30px;min-height:0;aspect-ratio:1.5;padding:9% 8% 8%;background:url('assets/travel-book-open-v2.webp') center/100% 100% no-repeat;border-radius:0;perspective:1200px}
.journal-leaf{position:relative;min-height:0;padding:0 8px 18px;min-width:0;backface-visibility:hidden}.journal-leaf h3{font-size:23px;margin:0 0 15px}.journal-leaf .page-number{bottom:0;left:0;right:0;font-size:9px}.journal-leaf .book-title-page{padding-top:12px}.book-title-page h3{font-size:29px}.illustrated-book .book-totals{margin:20px 0;gap:12px}.book-since{font-size:9px!important}.journal-leaf .station-stamps{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;padding:5px 3px}.journal-leaf .station-stamp{width:100%;min-width:0;min-height:0;aspect-ratio:1.12;border-radius:50%;padding:10px 6px;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(var(--stamp-turn)) scale(var(--stamp-scale));margin:0;box-sizing:border-box}.station-stamp h4{font-size:12px!important;line-height:1.2;margin:5px 0;overflow-wrap:anywhere}.station-stamp time{font-size:8px!important}.station-stamp small{font-size:8px!important}.station-stamp svg{width:14px;height:14px}.book-route-list{font-size:12px}.book-route-list li{padding:10px 0}.book-demo{display:block;text-align:center;font-size:9px;color:#976544}
.journal-tabs{position:absolute;inset:0;pointer-events:none}.book-tab{position:absolute;top:48%;pointer-events:auto;background:#dbc8a4;color:#6c5838;border:1px solid #b7a27d;width:28px;height:46px;display:grid;place-items:center;box-shadow:0 2px 3px #432e1b22}.book-tab.previous{left:2%;border-radius:7px 0 0 7px}.book-tab.previous svg{transform:rotate(180deg)}.book-tab.next{right:2%;border-radius:0 7px 7px 0}.book-tab:disabled{opacity:.3;cursor:default}
@media(max-width:1000px){.cab-dashboard{grid-template-columns:32px minmax(300px,400px) minmax(150px,200px);gap:10px}.departure-train{grid-template-columns:1fr 2fr}.departure-train>label{grid-column:1/-1}.journal-leaf h3{font-size:20px}}
@media(max-width:650px){.departure-train{display:flex;flex-wrap:wrap;gap:10px}.departure-train>div:first-child{width:100%}.departure-preview{width:100%}.departure-train>label{width:100%}.cab-dashboard{display:grid;grid-template-columns:29px minmax(0,1fr);gap:8px}.cab-dashboard .ride-tools{grid-column:1;grid-row:1}.driving-controls{grid-column:2;min-width:0;grid-template-columns:minmax(100px,1fr) 120px;padding:7px}.cab-instruments{min-width:0}.cab-speed{padding-left:0;gap:6px}.drive-modes button{padding:5px 6px;font-size:10px}.drive-current strong{font-size:25px}.speed-limit b{min-width:33px;height:33px;font-size:15px}.cab-lever{width:126px;height:90px}.lever-target{top:4px}.cab-warning{right:4px;top:10px}.travel-readouts{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:5px}.travel-readouts>div:first-child{grid-column:1/-1;display:flex;align-items:baseline;gap:9px}.travel-readouts>div:first-child strong{font-size:15px}.travel-readouts strong{font-size:14px}.travel-readouts small{font-size:8px}.ride-tool{width:29px;height:29px}.journey-follow .travel-scene{height:195px}.announcement-space{height:35px;min-height:35px}.journal-spread{display:grid;grid-template-columns:1fr;aspect-ratio:auto;gap:12px;min-height:660px;padding:55px 48px 45px;background-size:200% 100%;background-position:4% center}.journal-leaf{padding:0 5px 22px;min-height:260px}.journal-leaf+.journal-leaf{margin:0;border:0;padding-top:8px}.journal-leaf h3{font-size:21px}.journal-leaf .station-stamps{gap:6px}.illustrated-book .book-totals{margin:12px 0}.book-title-page h3{font-size:25px}.book-tab.previous{left:4%}.book-tab.next{right:4%}.book-route-list li{padding:7px 0}}
@media(prefers-reduced-motion:reduce){.closed-book{animation:none}.lever-arm{transition:none}}
.reduce-motion .closed-book{animation:none}.reduce-motion .lever-arm{transition:none}

.station-scene{aspect-ratio:18.8;bottom:24%}.station-scene>svg{display:block;width:100%;height:100%;overflow:visible}.station-sign{bottom:100%;left:48%;font-size:10px}.drive-warning{position:static;grid-column:1/-1;font-size:11px;padding:4px 8px;background:#f5e6b8;border-radius:8px}.driving-controls{min-height:180px}.carriage-art.aligned-art{overflow:visible}.departure-preview .preview-arrow:first-child svg{transform:rotate(180deg)}

.closed-book>span{top:29%}.closed-book>small{top:56%}

.station-scene{aspect-ratio:80;bottom:23%}.station-sign{left:60%;right:auto;bottom:calc(100% + 12px);max-width:160px;width:max-content;padding:2px 6px;transform:translateX(-50%);font-size:9px}.station-sign:after{height:14px}.drive-warning[hidden]{display:none}