:root{--bg:#f7f8fa;--surface:#fff;--text:#171717;--muted:#737373;--border:#e5e5e5;--accent:#2563eb;--accent-soft:#eff6ff;--accent-strong:#1d4ed8;--accent-border:#bfdbfe;--hover:#f5f5f5;--shadow:0 1px 3px #1018280f, 0 1px 2px #1018280a;--posted-bg:#d1fae5;--posted-text:#065f46;--projected-bg:#fef9c3;--projected-text:#854d0e;--planned-bg:#f5f5f5;--planned-text:#525252;--very-hard-bg:#ffedd5;--very-hard-text:#9a3412;--goat-bg:#fee2e2;--goat-text:#991b1b;--line-easy:#16a34a;--line-moderate:#2563eb;--line-hard:#ca8a04;--line-very-hard:#ea580c;--line-goat:#dc2626}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#101418;--surface:#1a2026;--text:#f0f2f4;--muted:#a0a9b2;--border:#2d353d;--accent:#60a5fa;--accent-soft:#1b2a3f;--accent-strong:#93c5fd;--accent-border:#2f4a6e;--hover:#242b32;--shadow:none;--posted-bg:#143f30;--posted-text:#a7f3d0;--projected-bg:#453a0e;--projected-text:#fde68a;--planned-bg:#2d353d;--planned-text:#d0d6dc;--very-hard-bg:#4a2a10;--very-hard-text:#fdba74;--goat-bg:#4c1d1d;--goat-text:#fca5a5;--line-easy:#4ade80;--line-moderate:#60a5fa;--line-hard:#facc15;--line-very-hard:#fb923c;--line-goat:#f87171}}:root[data-theme=dark]{--bg:#101418;--surface:#1a2026;--text:#f0f2f4;--muted:#a0a9b2;--border:#2d353d;--accent:#60a5fa;--accent-soft:#1b2a3f;--accent-strong:#93c5fd;--accent-border:#2f4a6e;--hover:#242b32;--shadow:none;--posted-bg:#143f30;--posted-text:#a7f3d0;--projected-bg:#453a0e;--projected-text:#fde68a;--planned-bg:#2d353d;--planned-text:#d0d6dc;--very-hard-bg:#4a2a10;--very-hard-text:#fdba74;--goat-bg:#4c1d1d;--goat-text:#fca5a5;--line-easy:#4ade80;--line-moderate:#60a5fa;--line-hard:#facc15;--line-very-hard:#fb923c;--line-goat:#f87171}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent)}.topbar{z-index:30;background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:12px;height:56px;padding:0 16px;display:flex;position:sticky;top:0}.brand{color:var(--text);letter-spacing:-.01em;white-space:nowrap;font-weight:600;text-decoration:none}.quick-links{gap:8px;display:none}.nav-button{background:var(--surface);border:1px solid var(--border);min-height:36px;color:var(--muted);font:inherit;cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:.875rem;font-weight:500;text-decoration:none;transition:border-color .15s,background-color .15s,color .15s;display:inline-flex}.nav-button:hover{border-color:var(--accent-border);background:var(--accent-soft);color:var(--text)}.nav-button.active{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent-strong)}.menu{margin-left:auto;position:relative}.menu-panel{z-index:40;background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:2px;width:min(320px,100vw - 32px);max-height:calc(100vh - 80px);padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0;overflow:auto;box-shadow:0 10px 15px -3px #0000001f,0 4px 6px -4px #0000001a}.menu-item{color:var(--text);border-radius:8px;align-items:flex-start;gap:10px;padding:8px 10px;text-decoration:none;display:flex}.menu-item svg{color:var(--muted);flex-shrink:0;margin-top:1px}.menu-item:hover{background:var(--hover)}.menu-item.active{background:var(--accent-soft);color:var(--accent-strong)}.menu-item.active svg{color:var(--accent)}.menu-title{font-size:.875rem;font-weight:500;line-height:1.25;display:block}.menu-description{color:var(--muted);margin-top:2px;font-size:.75rem;line-height:1.35;display:block}.banner{--banner-height:clamp(440px, 68vh, 560px);min-height:var(--banner-height);color:#fff;text-align:center;background-color:#1d3a55;background-image:linear-gradient(#0a1a2c57,#0a1a2c75),url(/assets/banner-1920-4X3Ig2Rs.webp);background-position:50% 30%;background-size:cover;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:40px 16px;display:flex}.banner-inner{width:100%;max-width:760px}.banner-logo{filter:drop-shadow(0 4px 12px #0a1a2c80);flex-shrink:0;width:auto;height:200px}.banner h1{letter-spacing:-.02em;margin:0 0 24px;font-size:clamp(2rem,7vw,3.5rem);font-weight:300;line-height:1.1}.countdown{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:600px;margin:0 auto;display:grid}.countdown div{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a1a2c73;border:1px solid #ffffff40;border-radius:16px;padding:14px 2px 12px}.countdown strong{font-variant-numeric:tabular-nums;font-size:clamp(1.75rem,8.5vw,3.25rem);font-weight:600;line-height:1;display:block}.countdown span{margin-top:6px;font-size:.75rem;display:block}.banner-status{margin:0;font-size:clamp(2rem,8vw,3.5rem);font-weight:600}.banner-note{text-shadow:0 1px 4px #0a1a2ce6;margin:16px 0 0;font-size:.95rem}.banner h1{text-shadow:0 1px 6px #0a1a2c99}.banner-note+.banner-note{margin-top:4px}.page{max-width:1200px;margin:0 auto;padding:24px 16px 48px}.page-title{letter-spacing:-.02em;margin:8px 0 0;font-size:2rem;font-weight:300}.page-subtitle{color:var(--muted);margin:2px 0 24px;font-size:.875rem}h2{margin:0 0 12px;font-size:.95rem;font-weight:600}section+section{margin-top:32px}.columns{gap:32px;margin-bottom:32px;display:grid}.columns section+section{margin-top:0}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px}.list{margin:0;padding:0;list-style:none}.list li{padding:12px 16px}.list li+li{border-top:1px solid var(--border)}.title{font-size:.95rem;font-weight:500;display:block}.meta{color:var(--muted);margin-top:2px;font-size:.8125rem;display:block}.note{color:var(--muted);margin:8px 0 0;font-size:.8125rem}.tiles{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:16px;display:grid}.tile{color:var(--text);align-items:center;gap:16px;padding:18px 20px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.tile>svg{color:var(--accent);flex-shrink:0}.tile:hover{border-color:var(--accent-border);box-shadow:0 4px 6px -1px #0000001a}.tile:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.tile-text{flex:1;min-width:0}.tile-title{font-size:1.05rem;font-weight:500;display:block}.tile-description{color:var(--muted);margin-top:2px;font-size:.8125rem;line-height:1.35;display:block}.open-badge{background:var(--accent-soft);width:24px;height:24px;color:var(--accent);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:flex}.tile:hover .open-badge{background:var(--accent);color:var(--surface)}.empty{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:40px 16px;display:flex}.empty p{margin:0}.badge{white-space:nowrap;text-shadow:none;border-radius:999px;padding:1px 10px;font-size:.75rem;font-weight:600;display:inline-block}.badge-posted{background:var(--posted-bg);color:var(--posted-text)}.badge-projected{background:var(--projected-bg);color:var(--projected-text)}.badge-planned{background:var(--planned-bg);color:var(--planned-text)}.rating-easy{background:var(--posted-bg);color:var(--posted-text)}.rating-moderate{background:var(--accent-soft);color:var(--accent-strong)}.rating-hard{background:var(--projected-bg);color:var(--projected-text)}.rating-very-hard{background:var(--very-hard-bg);color:var(--very-hard-text)}.rating-mountain-goat-hard{background:var(--goat-bg);color:var(--goat-text)}.leg-source{margin:-16px 0 16px}.leg-list{overflow:hidden}.leg-row{border:0;border-top:1px solid var(--border);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;grid-template-columns:36px minmax(0,1fr) 48px 150px;align-items:center;gap:12px;padding:10px 16px;display:grid}.leg-row:hover{background:var(--hover)}.leg-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.leg-row.selected{background:var(--accent-soft)}.leg-head{background:var(--hover);color:var(--muted);cursor:default;border-top:0;font-size:.75rem;font-weight:600}.leg-number{font-weight:600}.leg-route{font-size:.875rem}.num{text-align:right;font-variant-numeric:tabular-nums}.surface{text-transform:capitalize}.wide-only{display:none}.leg-panel{z-index:25;background:var(--surface);border-left:1px solid var(--border);flex-direction:column;width:min(560px,100vw);display:flex;position:fixed;top:56px;bottom:0;right:0;box-shadow:-8px 0 24px #00000024}.leg-panel:focus{outline:none}.leg-panel-head{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 16px;display:flex}.leg-panel-head h2{margin:0;font-size:1.25rem}.leg-panel-actions{gap:4px;margin-left:auto;display:flex}.icon-button{background:var(--surface);border:1px solid var(--border);width:36px;height:36px;color:var(--muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover:not(:disabled){border-color:var(--accent-border);background:var(--accent-soft);color:var(--text)}.icon-button:disabled{opacity:.4;cursor:default}.leg-panel-body{flex:1;padding:16px;overflow-y:auto}.leg-panel-route{margin:0 0 12px;font-weight:500}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.stats div{background:var(--hover);border-radius:8px;padding:8px 12px}.stats dt{color:var(--muted);font-size:.75rem}.stats dd{margin:0;font-weight:600}.detail-section,section+section.detail-section{margin-top:20px}.detail-section h3{margin:0 0 6px;font-size:.95rem;font-weight:600}.detail-section p{margin:0;font-size:.9rem}.detail-section .note{margin-top:6px;font-size:.8125rem}.plain-list{margin:6px 0 0;padding-left:18px;font-size:.9rem}.stop-name{font-weight:500}.turns{border-collapse:collapse;width:100%;font-size:.875rem}.turns th{color:var(--muted);text-align:left;font-size:.75rem}.turns th,.turns td{border-bottom:1px solid var(--border);vertical-align:top;padding:6px 8px 6px 0}.turns td:first-child{font-variant-numeric:tabular-nums;width:44px}.turns td:nth-child(2){width:48px;font-weight:600}.map-link{margin-top:10px;font-size:.8125rem;text-decoration:none;display:block}.map-link img{border:1px solid var(--border);background:#fff;border-radius:8px;width:100%;height:auto;display:block}.map-link span{align-items:center;gap:4px;margin-top:4px;display:inline-flex}.line-easy{--line:var(--line-easy)}.line-moderate{--line:var(--line-moderate)}.line-hard{--line:var(--line-hard)}.line-very-hard{--line:var(--line-very-hard)}.line-mountain-goat-hard{--line:var(--line-goat)}.course{--line-easy:#16a34a;--line-moderate:#2563eb;--line-hard:#ca8a04;--line-very-hard:#ea580c;--line-goat:#dc2626;gap:16px;margin-bottom:16px;padding:16px;display:grid}.course-figure{width:100%;max-width:425px;margin:0 auto}.course-map{border:1px solid var(--border);touch-action:manipulation;border-radius:8px;width:100%;height:auto;display:block}.course-casing{fill:none;stroke:#fff;stroke-width:6px;stroke-linecap:round;stroke-linejoin:round;opacity:.85;pointer-events:none}.course-live-wrap{position:relative}.course-live{border:1px solid var(--border);background:#f5f7fa;border-radius:8px;height:420px;overflow:hidden}.course-fit{z-index:2;color:#171717;font:inherit;cursor:pointer;background:#fff;border:0;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-size:.8125rem;font-weight:500;display:inline-flex;position:absolute;top:10px;left:10px;box-shadow:0 0 0 2px #0000001a}.course-fit:hover{background:#f2f2f2}.course-popup .maplibregl-popup-content{color:#171717;border-radius:8px;padding:6px 10px;font:.8125rem/1.3 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.course-credit{color:var(--muted);text-align:right;margin-top:4px;font-size:.6875rem}.course-credit a{color:inherit}.course-leg{cursor:pointer}.course-hit{fill:none;stroke:#0000;stroke-width:14px;stroke-linecap:round}.course-line{fill:none;stroke:var(--line);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s}.course-map.has-selection .course-leg:not(.selected):not(.hovered) :is(.course-line,.course-casing){opacity:.4}.course-leg.hovered .course-line,.course-leg.selected .course-line{stroke-width:5px}.course-leg.hovered .course-casing,.course-leg.selected .course-casing{stroke-width:8px;opacity:1}.course-stop{fill:#fff;stroke:#404040;stroke-width:1px;pointer-events:none}.course-end circle{fill:#171717;stroke:#fff;stroke-width:1.5px}.course-end text{fill:#171717;paint-order:stroke;stroke:#fff;stroke-width:3px;font-size:12px;font-weight:700}.course-label circle{fill:#171717;stroke:#fff;stroke-width:1.5px}.course-label text{fill:#fff;font-size:11px;font-weight:700}.course-side h2{margin:0 0 4px;font-size:1.1rem}.course-focus{min-height:2.9em;margin:0 0 12px;font-size:.9rem}.course-legend{gap:6px;margin:0 0 12px;padding:0;font-size:.875rem;list-style:none;display:grid}.course-legend li{grid-template-columns:22px 1fr auto;align-items:center;gap:8px;display:grid}.course-legend .meta{margin:0}.swatch{background:var(--line);border-radius:3px;width:22px;height:5px;display:block}.course-link{align-items:center;gap:4px;margin-top:8px;font-size:.875rem;display:inline-flex}.profile{margin:0}.profile svg{touch-action:pan-y;width:100%;height:auto;display:block}.profile-grid{stroke:var(--border);stroke-width:1px}.profile-axis{fill:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.profile-area{fill:var(--accent-soft)}.profile-line{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linejoin:round}.profile-turn{fill:var(--surface);stroke:var(--text);stroke-width:1.5px}.profile-hover line{stroke:var(--muted);stroke-width:1px;stroke-dasharray:3 3}.profile-hover circle{fill:var(--accent);stroke:var(--surface);stroke-width:2px}.profile figcaption{min-height:1.4em}.directions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.directions .coords{font-variant-numeric:tabular-nums;margin:0}.nav-button.primary{background:var(--accent);border-color:var(--accent);color:var(--surface)}.nav-button.primary:hover{background:var(--accent-strong);border-color:var(--accent-strong);color:var(--surface)}@media (width>=900px){.leg-row{grid-template-columns:36px minmax(0,1fr) 56px 160px 72px 72px 64px}.wide-only{display:block}.course-live{height:540px}.course:has(.course-live){grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.course:has(.course-live) .course-figure{max-width:none}.course{grid-template-columns:minmax(0,425px) minmax(0,1fr);align-items:start;gap:32px;padding:20px 24px}}@media (width<=768px){.banner{background-image:linear-gradient(#0a1a2c57,#0a1a2c75),url(/assets/banner-960-Q9Vk0nck.webp)}}@media (width>=900px){.banner{height:var(--banner-height);flex-direction:row;gap:40px}.banner-inner{max-width:600px}.banner h1{font-size:clamp(2rem,4.4vw,3rem)}.banner-logo{height:calc(var(--banner-height) * 2 / 3)}.topbar{padding:0 24px}.menu{margin-left:12px}.menu-panel{left:0;right:auto}.quick-links{display:flex}.columns{grid-template-columns:1fr 1fr;align-items:start}.page{padding:32px 24px 56px}}
