.published-track-map{background:repeating-linear-gradient(0deg, transparent 0 31px, var(--color-border-soft) 32px), repeating-linear-gradient(90deg, transparent 0 31px, var(--color-border-soft) 32px), #0a0f12;min-height:24rem}.track-speed-legend{color:var(--color-muted);font-family:var(--font-data);grid-template-columns:auto 1fr auto;align-items:center;gap:.35rem .75rem;font-size:.72rem;display:grid}.track-speed-legend__bar{background:linear-gradient(90deg,#2f6feb,#18b7d8 25%,#42d66b 50%,#f2d33b 75%,#ff7a1a);border:1px solid #ffffff1c;border-radius:999px;grid-column:1/-1;height:.55rem;box-shadow:0 0 1rem #18b7d81f}.track-speed-legend>span:nth-of-type(2){text-align:center;text-transform:uppercase}.track-speed-legend>span:nth-of-type(3){text-align:right}.track-speed-legend__missing{grid-column:1/-1;align-items:center;gap:.4rem;margin-top:.25rem;display:inline-flex}.track-speed-legend__missing i{background:#66727c;border-radius:999px;width:1.5rem;height:.3rem}.track-map-experience{min-width:0;position:relative}.track-map-fullscreen{width:100%;max-width:none;height:100dvh;max-height:none;color:var(--color-text);background:#071017;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.track-map-fullscreen::backdrop{background:#071017}.track-map-fullscreen[open]>.track-map-experience{height:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;display:flex}.track-map-fullscreen[open] .published-track-map{flex:1 1 0;width:100%;height:auto;min-height:0;overflow:hidden}.track-map-fullscreen[open] .track-map-toolbar,.track-map-fullscreen[open] .track-map-footer{flex:none}.track-map-fullscreen[open] .track-map-toolbar{gap:.35rem;padding:.4rem 3.2rem .4rem .6rem}.track-map-fullscreen[open] .track-map-expand{position:absolute;top:.4rem;right:.5rem}.track-map-fullscreen[open] .track-map-toolbar h2,.track-map-fullscreen[open] .track-map-title,.track-map-fullscreen[open] .track-map-reset-label{display:none}@media (width<=600px){.track-map-fullscreen[open] .track-map-toolbar{padding-right:.6rem}.track-map-fullscreen[open] .track-map-gates-toggle{margin-right:3.2rem}.track-map-fullscreen[open] .track-map-actions{flex:100%;justify-content:space-between}.track-map-fullscreen[open] .track-map-elevation{display:none}.track-map-fullscreen[open] .track-map-footer{gap:.25rem .6rem;padding:.3rem .6rem}}.track-map-toolbar{border-bottom:1px solid var(--color-border-soft);background:#0b151c;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem 1rem;display:flex}.track-map-mode{border:1px solid var(--color-border);border-radius:.65rem;gap:0;display:flex;overflow:hidden}.track-map-base-mode button{min-width:4.5rem}.track-map-toolbar h2{white-space:nowrap;flex:1;margin:0}.track-map-title{flex:22rem;min-width:0}.track-map-jump-count{color:#6ee6f2;white-space:nowrap;font:700 .7rem var(--font-display)}.track-map-airborne{color:#6ee6f2;white-space:nowrap;font:700 .75rem var(--font-display);text-transform:uppercase;border:1px solid;border-radius:.4rem;padding:.2rem .55rem}.track-map-title>span{color:var(--color-muted);font:700 .65rem var(--font-display);letter-spacing:.12em;text-transform:uppercase}.track-map-title h1{color:var(--color-bone);font:700 clamp(1.4rem, 2vw, 1.9rem) var(--font-display);text-transform:uppercase;overflow-wrap:anywhere;margin:.2rem 0 0}.track-map-title p{color:var(--color-muted);margin:.3rem 0 0;font-size:.8rem}.track-detail-page .track-map-toolbar{gap:.5rem;padding:.5rem .75rem}.track-detail-page .track-map-title{flex-basis:16rem}.track-detail-page .track-map-title h1{margin-top:0;font-size:clamp(1.1rem,1.5vw,1.4rem)}.track-detail-page .track-map-mode button,.track-detail-page .track-map-reset,.track-detail-page .track-map-elevation select{min-height:2.25rem;padding:.3rem .55rem}.track-detail-page .track-map-reset-label{display:none}.track-detail-page .track-map-gates-toggle[aria-pressed=true]{color:var(--color-text);border-color:var(--color-ember)}@media (width<=600px){.track-detail-page .track-map-title{flex-basis:100%}.track-detail-page .track-map-actions{flex-wrap:wrap;flex-basis:100%;justify-content:space-between;gap:.25rem}.track-detail-page .track-map-elevation{gap:.25rem;font-size:.65rem}.track-detail-page .track-map-elevation select{max-width:6rem;margin:0}.track-detail-page .track-map-zoom{min-width:2.5rem}}.track-map-actions{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.track-map-zoom-controls{align-items:center;gap:.35rem;display:flex}.track-map-zoom{text-align:center;min-width:3.5rem;color:var(--color-text);font:.72rem var(--font-data)}.track-map-elevation{color:var(--color-muted);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.track-map-elevation select{max-width:11rem;min-height:2.75rem;color:var(--color-text);border:1px solid var(--color-border);background:#0a1218;border-radius:.35rem;margin-right:.4rem;padding:.45rem}.track-map-elevation select:focus-visible{outline:2px solid var(--color-performance);outline-offset:2px}.track-map-mode button,.track-map-reset{border:1px solid var(--color-border);min-height:2.75rem;color:var(--color-muted);font:700 .72rem var(--font-ui);letter-spacing:.03em;cursor:pointer;background:#0a1218;border-radius:.35rem;padding:.38rem .75rem}.track-map-mode button[aria-pressed=true]{border-color:var(--color-ember);color:var(--color-text);background:var(--color-ember);box-shadow:inset 0 1px #ffffff1f}.track-map-mode button:disabled{cursor:not-allowed;opacity:.38}.track-map-reset{align-items:center;gap:.45rem;display:inline-flex}.track-map-reset svg{width:.9rem;height:.9rem}.track-map-mode button:focus-visible,.track-map-reset:focus-visible,.published-track-map canvas:focus-visible{outline:2px solid var(--color-performance);outline-offset:2px}.track-detail-page .published-track-map{background:#071017;height:clamp(22rem,58vh,36rem);min-height:0;position:relative;overflow:hidden}.published-track-map canvas{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;max-width:100%;display:block}.published-track-map canvas[data-dragging=rotate],.published-track-map canvas[data-dragging=pan]{cursor:grabbing}.track-map-unavailable{color:var(--color-muted);pointer-events:none;background:#050c11ad;place-items:center;margin:0;display:grid;position:absolute;inset:0}.published-track-map--fallback{min-height:22rem;color:var(--color-muted);text-align:center;place-content:center;justify-items:center;gap:.6rem;padding:2rem}.published-track-map--fallback strong{color:var(--color-bone);font-family:var(--font-display);text-transform:uppercase;font-size:1.2rem}.published-track-map--fallback button{border:1px solid var(--color-ember);min-height:2.35rem;color:var(--color-bone);cursor:pointer;background:#e844311f;border-radius:.4rem;margin-top:.35rem;padding:.45rem .9rem}.track-map-tooltip{z-index:3;border:1px solid var(--color-ember);pointer-events:none;background:#050c11f0;border-radius:.85rem;gap:.35rem;width:13rem;max-width:calc(100% - 1rem);margin:0;padding:.7rem .8rem;display:grid;position:absolute;box-shadow:0 .8rem 2rem #0000006b}.track-map-tooltip div{justify-content:space-between;gap:1rem;display:flex}.track-map-tooltip dt{color:var(--color-muted);font-size:.68rem}.track-map-tooltip dd{color:var(--color-text);font:700 .72rem var(--font-data);margin:0}.track-map-footer{border-top:1px solid var(--color-border);background:#0a141b;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));align-items:center;gap:1.25rem;padding:.75rem 1rem;display:grid}.track-map-footer p,.track-map-footer small{color:var(--color-muted);margin:0;font-size:.72rem}.track-map-footer small{text-align:left}.track-map-gestures{flex-wrap:wrap;gap:.3rem 1.25rem;display:flex}.track-map-gestures>span{white-space:nowrap}.track-map-neutral{color:var(--color-muted);align-items:center;gap:.6rem;font-size:.72rem;display:flex}.track-map-neutral i{background:#42b9c8;border-radius:1rem;width:1.5rem;height:.3rem}@media (width<=640px){.track-map-reset-label{display:none}.track-map-reset{justify-content:center;min-width:2.75rem}.track-map-actions{justify-content:space-between;width:100%}.track-map-elevation{width:100%}}.track-map-mode button{border:0;border-radius:0;min-width:3.5rem}.track-map-footer .track-speed-legend{grid-template-columns:auto minmax(8rem,1fr) auto;display:grid}.track-map-footer .track-speed-legend i{background:linear-gradient(90deg,#2f6fea,#19c8eb,#4cde7c,#e7e12f,#f78927,#ed3b37);border-radius:999px;height:.5rem;box-shadow:0 0 1rem #19c8eb26}@media (width<=699px){.published-track-map{min-height:18rem}}.published-track-map{position:relative}.track-map-next-gate{z-index:2;color:#f9cf59;pointer-events:none;background:#09141bf0;border:1px solid #786538;border-radius:.5rem;align-items:center;gap:.55rem;max-width:calc(100% - 1.3rem);padding:.45rem .65rem;font-size:.75rem;display:flex;position:absolute;top:.65rem;left:.65rem}.track-map-next-gate svg{flex-shrink:0;width:1rem;height:1rem}.track-map-next-gate span{color:var(--color-text);white-space:nowrap}.track-map-follow[aria-pressed=true]{color:var(--color-text);border-color:var(--color-ember);background:#e8443126}.track-map-follow:disabled{opacity:.45;cursor:not-allowed}@media (width<=600px){.community-lap-map .track-map-actions{flex-basis:100%;justify-content:space-between}.community-lap-map .track-map-toolbar{gap:.3rem}.community-lap-map .track-map-elevation{width:auto;margin-left:auto}}
