:root{--color-club-panel: oklch(32% .032 157);--color-club-raised: oklch(39% .032 157);--color-club-dark: oklch(28% .026 170);--color-club-ink: oklch(95% .026 85);--color-club-muted: oklch(84% .026 100);--color-club-accent: oklch(87% .12 96);--color-club-ground: oklch(82% .035 108);--color-club-shadow: oklch(22% .026 150 / .34);--color-paper: oklch(19% .012 240 / .96);--color-surface: oklch(26% .014 240 / .96);--color-ink: oklch(98% .003 240);--color-muted: oklch(79% .012 240);--color-dark: oklch(12% .012 240);--color-dark-raised: oklch(25% .014 240);--color-dark-muted: oklch(80% .012 240);--color-rule: oklch(96% .008 240 / .18);--color-dark-rule: oklch(96% .008 240 / .22);--color-accent: oklch(85% .17 106);--color-accent-ink: oklch(18% .025 150);--color-focus: oklch(88% .17 106);--color-error: oklch(81% .12 35);--color-transparent: transparent;--color-hud-paper: oklch(12% .012 240 / .22);--color-hud-dark: oklch(12% .012 240 / .32);--color-hud-hover: oklch(12% .012 240 / .64);--color-hud-edge: oklch(98% .003 240 / .17);--color-hud-muted: oklch(92% .006 240 / .8);--color-hud-shadow: oklch(5% .008 240 / .86);--color-hud-scrim: oklch(8% .009 240 / .42);--color-hud-glass: oklch(15% .012 240 / .44);--color-hud-glass-shadow: oklch(5% .008 240 / .24);--color-chart-line: oklch(98% .003 240 / .92);--color-chart-shadow: oklch(8% .009 240 / .58);--color-chart-fill: oklch(85% .17 106 / .18);--font-display: "Barlow Condensed", sans-serif;--font-body: "IBM Plex Sans", sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--radius-sm: 6px;--radius-md: 10px;--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-micro: .12s;--color-landing-bg: oklch(19% .012 240);--color-landing-top: oklch(8% .009 240 / .64);--color-landing-bottom: oklch(8% .009 240 / .6);--color-landing-side: oklch(8% .009 240 / .74);--color-landing-floor: oklch(8% .009 240 / .86);--color-landing-raised: oklch(23% .013 240);--color-landing-dim: oklch(98% .003 240 / .62);--landing-gutter: clamp(16px, 4vw, 64px);--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--space-5xl: 144px;--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-swap: .24s;--dur-fade: .4s}.fika-loader[hidden]{display:none}body.choosing-route{overflow:auto;background:var(--color-dark);color:var(--color-ink)}#route-start{box-sizing:border-box;max-width:1180px;margin:0 auto;padding:28px 32px 60px;font-family:var(--font-body)}#route-start *{box-sizing:border-box}#route-start header{display:flex;align-items:center;justify-content:space-between;gap:20px}#route-start header a{color:inherit;text-decoration:none;font-size:14px}#route-start .start-brand{font-size:24px;font-weight:700;letter-spacing:-.06em}.start-heading{margin:40px 0 28px}.start-heading h1{font-size:clamp(28px,4vw,42px);line-height:1.12;letter-spacing:-.035em;margin:0}.start-filters{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:14px}.start-filters label{display:grid;gap:7px;min-width:0;font-size:12px;color:var(--color-muted)}.start-filters input,.start-filters select{width:100%;min-width:0;min-height:42px;padding:9px 10px;border:1px solid var(--color-rule);border-radius:6px;background:var(--color-surface);color:var(--color-ink);font:inherit;font-size:14px;color-scheme:dark}.start-filters input::placeholder{color:var(--color-muted)}.start-filters :is(input,select):focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.start-results{display:flex;align-items:center;gap:16px;min-height:48px;font-size:12px;color:var(--color-muted)}#route-clear{min-height:36px;padding:0;border:0;background:none;color:var(--color-ink);font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}#route-clear:hover{color:var(--color-accent)}#route-clear:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}#start-message{font-size:14px;line-height:1.5}#start-message:empty{display:none}.start-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.start-route{--route-color:oklch(81% .12 155);display:flex;flex-direction:column;padding:0;min-width:0;overflow:hidden;border:1px solid color-mix(in oklch,var(--route-color) 25%,var(--color-surface));border-radius:10px;background:color-mix(in oklch,var(--route-color) 5%,var(--color-surface));color:var(--color-ink);text-align:left;cursor:pointer;font:inherit;white-space:normal}.start-route[data-terrain=flat]{--route-color:oklch(82% .1 215)}.start-route[data-terrain=hilly]{--route-color:oklch(85% .13 83)}.start-route[data-terrain=mountain]{--route-color:oklch(79% .13 36)}.start-route:hover,.start-route:focus-visible{border-color:var(--route-color);outline:2px solid var(--route-color);outline-offset:2px}.start-route:active{background:var(--color-dark-raised)}.start-route:disabled,.start-filters :disabled{cursor:wait;opacity:.6}.start-route-label{display:grid;gap:7px;padding:18px 18px 0}.start-route-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.start-route strong{font-size:21px;line-height:1.2;letter-spacing:-.02em}.start-route-completion{flex:none;padding:3px 7px;border-radius:4px;background:var(--color-dark-raised);color:var(--color-muted);font-size:11px;line-height:1.5}.start-route-completion[data-new=true]{background:color-mix(in oklch,var(--color-accent) 12%,transparent);color:var(--color-accent)}.start-route-country{display:flex;gap:7px;align-items:center;font-size:12px;color:var(--color-muted);line-height:1.5}.start-route-flag{flex:none;font-size:17px;line-height:1;letter-spacing:-.12em;margin-right:2px}.start-route-facts{display:flex;flex-wrap:wrap;gap:3px 14px;align-items:baseline;margin-top:7px;font-size:12px;line-height:1.5;color:var(--color-muted)}.start-profile{display:block;width:calc(100% - 24px);height:auto;margin:16px 12px 12px;overflow:visible}.start-profile text{font:10px var(--font-body);fill:var(--color-muted)}.profile-guide{fill:none;stroke:var(--color-rule);stroke-width:.6}.profile-area{fill:var(--route-color);fill-opacity:.14}.profile-line{fill:none;stroke:var(--route-color);stroke-width:1.5;stroke-linejoin:round}#route-empty{padding:36px 0;color:var(--color-muted)}#route-start [hidden],.route-picker [hidden]{display:none}#routes-dialog .start-route[aria-pressed=true]{border-color:var(--route-color)}#routes-dialog .start-route strong{font-size:20px}#routes-dialog .route-record{margin:0 18px 12px;font-size:11px}#routes-dialog .route-level-badge{margin:0 18px 12px}@media(max-width:900px){.start-routes,.start-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){#route-start{padding:20px 18px 40px}.start-heading{margin-top:32px}.start-routes{grid-template-columns:minmax(0,1fr);gap:12px}.start-filters{gap:12px}.start-filters input,.start-filters select{font-size:16px}}