*{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-400.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-500.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-700.woff2)format("woff2")}:root{--bg:#fff;--fg:#111;--muted:#666;--muted-2:#999;--border:#111;--accent:#0b57d0;--now:#5bc54a;--error:#b3261e;--radius-sm:2.5px;--radius-md:4px;--dither:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' width='4' height='4' shape-rendering='crispEdges'><g fill='black'><rect width='1' height='1'/><rect x='2' width='1' height='1'/><rect x='1' y='1' width='1' height='1'/><rect x='3' y='1' width='1' height='1'/><rect y='2' width='1' height='1'/><rect x='2' y='2' width='1' height='1'/><rect x='1' y='3' width='1' height='1'/><rect x='3' y='3' width='1' height='1'/></g></svg>");--mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--bar-h:140px}html,body{overscroll-behavior:none;height:100%;font-family:var(--mono);background:var(--bg);color:var(--fg);-webkit-text-size-adjust:100%}#app{width:100%;height:100dvh;position:relative;overflow:hidden}#map{position:absolute;inset:0}#overlay{z-index:0;pointer-events:none;position:absolute;inset:0}#overlay>*{pointer-events:auto}.title-box,.chip,.locate-btn,.unit-btn,.status{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--fg);position:relative}.title-box:after,.chip:after,.locate-btn:after,.unit-btn:after,.status:after{content:"";border-radius:var(--radius-md);background:var(--dither);z-index:-1;pointer-events:none;background-size:4px 4px;position:absolute;inset:3px -5px -5px 3px}.top-bar{padding:calc(10px + var(--safe-top)) calc(12px + var(--safe-right)) 10px calc(12px + var(--safe-left));pointer-events:none;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex;position:absolute;top:0;left:0;right:0}.top-bar>*{pointer-events:auto}.title-box{padding:8px 12px}.app-title{letter-spacing:-.02em;font-size:16px;font-weight:700;line-height:1.15}.init-label{color:var(--muted);text-transform:uppercase;letter-spacing:.02em;margin-top:4px;font-size:10px;font-weight:400}.update-notice{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;margin-top:6px;padding-top:6px;font-size:11px;font-weight:500;display:flex}.update-btn{font-family:var(--mono);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--fg);color:var(--bg);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;padding:3px 8px;font-size:11px;font-weight:500}.update-btn:active{background:var(--bg);color:var(--fg)}.chip-row{gap:10px;display:flex}.chip{min-width:96px;min-height:44px;font-family:var(--mono);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;flex-direction:column;align-items:stretch;gap:4px;padding:7px 10px 6px;display:flex}.chip:not(.chip-on){border-style:dashed;border-color:var(--muted-2);color:var(--muted-2)}.chip:not(.chip-on):after{display:none}.chip:not(.chip-on) .chip-gradient{filter:grayscale();opacity:.35;border-color:var(--muted-2)}.chip:not(.chip-on) .chip-range{color:var(--muted-2)}.chip-label{text-align:left;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700}.chip-gradient{border:1px solid var(--border);border-radius:var(--radius-sm);background:#333;height:8px}.chip-range{color:var(--muted);text-align:left;font-variant-numeric:tabular-nums;font-size:9px;font-weight:400}.locate-btn,.unit-btn,.play-btn{cursor:pointer;font-family:var(--mono);-webkit-tap-highlight-color:transparent;touch-action:manipulation;justify-content:center;align-items:center;display:flex}.locate-btn:active,.unit-btn:active,.play-btn:active{background:var(--fg);color:var(--bg)}.map-controls{right:calc(12px + var(--safe-right));bottom:calc(var(--bar-h) + 46px);pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute}.map-controls>*{pointer-events:auto}.locate-btn,.unit-btn{width:44px;height:44px;line-height:1}.locate-btn{font-size:20px}.unit-btn{font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.bottom-bar{padding:10px calc(14px + var(--safe-right)) calc(10px + var(--safe-bottom)) calc(14px + var(--safe-left));border-top:1px solid var(--border);background:var(--bg);color:var(--fg);position:absolute;bottom:0;left:0;right:0}.time-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:2px;display:flex}.play-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);width:44px;height:44px;color:var(--fg);flex:none;font-size:15px;line-height:1}.time-labels{flex:none;align-items:baseline;gap:10px;display:flex}.time-label{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:19px;font-weight:700}.rel-label{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.readout{flex:none;align-items:center;gap:16px;margin-left:auto;display:flex}.readout-metric{white-space:nowrap;flex-direction:column;align-items:center;display:flex}.readout-label{text-transform:uppercase;letter-spacing:.08em;text-align:center;color:var(--muted);font-size:9px;font-weight:700;line-height:12px}.readout-value{box-sizing:border-box;text-align:center;letter-spacing:-.02em;font-variant-numeric:tabular-nums;min-width:5ch;height:18px;font-size:14px;font-weight:700;line-height:18px}.readout-loading .readout-value{background:var(--dither);background-size:4px 4px;background-clip:content-box;padding:3px 0;animation:1.4s ease-in-out infinite readout-loading}@keyframes readout-loading{0%,to{opacity:.5}50%{opacity:.15}}@media (prefers-reduced-motion:reduce){.readout-loading .readout-value{opacity:.35;animation:none}}.readout-hidden{display:none}.slider-wrap{padding:6px 0;position:relative}.scrubber{z-index:1;appearance:none;touch-action:none;cursor:pointer;background:0 0;width:100%;height:32px;position:relative}.scrubber::-webkit-slider-runnable-track{background:var(--border);height:2px}.scrubber::-webkit-slider-thumb{-webkit-appearance:none;border-radius:var(--radius-sm);background:var(--fg);border:none;width:14px;height:26px;margin-top:-12px}.scrubber::-moz-range-track{background:var(--border);height:2px}.scrubber::-moz-range-thumb{border-radius:var(--radius-sm);background:var(--fg);border:none;width:14px;height:26px}.now-tick{background:var(--now);pointer-events:none;width:3px;height:22px;position:absolute;top:11px}.axis-row{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:10px;display:flex}.progress-wrap{background:var(--dither);background-size:4px 4px;height:4px;margin-top:8px;transition:opacity .6s;overflow:hidden}.progress-bar{background:var(--fg);width:0;height:100%;transition:width .3s}.status{text-align:center;opacity:0;pointer-events:none;width:-moz-fit-content;width:fit-content;max-width:min(85vw,420px);height:-moz-fit-content;height:fit-content;margin:auto;padding:12px 16px;font-size:13px;transition:opacity .25s;position:absolute;inset:0}.status.status-visible{opacity:1}.status.status-error{border-color:var(--error);color:var(--error)}.maplibregl-ctrl-attrib{font-family:var(--mono);border:1px solid var(--border);background:var(--bg);border-radius:0;font-size:9px}.maplibregl-ctrl-attrib.maplibregl-compact{border-radius:0;margin:0 10px 10px}.maplibregl-ctrl-attrib-button{border-radius:0}.maplibregl-ctrl-bottom-right,.maplibregl-ctrl-bottom-left{bottom:var(--bar-h)}.user-location-dot{background:var(--accent);width:16px;height:16px;box-shadow:0 0 0 1px var(--border);border:2px solid #fff;border-radius:50%}.user-location-dot:before{content:"";background:#0b57d059;border-radius:50%;width:16px;height:16px;animation:2s ease-out infinite user-location-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes user-location-pulse{0%{opacity:.7;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(3.2)}}