:root{--bg: #f2e9da;--bg-2: #efe6d5;--surface: #fbf6ec;--surface-2: #f4ecdb;--sep: #e3d6be;--text: #3a2e22;--text-mid: #6b4f3a;--text-muted: #8a755e;--terracotta: #c8743c;--terracotta-soft: #e8c3a6;--gold: #c9a227;--bitume: #1565c0;--piste-carrossable: #f9a825;--piste-sauvage: #d84315;--trek: #7b1fa2;--bateau: #00897b;--sejour: #6b4f3a;--danger: #c62828;--ok: #2e7d32;--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--shadow: 0 2px 10px rgba(58, 46, 34, .12);--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif;--font-display: "Fraunces", Georgia, "Times New Roman", serif}:root[data-theme=dark]{--bg: #1f1812;--bg-2: #261d15;--surface: #2b2118;--surface-2: #332619;--sep: #43352a;--text: #f1e7d6;--text-mid: #cdb89f;--text-muted: #a08c75;--terracotta: #db8a52;--terracotta-soft: #5a4030;--gold: #d9b53e;--shadow: 0 2px 12px rgba(0, 0, 0, .45)}@font-face{font-family:Fraunces;font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/fraunces-latin.woff2) format("woff2")}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;height:100%}body{font-family:var(--font);color:var(--text);background:var(--bg)}#root{display:flex;flex-direction:column;max-width:720px;margin:0 auto;background:var(--bg) url(/topo.svg) repeat;background-size:360px 360px}:root[data-theme=dark] #root{background:var(--bg) url(/topo_sombre.svg) repeat;background-size:360px 360px}h1,h2,h3{font-family:var(--font-display);font-weight:600;color:var(--text);margin:0;letter-spacing:.1px}button{font-family:inherit;cursor:pointer}a{color:var(--terracotta)}.greca{height:6px;background:repeating-linear-gradient(135deg,var(--terracotta) 0 6px,transparent 6px 12px,var(--gold) 12px 18px,transparent 18px 24px);opacity:.7}.greca-thin{height:2px;background:var(--gold);opacity:.5}.maplibregl-ctrl-bottom-left,.maplibregl-ctrl-bottom-right{margin-bottom:90px}.app-shell{flex:1;min-height:0;display:flex;flex-direction:column}.page{flex:1;min-height:0;overflow-y:auto}@keyframes flashPop{0%{opacity:0;transform:translate(-50%) scale(.8)}18%{opacity:1;transform:translate(-50%) scale(1.06)}32%{transform:translate(-50%) scale(1)}to{opacity:1;transform:translate(-50%) scale(1)}}.flash-pop{animation:flashPop .45s ease-out}.card{background:var(--surface);border:1px solid var(--sep);border-radius:var(--r-lg);padding:14px 16px}.pill{border:1px solid var(--sep);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600;background:var(--surface);color:var(--text-mid);cursor:pointer}.pill--on{background:var(--terracotta);border-color:var(--terracotta);color:#fff}.pill--gold{background:var(--gold);border-color:var(--gold);color:#3a2e22}.btn-primary{width:100%;border:none;border-radius:var(--r-sm);background:var(--terracotta);color:#fff;padding:12px;font-size:15px;font-weight:600}.btn-primary:disabled{opacity:.6}.btn-ghost{border:1px solid var(--sep);border-radius:var(--r-sm);background:var(--surface-2);color:var(--text);font-size:13px;font-weight:600;padding:8px 12px}.input{width:100%;background:var(--surface);color:var(--text);border:1px solid var(--sep);border-radius:var(--r-sm);padding:11px 12px;font-size:15px;font-family:inherit}.seg{display:inline-flex;gap:4px;background:var(--surface-2);border-radius:999px;padding:3px}.seg>button{border:none;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600;background:transparent;color:var(--text-mid)}.seg>button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.map-fab{width:44px;height:44px;border-radius:50%;border:1px solid var(--sep);background:var(--surface);color:var(--text-mid);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;cursor:pointer}.map-fab:active{transform:scale(.94)}.map-glass{background:var(--surface);background:color-mix(in srgb,var(--surface) 84%,transparent);backdrop-filter:blur(14px) saturate(1.15);-webkit-backdrop-filter:blur(14px) saturate(1.15);border:1px solid var(--sep);box-shadow:0 8px 28px #3a2e2240}.nav-hud{position:absolute;top:10px;left:50%;transform:translate(-50%);width:min(92%,410px);z-index:5;border-radius:22px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.nav-hud--alert{border-color:var(--danger)}.nav-hud__arrow{width:44px;height:44px;flex:none;border-radius:50%;background:var(--terracotta);display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #c8743c73}.nav-hud__speed{font-size:40px;font-weight:800;line-height:.9;letter-spacing:-1.5px;font-variant-numeric:tabular-nums;color:var(--text)}.nav-hud__pill{flex:none;border:1px solid var(--sep);border-radius:999px;padding:5px 11px;font-size:11px;font-weight:700;background:var(--surface-2);color:var(--text-mid);cursor:pointer}.gps-dot{display:inline-block;width:7px;height:7px;border-radius:50%;vertical-align:middle}@keyframes gpsPulse{0%{transform:scale(.45);opacity:.85}70%{transform:scale(1.55);opacity:0}to{transform:scale(1.55);opacity:0}}.gps-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#c8743c59;animation:gpsPulse 2s ease-out infinite;pointer-events:none}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.4s linear infinite;border-radius:var(--r-sm)}@keyframes pageIn{0%{opacity:0}to{opacity:1}}.page{animation:pageIn .22s ease-out}@keyframes popIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}.pop-in{animation:popIn .18s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease}@keyframes chakanaPulse{0%,to{opacity:.45;transform:scale(.94)}50%{opacity:1;transform:scale(1)}}.chakana-pulse{animation:chakanaPulse 1.6s ease-in-out infinite}@keyframes confettiFall{to{transform:translate(var(--drift, 0px),105vh) rotate(720deg);opacity:.9}}@media (prefers-reduced-motion: reduce){.page,.pop-in,.fade-in,.chakana-pulse,.skeleton,.flash-pop,.gps-ring{animation:none}.confetti{display:none}}