#ridePathDialog{width:min(960px,calc(100vw - 24px));max-width:none;height:min(760px,calc(100dvh - 24px));max-height:none;padding:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--theme-primary,#146cff) 55%,#465466);border-radius:20px;background:#1d1f1f;color:#f4f7fa}
#ridePathDialog::backdrop{background:rgba(0,0,0,.82)}
.ride-path-shell{display:grid;grid-template-rows:auto auto 1fr;height:100%;min-height:0}
.ride-path-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #3a4654}
.ride-path-head h2{margin:0;font-size:20px}.ride-path-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:12px 16px}
.ride-path-stat{padding:10px;border:1px solid #3a4654;border-radius:10px;background:#151719}.ride-path-stat span{display:block;color:#aeb9c8;font-size:9px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.ride-path-stat strong{display:block;margin-top:5px;font-size:15px}
#ridePathMap{min-height:0;margin:0 16px 16px;overflow:hidden;border:2px solid var(--theme-primary,#146cff);border-radius:16px;background:#111820}.ride-path-button{margin-top:12px}
html body[data-display-mode="day"] #ridePathDialog{background:#fff;color:#14201f;border-color:#c9dcf3}html body[data-display-mode="day"] #ridePathDialog .ride-path-head{border-color:#dbe5f3}html body[data-display-mode="day"] #ridePathDialog .ride-path-stat{background:#f6f9fd;border-color:#dbe5f3}html body[data-display-mode="day"] #ridePathDialog .ride-path-stat span{color:#61768e}
@media(max-width:600px){#ridePathDialog{width:100vw;height:100dvh;border:0;border-radius:0}.ride-path-head{padding:12px}.ride-path-summary{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 12px}#ridePathMap{margin:0 12px max(12px,env(safe-area-inset-bottom));border-radius:15px}.ride-path-button{width:100%;min-height:48px}}