.ride-modes{display:flex;gap:10px;margin-bottom:25px;flex-wrap:wrap}.gps-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px}.gps-layout>*{min-width:0}.gps-route{background:radial-gradient(ellipse at center,#29271c,#141615 70%);border-block:1px solid var(--line)}.gps-route svg{width:100%;height:auto;max-height:350px}.gps-telemetry{text-align:center;padding:24px}.gps-state{font-size:.9rem;color:var(--acid);letter-spacing:.02em;min-height:24px}.gps-state.invalid{color:#ffab9c}.gps-state.finished{color:#89cfc0}.gps-time{font-size:clamp(3rem,7vw,5rem);line-height:1.2;letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-weight:700;margin:10px 0 20px}.gps-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:15px 0 24px}.gps-stats small{display:block;color:var(--muted);font-size:.875rem;margin-bottom:8px}.gps-stats strong{font-size:1.6rem;font-variant-numeric:tabular-nums}.gps-stats strong span{font-size:.875rem;color:var(--muted);font-weight:400}.gps-next{margin-bottom:12px}.gps-controls{padding:0 24px 18px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.gps-setup{display:flex;flex-direction:column;gap:20px}.gps-setup .field{margin:20px 0 14px}.gps-setup .field input,.gps-setup .field select{width:100%;min-width:0}.gps-check{display:flex;gap:10px;font-size:.875rem;line-height:1.6;align-items:flex-start}.gps-check input{margin-top:6px;flex-shrink:0;accent-color:var(--acid)}.gps-note{font-size:.875rem;line-height:1.65;color:var(--muted);margin:16px 0}.track-panel>.gps-note{margin:0;padding:0 24px 24px}.gps-message{margin:0 24px 20px;padding:14px 16px;background:#302819;border:1px solid #685632;border-radius:8px;font-size:.875rem;line-height:1.6}.gps-setup .gps-message{margin:14px 0}.gps-history{margin-top:32px}.gps-history>p{margin:10px 0 20px;font-size:.875rem}.gps-history-row{display:flex;gap:20px;align-items:center;padding:20px;border:1px solid var(--line);border-radius:10px;margin-top:10px;background:var(--panel)}.gps-history-row>div{flex:1;min-width:0}.gps-history-row strong{overflow-wrap:anywhere}.gps-history-row small{display:block;color:var(--muted);font-size:.875rem;line-height:1.5;margin-top:6px}.gps-history-row>strong{font-variant-numeric:tabular-nums;white-space:nowrap}
.gps-persistence{text-align:center;font-size:.875rem;color:var(--muted);padding:0 20px 20px}.gps-history-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.gps-history-row>.gps-history-actions{flex:0 1 auto}.gps-history>h3{margin-top:30px}
@media(max-width:1100px){.gps-layout{grid-template-columns:minmax(0,1fr)}.gps-setup{display:grid;grid-template-columns:1fr 1fr}.gps-route svg{max-height:300px}}
@media(max-width:620px){.gps-layout{gap:18px}.gps-setup{display:flex}.ride-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ride-modes .button{font-size:.875rem;padding:12px 8px}.gps-telemetry{padding:20px 14px}.gps-stats{gap:8px}.gps-stats strong{font-size:1.25rem}.gps-stats small{font-size:.8rem;line-height:1.4}.gps-stats strong span{font-size:.75rem}.gps-controls{padding-inline:14px;flex-direction:column}.gps-controls .button{width:100%;min-height:46px}.gps-controls .text-link{justify-content:center;min-height:40px}.gps-history-row{gap:12px;padding:14px;flex-wrap:wrap}.gps-history-row>div{flex-basis:100%}.gps-time{font-size:3.7rem}.gps-setup .mini-leaderboard h3{font-size:1.05rem}}