:root{color-scheme:light;--bg: oklch(97% .012 85);--ink: oklch(28% .12 265);--dim: oklch(50% .02 85);--line: oklch(85% .01 85);--overground: oklch(70% .175 55);--now: oklch(58% .17 150);--warn: oklch(72% .15 75);--error: oklch(50% .19 25);--gap: clamp(1rem, 3vw, 2rem)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Big Shoulders Text,Helvetica Neue,Arial,sans-serif;font-weight:500;height:100%;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;font-kerning:normal;text-rendering:optimizeLegibility}#app{display:flex;flex-direction:column;justify-content:center;gap:clamp(.5rem,2vw,1rem);min-height:100dvh;padding:calc(var(--gap) + env(safe-area-inset-top)) var(--gap) calc(var(--gap) + env(safe-area-inset-bottom));max-width:560px;margin:0 auto}.page-header{font-family:Big Shoulders Text,sans-serif;font-size:.8125rem;font-weight:800;color:var(--dim);text-align:center;text-transform:uppercase;letter-spacing:.25em;padding-bottom:.25rem;margin-bottom:auto}.page-header:before,.page-header:after{content:"·";display:inline-block;margin:0 .6em;color:var(--overground)}.row{display:flex;flex-direction:column;gap:.25rem}.row+.strip{margin-top:-.25rem}.strip+.row{margin-top:clamp(.75rem,3vw,1.75rem)}.label{font-family:Big Shoulders Text,sans-serif;font-size:1rem;font-weight:600;color:var(--dim);letter-spacing:.08em;text-transform:uppercase}.label:first-letter{color:var(--overground);font-weight:700}.value{font-family:Big Shoulders Display,Helvetica Neue,Impact,sans-serif;font-size:clamp(4rem,16vw,7rem);font-weight:900;line-height:.92;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.value.now{color:var(--now);animation:pulse 1s ease-in-out infinite}.value.just-crossed{color:var(--dim);font-size:clamp(1.5rem,6vw,2.5rem);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.value.sleeping{color:var(--dim);font-size:clamp(1rem,4vw,1.5rem);font-weight:600;text-transform:uppercase;letter-spacing:.04em}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.footer{margin-top:auto;padding-top:.5rem;font-family:Big Shoulders Text,sans-serif;font-size:.875rem;font-weight:600;color:var(--dim);text-align:center;letter-spacing:.1em;text-transform:uppercase}.footer.stale{color:var(--warn)}.footer.stale:before{content:"⚠ "}.footer.no-data{color:var(--dim)}.empty{text-align:center;color:var(--dim);font-family:Big Shoulders Text,sans-serif;font-size:1.125rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.empty a{color:var(--overground);display:inline-block;margin-top:1rem;text-decoration:none;border-bottom:2px solid var(--overground);padding-bottom:2px}.error{color:var(--error);font-family:Big Shoulders Text,sans-serif;font-size:1.125rem;font-weight:600;text-align:center;text-transform:uppercase;letter-spacing:.04em}.strip{position:relative;height:80px;padding:0 16px}.strip-line{position:absolute;top:50%;left:16px;right:16px;height:2px;background:var(--line);transform:translateY(-50%)}.strip-pip{position:absolute;top:50%;left:calc(var(--pos) * (100% - 32px) / 8 + 16px);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}.strip-pip-dot{width:10px;height:10px;border-radius:50%;border:2px solid var(--ink);background:var(--bg)}.strip-pip-label{position:absolute;top:16px;font-family:Big Shoulders Text,sans-serif;font-size:.75rem;font-weight:700;color:var(--dim);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.strip-bridge{position:absolute;top:50%;left:calc(var(--pos) * (100% - 32px) / 8 + 16px);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--overground);pointer-events:none;z-index:2}.strip-bridge-svg{width:22px;height:14px;display:block}.strip-bridge-label{position:absolute;bottom:18px;font-family:Big Shoulders Text,sans-serif;font-size:.75rem;font-weight:800;color:var(--overground);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.strip-train{position:absolute;top:50%;left:calc(var(--pos) * (100% - 32px) / 8 + 16px);transform:translate(-50%,-50%);width:52px;height:22px;color:var(--overground);pointer-events:auto;z-index:3;transition:left 1.5s cubic-bezier(.4,0,.2,1);cursor:pointer}.strip-train>.strip-train-inner,.strip-train svg{pointer-events:none}.strip-train.hidden{visibility:hidden}.strip-train-inner{width:100%;height:100%;display:block}.strip-train-svg{width:100%;height:100%;display:block;overflow:visible}.strip-train-svg .train-window,.strip-train-svg .train-cab,.strip-train-svg .train-bogie{fill:var(--ink)}.strip-train-svg .train-body{fill:var(--bg);stroke:var(--ink);stroke-width:1}.strip-train-svg .train-livery,.strip-train-svg .train-door{fill:currentColor}.strip-south .strip-train-svg{transform:scaleX(-1)}.strip-bridge.celebrating .strip-bridge-svg{animation:bridge-celebrate .9s cubic-bezier(.22,1,.36,1);transform-origin:center bottom}@keyframes bridge-celebrate{0%{transform:scale(1)}35%{transform:scale(1.24)}to{transform:scale(1)}}.strip-pip.pulsing .strip-pip-dot{animation:pip-pulse .65s cubic-bezier(.22,1,.36,1)}@keyframes pip-pulse{0%{background:var(--bg);border-color:var(--ink);transform:scale(1)}35%{background:var(--overground);border-color:var(--overground);transform:scale(1.8)}to{background:var(--bg);border-color:var(--ink);transform:scale(1)}}.value.ticking{animation:value-tick .22s cubic-bezier(.22,1,.36,1)}@keyframes value-tick{0%{transform:translateY(6px);opacity:.4;filter:blur(1.5px)}to{transform:translateY(0);opacity:1;filter:blur(0)}}@media(prefers-reduced-motion:reduce){.strip-train{transition:none}.strip-bridge.celebrating .strip-bridge-svg,.strip-pip.pulsing .strip-pip-dot,.strip-train.tooting .strip-train-inner,.value.now,.value.ticking{animation:none}}.ticker{display:flex;justify-content:center;align-items:baseline;gap:.5rem;padding-top:.2rem;font-family:Big Shoulders Text,sans-serif;font-size:.875rem;font-weight:700;color:var(--ink);text-transform:uppercase;letter-spacing:.08em;font-variant-numeric:tabular-nums}.ticker-prefix{color:var(--overground);font-weight:800}.ticker-sep{color:var(--overground)}.strip+.ticker{margin-top:-.25rem}.ticker+.row{margin-top:clamp(.75rem,3vw,1.75rem)}.strip-train.tooting .strip-train-inner{animation:train-toot .26s cubic-bezier(.22,1,.36,1)}@keyframes train-toot{0%{transform:scale(1)}35%{transform:scale(1.14)}to{transform:scale(1)}}.walking-time{display:flex;align-items:center;justify-content:center;gap:.45rem;padding-bottom:.25rem;font-family:Big Shoulders Text,sans-serif;font-size:.875rem;font-weight:600;color:var(--dim);text-transform:uppercase;letter-spacing:.08em}.walking-time-enable{color:var(--overground);cursor:pointer;-webkit-user-select:none;user-select:none}.walking-time-enable:focus-visible{outline:2px solid var(--overground);outline-offset:2px;border-radius:2px}.walking-icon{width:9px;height:12px;flex-shrink:0;color:var(--overground);display:block}.walking-time-off{appearance:none;background:transparent;border:none;padding:2px 6px;margin-left:.15rem;font:inherit;font-size:.7rem;font-weight:700;letter-spacing:.1em;color:var(--dim);opacity:.55;cursor:pointer;text-transform:lowercase;border-radius:3px}.walking-time-off:hover,.walking-time-off:focus-visible{opacity:1;color:var(--overground)}.walking-time-off:focus-visible{outline:2px solid var(--overground);outline-offset:2px}.fact-line{appearance:none;border:none;background:transparent;padding:.75rem .5rem .25rem;margin:0 auto;font:inherit;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:.4em;font-family:Big Shoulders Text,sans-serif;font-size:.8rem;font-weight:600;color:var(--navy);text-align:center;letter-spacing:0;opacity:.82;max-width:100%;border-radius:6px;transition:transform .18s cubic-bezier(.25,1,.5,1),opacity .18s ease}.fact-line:hover{opacity:1}.fact-line:active{transform:scale(.97);transition-duration:60ms}.fact-line:focus-visible{outline:2px solid var(--overground);outline-offset:3px}.fact-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.fact-icon{width:1.05rem;height:1.05rem;flex-shrink:0;color:var(--overground);opacity:.95;transform-origin:center;transform:translateY(-.5px)}.fact-line.fact-enter{animation:fact-fade .42s ease both}.fact-line.fact-enter .fact-icon{animation:fact-icon-pop .52s cubic-bezier(.2,1.4,.3,1) both}@keyframes fact-fade{0%{opacity:0;transform:translateY(3px)}to{opacity:.82;transform:translateY(0)}}@keyframes fact-icon-pop{0%{transform:translateY(-.5px) scale(.3) rotate(-18deg);opacity:0}55%{transform:translateY(-.5px) scale(1.18) rotate(4deg);opacity:1}to{transform:translateY(-.5px) scale(1) rotate(0);opacity:.95}}@media(prefers-reduced-motion:reduce){.fact-line.fact-enter,.fact-line.fact-enter .fact-icon{animation:none}.fact-line{transition:none}}.walking-time-off:before{content:"·";margin-right:.4em;color:var(--dim);opacity:.7}.doc-links{display:flex;justify-content:center;align-items:baseline;gap:.5em;padding-top:.4rem;font-family:Big Shoulders Text,sans-serif;font-size:.6875rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--dim);opacity:.65}.doc-links a{color:inherit;text-decoration:none;padding:2px 4px;border-radius:2px}.doc-links a:hover,.doc-links a:focus-visible{color:var(--overground);opacity:1}.doc-links a:focus-visible{outline:2px solid var(--overground);outline-offset:2px}.doc-links span{color:var(--overground);opacity:.6}.value-wrap{position:relative;display:inline-block;padding:4px 8px}.value-ring{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;color:var(--warn);opacity:.9}.row-imminent .label:first-letter{display:inline-block;animation:arrow-pulse 1s ease-in-out infinite;transform-origin:center}@keyframes arrow-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@media(prefers-reduced-motion:reduce){.row-imminent .label:first-letter{animation:none}}