#hud{max-width:min(660px,calc(100vw - 2 * var(--gutter) - var(--safe-left) - 72px))}#hud .hud-head{justify-content:flex-start}#hud .hud-title{margin:0}#hud #course-menu-btn{font-size:24px;min-height:var(--touch-target)}#hud #build-route-btn{display:none}.route-tools{display:flex;flex:none;align-items:center;gap:4px}.route-tools button,.rider-actions button,.rider-actions .file-btn{min-width:var(--touch-target);min-height:var(--touch-target);font:inherit;cursor:pointer;border:1px solid transparent;border-radius:var(--hh-radius-control);color:var(--hh-ink);background:var(--hh-paper);padding:6px 10px}.route-tools button:hover,.rider-actions button:hover,.rider-actions .file-btn:hover{background:var(--hh-paper-hover)}.route-tools button[aria-expanded=true]{border-color:var(--hh-ink)}#map-controls{position:fixed;top:calc(var(--gutter) + var(--safe-top));right:calc(var(--gutter) + var(--safe-right));z-index:8;width:216px;padding:4px;border:1px solid var(--hh-line);border-radius:var(--hh-radius-panel);background:var(--hh-paper);box-shadow:var(--hh-shadow-rest);font:inherit}#map-controls[hidden]{display:none}#map-controls .map-style{width:100%;height:var(--touch-target)}#map-controls .map-style:not([hidden]){display:flex}#map-controls .map-style button{flex:1;width:auto;min-width:0;min-height:var(--touch-target);justify-content:center;padding:0 10px;font-size:13px}#map-controls .hud-icon{width:18px;height:18px}#map-controls .map-style-label{display:inline;min-width:0;overflow:hidden;text-overflow:ellipsis}.map-popover-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}#ghost-panel{pointer-events:auto;padding:6px 10px}.rider-actions{display:flex;align-items:center;gap:6px;order:1}.rider-actions .file-btn{display:inline-flex;align-items:center;gap:6px;color:var(--hh-orange)}.rider-actions .hud-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}.rider-actions #file-input{display:none}#transport{display:flex;gap:10px}#transport .transport-primary{display:flex;flex:1;gap:8px}#transport #scrub-wrap{flex:1}#transport .transport-secondary{display:flex;padding:0;border:0}#transport .transport-modes{flex-wrap:nowrap}#transport button,#transport select,#transport .check{min-height:var(--touch-target)}#transport #clear-btn{font-size:12px}.route-tools [hidden],.rider-actions [hidden]{display:none}@media(min-width:1024px){#hud{width:max-content;min-width:0;max-width:calc(100vw - var(--safe-left) - var(--safe-right) - 2 * var(--gutter) - 228px)}#hud .hud-head{gap:16px}#hud .hud-title{flex:0 1 auto;min-width:0;max-width:300px}#hud #course-menu-label{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#hud .route-tools button{padding-inline:8px;font-size:13px;white-space:nowrap}#ghost-panel{flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px}.rider-actions{border-left:1px solid var(--hh-line);padding-left:6px}#transport #scrub-wrap{min-width:100px}#transport #time-label{font-size:12px}#transport .transport-group{gap:4px}#transport .transport-modes button{padding:6px 8px}}#route-tools-btn,.race-label-phone,.clear-icon{display:none}.playback-options{display:flex;align-items:center;gap:8px}#transport .transport-secondary{gap:8px}#route-tools-sheet{margin:auto 0 0;width:100%;max-width:none;max-height:min(80dvh,600px);padding:16px 20px calc(20px + var(--safe-bottom));border:1px solid var(--hh-line);border-radius:12px 12px 0 0;background:var(--hh-paper);color:var(--hh-ink);box-shadow:var(--hh-shadow-float);font:inherit}#route-tools-sheet::backdrop{background:#1b1c1e47}#route-tools-sheet .map-popover-head button,#route-add-ride{min-height:var(--touch-target);min-width:var(--touch-target);border:1px solid var(--hh-line);border-radius:var(--hh-radius-control);background:var(--hh-paper);color:inherit;font:inherit;cursor:pointer}#route-add-ride{padding:8px 14px;margin-top:12px;width:100%;color:var(--hh-orange)}@media(max-width:1023px){#hud{width:calc(100vw - 2 * var(--gutter) - var(--safe-left) - var(--safe-right));max-width:none;padding:6px}#hud .hud-head{gap:4px}#hud .hud-title{display:contents}#hud-atlas-link{display:inline-grid;place-items:center;width:var(--touch-target);min-width:var(--touch-target);min-height:var(--touch-target);font-size:0;border:0;padding:0;margin:0}#hud-atlas-link .hud-brand-arrow{font-size:22px}#hud .hud-course-picker{flex:1;display:flex;justify-content:center;min-width:0}#hud #course-menu-btn{max-width:100%;min-width:0;font-size:18px;padding:4px}#course-menu-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#course-menu{left:0;right:auto;max-width:calc(100vw - 2 * var(--gutter) - 60px)}#route-tools-btn{display:inline-grid;place-items:center;width:var(--touch-target);min-width:var(--touch-target);min-height:var(--touch-target);border:0;border-radius:var(--hh-radius-control);background:var(--hh-paper);font:inherit;font-size:24px;color:var(--hh-ink);cursor:pointer}#hud .account-chip-wrap{margin:0}#hud .hud-account-chip{min-width:var(--touch-target);width:var(--touch-target);min-height:var(--touch-target)}#map-controls{top:calc(78px + var(--safe-top))}#route-tools-sheet .route-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px;border:0;margin:0}#route-tools-sheet .route-tools button{min-height:56px;text-align:left;background:var(--hh-paper-warm);padding:10px 12px}#transport{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding:6px 8px}#transport .transport-primary{display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-template-rows:auto;gap:8px}#transport #play-btn,#transport #time-label,#transport #scrub-wrap{grid-row:1}#transport #play-btn{grid-column:1}#transport #scrub-wrap{grid-column:2;min-width:0}#transport #scrub{height:var(--touch-target)}#transport #time-label{grid-column:3;width:auto;font-size:11px}#transport .transport-secondary{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;max-height:none;padding-top:4px;border-top:1px solid var(--hh-line);scrollbar-width:thin}#transport .transport-secondary>*{flex:0 0 auto}#transport .playback-options,#transport .transport-modes{gap:6px}#transport #speed{width:62px;min-height:var(--touch-target);font-size:12px}#transport .check{display:flex;align-items:center;min-width:66px;font-size:12px}#transport .transport-modes button{padding:6px 9px;font-size:12px}#transport .race-label-phone,#transport .clear-icon{display:inline}#transport .button-label,#transport .clear-label{display:none}#transport #clear-btn{min-width:var(--touch-target);font-size:20px}#ghost-panel{right:calc(var(--gutter) + var(--safe-right));max-height:min(26dvh,200px);overflow-y:auto}#ghost-panel .ghost-row{flex-wrap:wrap}.rider-actions{border-top:1px solid var(--hh-line);padding-top:2px}.rider-actions .wide-label{display:inline}#ghost-panel .file-btn{width:auto}}@media(min-width:1024px){#settings-panel,#account-panel{top:var(--route-card-clearance, 150px);max-height:calc(100dvh - var(--route-card-clearance, 150px) - var(--transport-clearance))}body:has(#settings-panel:not([hidden]),#account-panel:not([hidden])) #ghost-panel{display:none}}@media(min-width:1024px)and (max-width:1199px){body:is(.comparison-open,.pr-day-open,.trends-open,.simulator-open,.trust-open,.export-open,.help-open) #hud{visibility:hidden}}#transport[hidden]{display:none}:is(.route-tools button,.rider-actions button,.rider-actions .file-btn,#route-tools-btn,#route-tools-sheet button):focus-visible{outline:2px solid var(--hh-orange);outline-offset:2px}