:root{--surface: rgba(28, 28, 30, .82);--surface-card: rgba(44, 44, 46, .55);--surface-hover: rgba(72, 72, 74, .65);--ink: #f2f2f7;--ink-dim: rgba(235, 235, 245, .62);--accent: #32ade6;--accent-ink: #0b2b3a;--stroke: rgba(255, 255, 255, .1);--radius: 14px;--radius-sm: 9px;--shadow: 0 6px 24px rgba(0, 0, 0, .35);--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;--rounded: ui-rounded, -apple-system, "SF Pro Rounded", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#101014;color:var(--ink);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}#map{position:absolute;inset:0}#readout[hidden],#search-results[hidden],#crosshair[hidden],#scalebar[hidden],#altitude[hidden],#loop-wrap[hidden],#timeline[hidden],#drawer[hidden],#charts[hidden],#ch-empty[hidden],#dock[hidden],#daterail[hidden],#tl-head[hidden],#tl-track[hidden],#tl-ticks[hidden],.disc-row[hidden],.disc-label[hidden],.menu[hidden]{display:none}#topbar{position:absolute;top:14px;left:14px;right:14px;display:flex;align-items:center;pointer-events:none;z-index:5}#topbar>*{pointer-events:auto}#brand{position:absolute;left:50%;transform:translate(-50%);font-family:var(--rounded);font-weight:800;font-size:21px;letter-spacing:1.5px;color:var(--accent);text-shadow:0 1px 3px rgba(0,0,0,.55)}#search-wrap{position:relative;display:flex;align-items:center}#search{width:0;margin-left:0;padding:10px 0;font:inherit;color:var(--ink);background:var(--surface);border:1px solid transparent;border-radius:999px;box-shadow:var(--shadow);backdrop-filter:blur(20px);outline:none;opacity:0;pointer-events:none;transition:width .22s ease,margin-left .22s ease,padding .22s ease,opacity .16s ease}#search-wrap.open #search{width:min(320px,50vw);margin-left:8px;padding:10px 16px;border-color:var(--stroke);opacity:1;pointer-events:auto}#search::placeholder{color:var(--ink-dim)}#search:focus{border-color:var(--accent)}#search-results{position:absolute;top:calc(100% + 6px);left:52px;width:min(320px,50vw);margin:0;padding:6px;list-style:none;max-height:320px;overflow-y:auto;background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(20px)}#search-results li{padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;display:flex;justify-content:space-between;gap:10px}#search-results li:hover,#search-results li[aria-selected=true]{background:var(--surface-hover)}#search-results .kind{color:var(--ink-dim);font-size:12px;text-transform:capitalize}#readout{display:flex;align-items:baseline;gap:6px;padding:8px 14px;background:var(--surface);border:1px solid var(--stroke);border-radius:999px;box-shadow:var(--shadow);backdrop-filter:blur(20px);font-family:var(--rounded)}#readout .value{font-size:20px;font-weight:700}#readout .unit{font-size:13px;color:var(--ink-dim)}#readout .label{font-size:12px;color:var(--ink-dim);margin-right:2px}:root{--drawer-w: 344px;--drawer-shift: 0px}body.drawer-open{--drawer-shift: var(--drawer-w)}.disc{width:44px;height:44px;display:grid;place-items:center;flex-shrink:0;color:var(--ink);background:var(--surface);border:1px solid var(--stroke);border-radius:50%;box-shadow:var(--shadow);backdrop-filter:blur(20px);cursor:pointer;transition:background .12s ease,color .12s ease}.disc:hover{background:var(--surface-hover)}.disc[data-tint=cyan]{color:#5ac8fa}.disc[data-tint=red]{color:#ff453a}.disc[data-tint=accent]{color:var(--accent)}.disc svg{transition:transform .12s linear}.disc-row{display:flex;align-items:center;gap:10px}.disc-label{font-family:var(--rounded);font-size:12.5px;font-weight:700;letter-spacing:.2px;text-shadow:0 1px 3px rgba(0,0,0,.7);pointer-events:none}#wx-rail{position:absolute;left:14px;bottom:18px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;z-index:6}#tool-rail{position:absolute;right:calc(22px + var(--drawer-shift));bottom:18px;display:flex;flex-direction:column;gap:10px;z-index:6;transition:right .24s ease}#bottom-stack{position:absolute;left:50%;transform:translate(-50%);bottom:18px;width:min(760px,calc(100% - 28px));display:flex;flex-direction:column;align-items:center;gap:8px;z-index:5;pointer-events:none}#bottom-stack>*{pointer-events:auto}#loop-wrap{display:flex}.disc.loop{width:48px;height:48px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips.tight{gap:4px}.chip{font:inherit;font-size:12.5px;color:var(--ink);background:var(--surface-card);border:1px solid var(--stroke);border-radius:999px;padding:6px 12px;cursor:pointer;transition:background .12s ease,color .12s ease}.chip:hover:not(:disabled){background:var(--surface-hover)}.chip[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);font-weight:600;border-color:transparent}.chip:disabled{opacity:.35;cursor:default}button.link{font:inherit;font-size:12px;color:var(--accent);background:none;border:0;padding:0;cursor:pointer}button.link:hover{text-decoration:underline}.menu-anchor{position:relative;height:0;align-self:stretch}.menu{position:absolute;bottom:6px;left:0;width:250px;padding:6px;display:flex;flex-direction:column;gap:2px;background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(20px)}.menu-item{display:flex;flex-direction:column;align-items:flex-start;gap:1px;font:inherit;text-align:left;color:var(--ink);background:none;border:0;border-radius:var(--radius-sm);padding:7px 10px;cursor:pointer}.menu-item:hover:not(:disabled){background:var(--surface-hover)}.menu-item[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.menu-item:disabled{opacity:.35;cursor:default}.menu-title{font-family:var(--rounded);font-size:13px;font-weight:700}.menu-blurb{font-size:11px;opacity:.75}#drawer{position:absolute;top:62px;right:14px;bottom:18px;width:calc(var(--drawer-w) - 28px);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(24px);z-index:7;animation:drawer-in .2s ease}@keyframes drawer-in{0%{transform:translateY(14px);opacity:0}}#drawer-head{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 10px}#drawer-head h2{margin:0;font-family:var(--rounded);font-size:17px;font-weight:700}#drawer-close{width:30px;height:30px;display:grid;place-items:center;color:var(--accent);background:var(--surface-card);border:1px solid var(--stroke);border-radius:50%;cursor:pointer}#drawer-close:hover{background:var(--surface-hover)}#drawer-body{overflow-y:auto;padding:0 14px 16px}#drawer-body section+section{margin-top:16px;padding-top:14px;border-top:1px solid var(--stroke)}#drawer-body h3{margin:0 0 10px;font-size:11px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:var(--ink-dim)}#drawer-body input[type=range]{width:100%;accent-color:var(--accent)}.tile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 6px}.tile{display:flex;flex-direction:column;align-items:center;gap:6px;font:inherit;color:var(--ink);background:none;border:0;padding:0;cursor:pointer}.tile-art{display:block;line-height:0;border-radius:15px;outline:2px solid transparent;outline-offset:2px;transition:outline-color .12s ease}.tile[aria-pressed=true] .tile-art{outline-color:var(--accent)}.tile[aria-pressed=true] .tile-label{color:var(--accent)}.tile[data-parked=true] .tile-art{outline-color:var(--ink-dim)}.tile[data-parked=true] .tile-label{color:var(--ink-dim)}.tile:disabled{opacity:.32;cursor:default}.tile-label{font-size:11.5px;line-height:1.2;text-align:center}.snow-windows{grid-column:1 / -1;justify-content:center}#scalebar{position:absolute;left:14px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 10px 12px;background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(20px);z-index:4}#scalebar .unit{font-size:10px;color:var(--ink-dim)}#scalebar .bar-wrap{position:relative;display:flex;height:230px}#scalebar .bar{width:12px;border-radius:3px;border:1px solid var(--stroke)}#scalebar .ticks{position:relative;width:34px;font-size:10.5px;font-variant-numeric:tabular-nums}#scalebar .ticks span{position:absolute;left:6px;transform:translateY(50%);white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.6)}#altitude{position:absolute;right:calc(14px + var(--drawer-shift));top:50%;transform:translateY(-50%);width:74px;height:240px;z-index:4;transition:right .24s ease}.alt-track{position:absolute;right:4px;top:0;bottom:0;width:24px;cursor:pointer;background:var(--surface);border:1px solid var(--stroke);border-radius:999px;box-shadow:var(--shadow);backdrop-filter:blur(20px)}.alt-ticks{position:absolute;inset:6px 0;display:flex;flex-direction:column-reverse;justify-content:space-between;align-items:flex-end}.alt-tick{display:block;width:7px;height:1.5px;margin-right:8px;border-radius:1px;background:#ffffff73}.alt-tick.major{width:13px;background:#ffffffe6}.alt-thumb{position:absolute;right:9px;width:15px;height:15px;border-radius:50%;background:var(--accent);box-shadow:0 1px 5px #000000b3;transform:translateY(50%);pointer-events:none}.alt-label{position:absolute;right:34px;transform:translateY(50%);font-family:var(--rounded);font-size:12px;font-weight:700;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.75)}#timeline{width:100%;padding:8px 16px;background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(20px);z-index:4}#charts{display:flex;flex-direction:column;gap:2px;padding-bottom:8px;margin-bottom:6px;border-bottom:1px solid var(--stroke);animation:charts-in .22s ease}@keyframes charts-in{0%{opacity:0;transform:translateY(12px)}}#ch-readout{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;min-height:17px;font-variant-numeric:tabular-nums;overflow:hidden}#ch-close{align-self:flex-end;margin-top:2px}#daterail{display:flex;gap:6px;overflow-x:auto;padding:4px 0 6px;scrollbar-width:thin}.date-chip{display:flex;flex-direction:column;align-items:center;gap:1px;flex-shrink:0;font:inherit;font-size:11px;font-variant-numeric:tabular-nums;color:var(--ink);background:var(--surface-card);border:1px solid var(--stroke);border-radius:var(--radius-sm);padding:5px 9px;cursor:pointer}.date-chip:hover{background:var(--surface-hover)}.date-chip[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:transparent}.date-day{font-family:var(--rounded);font-weight:700}.date-cloud{font-size:9px;opacity:.7}#tl-head{position:relative;display:flex;align-items:center;height:26px}.tl-pill{font:inherit;font-family:var(--rounded);font-size:12px;font-weight:700;color:var(--ink-dim);background:var(--surface-card);border:1px solid var(--stroke);border-radius:999px;padding:3px 13px;cursor:pointer}.tl-pill[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:transparent}#tl-bubble{position:absolute;transform:translate(-50%);font-family:var(--rounded);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none}#tl-track{position:relative;height:22px;cursor:pointer}#tl-track:before{content:"";position:absolute;left:0;right:0;top:10px;height:3px;border-radius:2px;background:#ffffff2e}#tl-needle{position:absolute;top:1px;bottom:1px;width:3px;border-radius:2px;background:var(--accent);box-shadow:0 0 7px #32ade6bf;transform:translate(-50%);pointer-events:none}#tl-ticks{position:relative;height:14px;font-size:10px;color:var(--ink-dim);font-variant-numeric:tabular-nums}.tl-tick{position:absolute;transform:translate(-50%);white-space:nowrap}.tl-tick.major{color:var(--ink);font-weight:700;letter-spacing:.4px}.user-dot{width:14px;height:14px;border-radius:50%;background:#0a84ff;border:2.5px solid #fff;box-shadow:0 0 0 1px #00000040,0 1px 5px #00000080}#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:2}#crosshair .ring{display:block;width:11px;height:11px;border-radius:50%;border:2px solid rgba(255,59,48,.95);box-shadow:0 0 0 1.5px #00000073}.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right{z-index:1}.mapboxgl-ctrl-attrib{font-size:10px}.mapboxgl-ctrl-bottom-right{right:var(--drawer-shift);margin-right:72px;transition:right .24s ease}.mapboxgl-ctrl-bottom-left{margin-left:70px}@media(max-width:720px){#search-wrap{width:auto;flex:1}#brand,#readout,#scalebar,#altitude{display:none}#drawer{width:100%;--drawer-w: 100vw}}#dock{position:absolute;left:50%;transform:translate(-50%);bottom:18px;width:min(760px,calc(100% - 28px));padding:8px 16px 12px;background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(20px);z-index:6}#dock-head{display:flex;align-items:center;gap:14px;min-height:24px}.dock-title{font-family:var(--rounded);font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--ink-dim)}#dock-actions{margin-left:auto;display:flex;gap:12px;flex-shrink:0}#ms-stats{display:flex;flex-wrap:wrap;gap:14px;align-items:baseline;margin-top:6px}.ms-stat{display:flex;align-items:baseline;gap:5px;font-variant-numeric:tabular-nums}.ms-stat-label{font-size:11px;color:var(--ink-dim)}.ms-stat-value{font-family:var(--rounded);font-size:14px;font-weight:600}.ms-hint{font-size:12px;color:var(--ink-dim)}#ms-score{display:flex;align-items:baseline;gap:10px;margin-top:8px;font-variant-numeric:tabular-nums}#ms-score:empty{display:none}.ms-score-points{font-family:var(--rounded);font-size:22px;font-weight:700;color:#bb87ff}.ms-score-name{font-size:13px;font-weight:600}.ms-score-mult{color:var(--ink-dim);font-weight:400}.ms-score-dist,.ms-score-close{font-size:12px;color:var(--ink-dim)}#ms-profile{display:block;width:100%;height:110px;margin-top:8px;cursor:crosshair}#ms-legs{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:6px;font-size:11.5px;font-variant-numeric:tabular-nums}#ms-legs:empty{display:none}.ms-leg{display:flex;align-items:baseline;gap:6px}.ms-leg-n{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;background:var(--surface-card);font-size:9.5px;color:var(--ink-dim)}.ms-leg-dim{color:var(--ink-dim)}#ch-xsection{display:block;width:100%;height:190px;margin-top:4px;cursor:crosshair}#ch-meteogram{display:block;width:100%;height:124px;margin-top:2px;cursor:crosshair}#ch-empty{padding:10px 2px}.ch-when{font-family:var(--rounded);font-size:12px;font-weight:700;color:var(--ink);flex-shrink:0}.ch-stat{display:flex;align-items:baseline;gap:4px;white-space:nowrap}.ch-stat-label{font-size:10px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.4px}.ch-stat-value{font-family:var(--rounded);font-size:13px;font-weight:600}@media(max-width:720px){#dock,#bottom-stack{left:8px;right:8px;width:auto;transform:none}#ms-profile{height:80px}#ch-xsection{height:150px}#ch-meteogram{height:100px}}.wall{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:radial-gradient(120% 90% at 50% 0%,rgba(50,173,230,.16),transparent 62%),#101014}.wall-card{width:min(360px,100%);padding:32px 28px;text-align:center;background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(20px)}.wall-brand{font-family:var(--rounded);font-weight:700;font-size:30px;letter-spacing:.2px}.wall-tagline{margin:8px 0 24px;color:var(--ink-dim);line-height:1.45}.wall-button{width:100%;padding:12px 16px;font:inherit;font-weight:600;color:var(--accent-ink);background:var(--accent);border:none;border-radius:var(--radius-sm);cursor:pointer}.wall-button:disabled{opacity:.55;cursor:default}.wall-status{min-height:1.4em;margin:14px 0 0;font-size:13px;line-height:1.4;color:#ff9f9a}.wall-status[data-tone=quiet]{color:var(--ink-dim)}.wall-other{margin-top:6px}.wall-other[hidden]{display:none}