.clock-panel{position:absolute;z-index:4;top:14px;left:14px;width:248px;border:1px solid #dde6cd;border-radius:15px;background:#fffffff5;padding:12px;box-shadow:0 5px 22px #3c60360c;color:#425b39;pointer-events:auto}
.clock-heading{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:750;letter-spacing:.4px;color:#7d8b69}.clock-heading button{display:none;background:#edf3df;border-radius:6px;padding:4px;color:#506e3e;font-size:10px}.clock-face{display:flex;align-items:center;gap:14px;margin:6px 0 10px}.clock-face>strong{font-size:32px;letter-spacing:-1.4px;line-height:1.1;font-variant-numeric:tabular-nums;color:#355b3d}.clock-face>span{font-size:10px;line-height:1.5}.clock-face small{display:block;color:#869174;font-size:10px}.clock-line{padding:6px 0;border-top:1px solid #e9eedf}.clock-line>div{display:flex;align-items:center;gap:6px;font-size:11px;line-height:1.5}.clock-line i{width:6px;height:6px;border-radius:50%;background:var(--line-color);flex:none}.clock-line strong{min-width:40px}.clock-line .clock-plan{font-size:10px;font-variant-numeric:tabular-nums}.clock-line small{display:block;padding-left:12px;color:#6e7e60;font-size:9px;line-height:1.5;margin-top:2px}.clock-line.is-arrived strong:after{content:' ✓';color:#429463}.clock-disclaimer{font-size:9px;line-height:1.5;border-top:1px solid #e9eedf;color:#8a947c;margin:6px 0 0;padding-top:7px}.clock-panel[hidden]{display:none}
.route-status{font-size:9px;white-space:nowrap;color:#678255;background:#f0f5e9;padding:3px 5px;border-radius:5px;line-height:1.1;margin-left:auto}.route-status[data-kind=boarding],.route-status[data-kind=transfer]{background:#fff1ce;color:#987323}.route-status[data-kind=arrived]{background:#e6f3e7;color:#378454}.route-top .route-count{margin-left:0}.route-card{overflow:hidden}.route-stage{display:flex;position:absolute;left:0;bottom:0;width:100%;gap:3px;height:3px;pointer-events:none}.route-stage i{flex:1;background:#e6ecdf}.route-stage i.done{background:var(--route-color)}.route-stage i.current{background:color-mix(in srgb,var(--route-color) 60%,white)}.route-live{white-space:pre-line}.rider-strip .has-arrived{opacity:.6}.rider-strip .has-arrived span:after{content:' ✓';color:#43844c}.place-label.focused-place .label-card{border-color:#b7cca3;box-shadow:0 3px 12px #3c603620}.place-label .label-card small{max-width:240px;font-size:10px;color:#7a855e}.vehicle-bubble{font-size:11px;padding:5px 8px}.map-tools #share-image{background:#e4edd5;color:#456338;font-weight:650}.map-interaction-hint{font-size:10px}.chapters{grid-template-columns:repeat(var(--chapter-count,5),minmax(0,1fr))}
#share-dialog{width:min(1400px,95vw);max-height:94vh;padding:0;border:1px solid #d5e2c8;border-radius:18px;background:#f6f9ef;color:#345336;box-shadow:0 18px 100px #20351e35}#share-dialog::backdrop{background:#283e2980}.share-toolbar{display:flex;align-items:center;gap:12px;padding:14px 20px;background:white;position:sticky;top:0}.share-toolbar>div{margin-right:auto;display:flex;flex-direction:column;gap:3px}.share-toolbar strong{font-size:16px}.share-toolbar span{font-size:11px;color:#7b8c71}.share-toolbar a,.share-toolbar button{font-size:12px;text-decoration:none;border-radius:9px;padding:9px 12px;color:#45653c;background:#edf3e4}.share-toolbar a{background:#486c42;color:white}#share-preview{display:block;width:100%;height:auto}
@media(min-width:1100px) and (min-height:720px){.route-status{font-size:8px;padding:3px 4px}.route-card .route-top{gap:6px}.route-count{font-size:8px}.route-live{font-size:9px}.control-dock .chapters button>strong{font-size:8px;line-height:1.35}.map-topline .map-tools button{padding:5px 7px}.map-footnote{font-size:8px}.place-label .label-card small{font-size:9px}.clock-line small{font-size:9px}}
@media(min-width:1500px) and (min-height:1000px){.clock-panel{top:20px;left:20px;width:278px;padding:16px}.clock-face>strong{font-size:37px}.clock-heading{font-size:11px}.clock-line>div{font-size:12px}.clock-line .clock-plan{font-size:11px}.clock-line small{font-size:10px}.clock-disclaimer{font-size:10px}.route-status{font-size:9px}.control-dock .chapters button>strong{font-size:9px}}
@media(max-width:820px){.clock-panel{width:174px;padding:9px;top:10px;left:10px}.clock-heading{font-size:8px;letter-spacing:0}.clock-heading button{display:inline-block}.clock-face{gap:8px;margin:4px 0 0}.clock-face>strong{font-size:25px}.clock-face>span,.clock-face small{font-size:8px}.clock-disclaimer,#clock-departures{display:none}.clock-panel.is-expanded{width:236px}.clock-panel.is-expanded #clock-departures,.clock-panel.is-expanded .clock-disclaimer{display:block}.clock-line>div{font-size:10px}.map-topline .map-tools{max-width:158px}.map-tools #save-image,.map-tools #share-image{width:auto}.vehicle-bubble{font-size:9px}.share-toolbar{padding:12px;gap:6px}.share-toolbar strong{font-size:12px}.share-toolbar span{font-size:9px}.share-toolbar a,.share-toolbar button{padding:8px;font-size:10px}}