.ride{grid-template-rows:auto minmax(0,1fr) auto auto}.current{min-height:140px;padding-top:calc(23px + env(safe-area-inset-top));padding-bottom:25px}.current-name{font-size:clamp(1.65rem,6.5vw,2.35rem)}#ride-overlay{position:absolute;top:14px;left:14px;right:14px;z-index:550;display:flex;align-items:start;justify-content:space-between;gap:8px;pointer-events:none}.map-chip{pointer-events:auto;background:#fffffff2;box-shadow:0 2px 10px #0001;border-radius:20px;min-height:40px;padding:10px 12px;display:flex;align-items:center;gap:7px;font-size:.8125rem;font-weight:600}.map-chip img{width:18px;height:18px}.map-chip.active{color:#007aff}#eta{margin-left:auto;text-align:right}#jump{position:absolute;z-index:550;left:50%;top:66px;transform:translateX(-50%);white-space:nowrap;color:#007aff}#live-strip{background:#fff;padding:11px 14px 8px;min-height:44px;border-bottom:1px solid #eee}.live-counts{display:flex;justify-content:space-around;gap:10px}.live-counts>span{display:flex;align-items:center;gap:6px;font-size:.875rem}.live-counts b{font-size:1rem;font-variant-numeric:tabular-nums}.live-counts small{color:#74747a;font-size:.75rem}.live-counts img{width:16px;height:16px}.live-counts.unreliable{opacity:.55}.live-status{display:block;color:#94611c;text-align:center;margin-top:6px;font-size:.75rem}.bottom-bar{gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom))}.round-button{width:44px;height:44px}.ride-tool{height:44px;width:36px;flex-shrink:0;display:grid;place-items:center}.ride-tool img{width:20px;height:20px}.next-button{height:50px;min-width:0;padding:0 18px}.companion-row{width:100%;min-height:58px;display:flex;align-items:center;gap:13px;text-align:left;border-bottom:1px solid #e5e5ea;padding:12px 0}.companion-row>span:first-of-type{flex:1}.companion-row>img{flex-shrink:0}.companion-row small,.history-row small,.extra-row small{display:block;color:#86868b;font-size:.8125rem;line-height:1.5;margin-top:3px}.companion-row .chevron{width:7px;height:7px;color:#86868b;margin-right:5px}#ride-settings{margin-bottom:24px}.companion-row:disabled,.setting input:disabled,.setting select:disabled,.action:disabled,.reset:disabled{opacity:.45}#companion-body{font-size:.9375rem;line-height:1.5}#companion-body h2{font-size:1.0625rem;margin:23px 0 10px}#companion-body p{color:#65656c}#companion-body details{margin:20px 0;color:#65656c;font-size:.875rem}#companion-body summary{color:#303033;cursor:pointer}.ride-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:10px 0 24px}.ride-stats strong{font-size:1.65rem;letter-spacing:-.035em;font-weight:600;display:block}.ride-stats small{color:#86868b;display:block}.history-row{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid #eee}.history-row>span{color:#86868b;font-size:.8125rem;min-width:24px}.backup-import{display:flex;align-items:center;gap:10px;position:relative;color:#007aff;padding:12px 0;cursor:pointer}.backup-import input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.text-action{color:#007aff;padding:10px 0}.extra-row{display:flex;gap:12px;align-items:center;border-bottom:1px solid #eee;padding:12px 0}.extra-row>button:nth-child(2){flex:1;text-align:left;padding:0}.extra-check{width:26px;height:26px;border:1px solid #ccc;border-radius:50%;flex-shrink:0}.extra-check.done{background:#007aff;border-color:#007aff;color:white}.extra-row>a{padding:8px;color:#007aff}.gps-marker{position:relative}.gps-marker b{display:block;position:absolute;inset:4px;background:#007aff;border:3px solid white;border-radius:50%;box-shadow:0 1px 6px #0004}.gps-marker b.stale{background:#888}.gps-marker i{position:absolute;left:4px;top:-13px;width:16px;height:26px;background:#007aff55;clip-path:polygon(50% 0,100% 100%,0 100%);transform-origin:50% 25px}.storage-warning{position:fixed;left:12px;right:12px;top:env(safe-area-inset-top,0);z-index:3000;background:#fff0d0;color:#6b3900;padding:12px;border-radius:12px;font-size:.875rem}.settings-content button:disabled{opacity:.45}@media(max-width:350px){.live-counts>span{gap:3px}.bottom-bar{gap:4px}.next-button{font-size:.95rem}.live-counts small{font-size:.7rem}}@media(max-height:620px){.current{min-height:90px;padding-top:12px;padding-bottom:15px}.current-name{font-size:1.5rem}}@media(min-width:760px){.next-button{margin-left:auto}.current{min-height:140px}}
