:root{--size-factor: 1;--bg: #ffffff;--fg: #111111;--tile: #ececec;--tile-nogo: #f6d9d4;--empty: #666666;--ring: #9a9a9a;--fav: #62c484;--wind-light: #2a6fbf;--wind-easy: #1b7a36;--wind-active: #a67c00;--wind-fresh: #e08a00;--wind-strong: #d35400;--wind-trim: #c0392b;--elev-ink: #1a1a1a;--elev-track: #c6c6c6}*{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}html{container-type:inline-size}html,body{width:100%;height:100%;background:var(--bg);color:var(--fg);overflow:hidden}body{--bar-s: var(--size-factor)}@supports (width: 1cqi){body{--bar-s: calc(var(--size-factor) * min(1, max(.8, 100cqi / 320px)))}}.stationList{position:absolute;inset:0;overflow:hidden;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;align-content:flex-start;container-type:inline-size}.emptyState{width:100%;text-align:center;margin-top:1.2em;color:var(--empty);font-size:calc(.85em * var(--size-factor))}.stationDetail{--s: var(--size-factor)}@supports (width: 1cqi){.stationDetail{--fit: min(1, 100cqi / (94px * var(--size-factor)));--s: calc(var(--size-factor) * var(--fit))}}.stationDetail{position:relative;display:flex;flex:none;flex-direction:column;width:calc(80px * var(--s));height:calc(84px * var(--s));margin:calc(5px * var(--s));padding:0;background-color:var(--tile);background-repeat:no-repeat;background-size:100% 100%;border-radius:calc(3px * var(--s));color:var(--fg);overflow:hidden;font-size:calc(16px * var(--s))}body.has-alt .stationList{bottom:calc(28px * var(--bar-s))}.stationDetail.wind-light{color:var(--wind-light)}.stationDetail.wind-easy{color:var(--wind-easy)}.stationDetail.wind-active{color:var(--wind-active)}.stationDetail.wind-fresh{color:var(--wind-fresh)}.stationDetail.wind-strong{color:var(--wind-strong)}.stationDetail.wind-trim{--tile: var(--tile-nogo);color:var(--wind-trim)}.stationDetail .name,.stationDetail .dialWrap,.stationDetail .elevRail,.stationDetail .meta{opacity:var(--vis, 1)}.stationDetail .landform{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.stationDetail .landform path{fill:#d0d0d0}.stationDetail .dialWrap{position:relative}.ageChip{position:absolute;top:1px;right:2px;z-index:3;font-size:.5em;font-weight:700;line-height:1.15;padding:0 2px;border-radius:2px;pointer-events:none}.ageChip.age-early{background:#e0a100;color:#1a1200}.ageChip.age-late{background:#5c3310;color:#fff}.ageChip.age-stale{background:#1a1a1a;color:#fff}.orbit{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.orbitDash{fill:none;stroke:#b9b9b9;stroke-width:1.35;stroke-dasharray:3.6 3.6}.orbitMark{fill:none;stroke:#1a1a1a;stroke-width:2.8;stroke-linecap:round}.stationDetail .name{position:relative;z-index:4;flex:none;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:calc(13px * var(--s));font-size:.68em;line-height:calc(13px * var(--s));padding:0 2px;color:var(--fg)}.stationDetail.has-age .name{text-align:left;padding-left:3px;padding-right:calc(28px * var(--s))}.stationDetail .dialWrap{flex:1;min-height:0;display:flex;justify-content:center;align-items:center;z-index:1}.stationDetail .dial{height:100%;width:auto;max-width:100%;display:block}.dialRing{fill:none;stroke:var(--ring);stroke-width:1.5}.dialTick{stroke:var(--ring);stroke-width:1.5;stroke-linecap:round}.dialFav{fill:none;stroke:var(--fav);stroke-width:6;stroke-linecap:butt}.dialArrow{fill:currentColor;stroke:var(--tile);stroke-width:1.6;stroke-linejoin:round;paint-order:stroke}.stationDetail.stale .dialArrow{fill:var(--tile);stroke:currentColor;stroke-width:2;paint-order:normal}.stationDetail.stale .dialRing{stroke-dasharray:3 2.5}.dialAvg,.dialGust{fill:currentColor;text-anchor:middle;font-weight:700}.elevNum{display:inline-flex;align-items:center;gap:calc(1px * var(--s));min-width:0;font-variant-numeric:tabular-nums}.elevNum .caret{display:none;flex:none}.elevNum .caret.up,.elevNum .caret.down,.elevNum .caret.level{display:block}.elevNum .caret.up,.elevNum .caret.down{width:0;height:0;border-right:calc(3px * var(--s)) solid transparent;border-left:calc(3px * var(--s)) solid transparent}.elevNum .caret.up{border-bottom:calc(4px * var(--s)) solid currentColor}.elevNum .caret.down{border-top:calc(4px * var(--s)) solid currentColor}.elevNum .caret.level{width:calc(6px * var(--s));height:calc(2px * var(--s));background:currentColor}.elevRail{position:absolute;z-index:5;top:calc(14px * var(--s));bottom:calc(18px * var(--s));left:calc(4px * var(--s));width:calc(4px * var(--s));pointer-events:none}.elevTrack{position:absolute;inset:0;border-radius:calc(2px * var(--s));background:var(--elev-track)}.elevFill{position:absolute;right:0;left:0;background:var(--elev-ink)}.elevYou,.elevBead{position:absolute;border-radius:1px;background:var(--elev-ink);transform:translateY(50%)}.elevYou{z-index:1;left:calc(-5px * var(--s));width:calc(9px * var(--s));height:calc(2px * var(--s))}.elevBead{z-index:2;left:calc(-2px * var(--s));width:calc(8px * var(--s));height:calc(4px * var(--s));outline:1px solid var(--tile)}.elevYou.off-high,.elevYou.off-low{left:calc(-2px * var(--s));width:0;height:0;background:transparent;border-radius:0;outline:none;transform:none}.elevYou.off-high{top:-1px;bottom:auto;border-right:calc(4px * var(--s)) solid transparent;border-bottom:calc(5px * var(--s)) solid var(--elev-ink);border-left:calc(4px * var(--s)) solid transparent}.elevYou.off-low{bottom:-1px;border-top:calc(5px * var(--s)) solid var(--elev-ink);border-right:calc(4px * var(--s)) solid transparent;border-left:calc(4px * var(--s)) solid transparent}.altBar{position:absolute;z-index:6;right:0;bottom:0;left:0;display:flex;align-items:center;gap:calc(6px * var(--bar-s));height:calc(28px * var(--bar-s));padding:0 calc(8px * var(--bar-s));background:var(--bg);color:var(--fg);font-size:calc(13px * var(--bar-s));font-weight:700;white-space:nowrap}@container (max-width: 220px){.altLabel{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}.altBar[hidden]{display:none}.altLabel{flex:none}.altSlider{flex:1 1 auto;min-width:calc(36px * var(--bar-s));margin:0;accent-color:var(--fg)}.altReadout{flex:none;min-width:3.4em;font-variant-numeric:tabular-nums;text-align:right}.stationDetail .meta{position:relative;z-index:4;flex:none;display:flex;align-items:center;justify-content:center;height:calc(16px * var(--s));min-height:0;padding:0 calc(3px * var(--s));font-size:.68em;line-height:1;font-weight:700;color:var(--fg);white-space:nowrap;overflow:hidden}.stationDetail .meta.has-elev{justify-content:space-between;gap:calc(3px * var(--s));font-size:.56em}.stationDetail .meta .dist{flex:none}body.dark{--bg: #000000;--fg: #f0f0f0;--tile: #2a2a2a;--tile-nogo: #3a2220;--empty: #aaaaaa;--ring: #8c8c8c;--fav: #2f8f55;--wind-light: #7eb6ff;--wind-easy: #3dcc8c;--wind-active: #f0c14a;--wind-fresh: #ffb020;--wind-strong: #ff7a33;--wind-trim: #ff6b6b;--elev-ink: #f2f2f2;--elev-track: #454545}body.dark .ageChip.age-early{background:#e0a100;color:#1a1200}body.dark .ageChip.age-late{background:#e8e8e8;color:#1a1a1a}body.dark .ageChip.age-stale{background:#fff;color:#1a1a1a}body.dark .stationDetail .landform path{fill:#454545}body.dark .orbitDash{stroke:#6a6a6a}body.dark .orbitMark{stroke:#f4f4f4}