:root{--bg:#0b3d2e;--bg-soft:#114f3c;--accent:#ffd23f;--text:#f5f7f5;--ok:#2ecc71;--err:#e74c3c;--warning:#ffd166;--muted:rgba(245,247,245,0.78);--border:rgba(255,255,255,0.14)}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%}#__next,body,body>div,html{height:100%}a{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button,input,select{font:inherit}a,button{touch-action:manipulation}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.map-page{display:flex;flex-direction:column;min-height:100%;height:100dvh}.map-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));background:var(--bg);border-bottom:1px solid var(--border)}.map-logo{margin:0;font-size:18px;font-weight:750}.map-status-pill{padding:6px 11px;border-radius:999px;font-size:14px;font-weight:700}.map-status-pill.live{background:rgba(46,204,113,.2);color:#70e5a1}.map-status-pill.connecting,.map-status-pill.stale{background:rgba(255,209,102,.18);color:var(--warning)}.map-status-pill.off{background:rgba(231,76,60,.22);color:#ffb4aa}.map-context{margin:0;padding:9px max(16px,env(safe-area-inset-right)) 9px max(16px,env(safe-area-inset-left));background:var(--bg-soft);color:var(--muted);font-size:14px;line-height:1.4}.map-content{position:relative;flex:1 1;min-height:0}.map-loading,.page-loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:240px;color:var(--muted)}.map-bottombar{padding:8px max(16px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:var(--bg);color:var(--muted);font-size:12px;text-align:center}.train-map-canvas,.train-map-shell{width:100%;height:100%}.train-map-shell{position:relative}.map-recenter{position:absolute;z-index:500;right:max(12px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));min-height:44px;padding:0 16px;border:1px solid var(--border);border-radius:999px;background:rgba(11,61,46,.94);color:var(--text);font-weight:750;cursor:pointer}@media (max-width:480px){.map-topbar{align-items:stretch;flex-direction:column}.map-status-pill{border-radius:10px;font-size:16px;text-align:center}.map-bottombar{display:none}}.train-marker{display:inline-block;width:24px;height:24px;font-size:22px;line-height:24px;text-align:center;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6));transform:rotate(var(--train-heading,0deg));transform-origin:center;transition:none;will-change:transform}.train-marker.parked{opacity:.55;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4)) grayscale(.3)}.bus-stop-marker{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:19px;line-height:1;background:rgba(11,61,46,.92);border:2px solid var(--accent);border-radius:999px;box-shadow:0 1px 4px rgba(0,0,0,.45)}.bus-stop-marker--next{border-color:#70e5a1;box-shadow:0 0 0 3px rgba(112,229,161,.35),0 1px 4px rgba(0,0,0,.45)}.bus-stop-tooltip{background:rgba(11,61,46,.95);border:1px solid rgba(255,210,63,.5);color:var(--text);font-weight:600;font-size:12px;border-radius:6px;padding:4px 8px}.bus-stop-tooltip--next{border-color:rgba(112,229,161,.7);color:#b8f0ce}.bus-stop-tooltip:before{border-top-color:rgba(11,61,46,.95)}.stop-eta-list{flex-shrink:0;max-height:36vh;overflow-y:auto;border-top:1px solid var(--border);background:var(--bg-soft);padding:8px max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left))}.stop-eta-list__summary{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin:0;padding:10px 12px;border:1px solid rgba(112,229,161,.45);border-radius:10px;background:rgba(46,204,113,.12);color:inherit;text-align:left;cursor:pointer}.stop-eta-list__summary:hover{background:rgba(46,204,113,.18)}.stop-eta-list__summary-main{display:flex;flex-direction:column;gap:2px;min-width:0}.stop-eta-list__summary-label{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.stop-eta-list__summary-name{font-size:16px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stop-eta-list__summary-meta{display:flex;align-items:center;gap:8px;flex-shrink:0}.stop-eta-list__chevron{font-size:14px;color:var(--muted);line-height:1}.stop-eta-list__hint{margin:6px 2px 0;font-size:12px;color:var(--muted)}.stop-eta-list__items{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.stop-eta-list__item{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:8px;background:rgba(11,61,46,.45);border:1px solid transparent}.stop-eta-list__item--next{border-color:rgba(112,229,161,.45);background:rgba(46,204,113,.12)}.stop-eta-list__name{font-size:14px;font-weight:650;min-width:0}.stop-eta-list__eta{flex-shrink:0;font-size:13px;font-weight:750;color:var(--accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stop-eta-list__item--next .stop-eta-list__eta,.stop-eta-list__summary .stop-eta-list__eta{color:#70e5a1;font-size:15px}.stop-eta-list__empty{margin:0;font-size:13px;color:var(--muted)}@media (max-width:480px){.stop-eta-list{max-height:32vh}}