:root{--bg:#f4f1ea;--panel:#fffef8;--surface:#fffef8;--accent:#ff4d00;--accent-2:#09f;--brand-navy:#111a2f;--brand-orange:#ff7a2f;--brand-slate:#bfc5cf;--text:#1f1d1a;--muted:#625a4d;--line:#e7dfd1;--topbar-a:#fffef8;--topbar-b:#fef5e8;--input-bg:#fffef8;--button-bg:#ff4d00;--button-bg-hover:#e24600;--button-text:#fff;--file-btn-bg:#efe6d8;--file-btn-text:#2e271f;--file-btn-border:#b8a78e;--gpx-pill-bg:#efe6d8;--gpx-pill-text:#2e271f;--gpx-pill-border:#b8a78e;--bg-glow-a:#ffc88247;--bg-glow-b:#78b9ff33;--topbar-height:84px}:root[data-theme=dark]{--bg:#10161c;--panel:#18212a;--surface:#18212a;--accent:#ff7a2f;--accent-2:#62b8ff;--brand-navy:#0f1526;--brand-orange:#ff8e54;--brand-slate:#c8ced8;--text:#e8edf3;--muted:#a4b3c4;--line:#2b3948;--topbar-a:#18212a;--topbar-b:#14202d;--input-bg:#111922;--button-bg:#2b3948;--button-bg-hover:#36495d;--button-text:#e8edf3;--file-btn-bg:#2b3948;--file-btn-text:#e8edf3;--file-btn-border:#44596f;--gpx-pill-bg:#2b3948;--gpx-pill-text:#e8edf3;--gpx-pill-border:#4f6174;--bg-glow-a:#ff823233;--bg-glow-b:#62b8ff24}*{box-sizing:border-box}html,body,#root{max-width:100%;height:100%;overflow-x:hidden}body{color:var(--text);background:radial-gradient(circle at 10% 10%, var(--bg-glow-a) 0, transparent 30%), radial-gradient(circle at 90% 90%, var(--bg-glow-b) 0, transparent 35%), var(--bg);margin:0;font-family:Sora,sans-serif}img,svg,canvas,video{max-width:100%}.appShell{flex-direction:column;min-height:100dvh;display:flex}.routeViewport{flex:1;width:100%;min-width:0;min-height:0;display:flex}.globalApiErrorBar{border-bottom:1px solid color-mix(in srgb, var(--accent) 40%, var(--line));background:color-mix(in srgb, var(--accent) 14%, var(--panel));color:var(--text);justify-content:space-between;align-items:center;gap:.6rem;padding:.55rem .8rem;font-weight:600;display:flex}.routeLoading{flex:1;justify-content:center;align-items:center;padding:1rem;display:flex}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;direction:ltr;font-family:Material Symbols Outlined;font-size:20px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.topbar{min-height:var(--topbar-height);border-bottom:2px solid var(--line);background:linear-gradient(95deg, var(--topbar-a), var(--topbar-b));justify-content:space-between;align-items:center;gap:.75rem;padding:clamp(.75rem,1.2vw,1rem) clamp(.9rem,2vw,1.6rem);display:flex}.topbar h1{margin:0;font-size:1.6rem}.brandBlock{flex-direction:column;min-width:0;display:flex}.brandHomeLink{color:inherit;text-decoration:none}.brandWordmark{object-fit:contain;width:auto;height:clamp(34px,5vw,48px)}.topbar p{color:var(--muted);margin:.25rem 0 0;font-size:.88rem}.userbox{flex-wrap:wrap;align-items:center;gap:.75rem;min-width:0;display:flex}.profileLink{color:var(--text);align-items:center;gap:.4rem;font-weight:700;text-decoration:none;display:inline-flex}.profileAvatarSm{object-fit:cover;border:1px solid var(--line);border-radius:999px;width:24px;height:24px}.topnav{border:1px solid color-mix(in srgb, var(--line) 88%, transparent);background:color-mix(in srgb, var(--panel) 90%, var(--bg));border-radius:999px;flex-wrap:wrap;gap:.45rem;min-width:0;padding:.25rem;display:flex}.topnavLink{color:var(--text);border:1px solid #0000;border-radius:999px;padding:.38rem .72rem;font-size:.94rem;font-weight:700;text-decoration:none;transition:background-color .14s,border-color .14s,color .14s}.topnavLink:hover{background:color-mix(in srgb, var(--accent) 9%, transparent);border-color:color-mix(in srgb, var(--accent) 20%, var(--line))}.topnavLink.active{background:color-mix(in srgb, var(--accent) 16%, var(--panel));border-color:color-mix(in srgb, var(--accent) 40%, var(--line));color:var(--text)}.topIconBtn.mobileMenuBtn{border:2px solid color-mix(in srgb, var(--accent) 52%, var(--line));background:color-mix(in srgb, var(--accent) 18%, var(--panel));width:auto;min-width:72px;height:40px;min-height:40px;color:color-mix(in srgb, var(--accent) 75%, var(--text));box-shadow:0 6px 14px color-mix(in srgb, var(--accent) 18%, transparent);white-space:nowrap;border-radius:999px;gap:.25rem;padding:0 .68rem;font-weight:800;display:none}.topIconBtn.mobileMenuBtn .material-symbols-outlined{font-size:22px}.topIconBtn.mobileMenuBtn .mobileMenuLabel{letter-spacing:.01em;font-size:.8rem;line-height:1}.mobileNavOverlay{z-index:1300;padding:calc(var(--topbar-height,84px) + .35rem) .55rem .55rem;background:#0a0e1275;place-items:start end;display:grid;position:fixed;inset:0}.mobileNavSheet{border:1px solid var(--line);background:var(--panel);width:min(88vw,360px);box-shadow:0 14px 30px color-mix(in srgb, var(--brand-navy) 28%, transparent);border-radius:14px;gap:.55rem;padding:.6rem;display:grid}.mobileNavLinks{gap:.35rem;display:grid}.mobileNavLinks .topnavLink{border:1px solid var(--line);border-radius:10px;padding:.55rem .65rem;display:block}.mobileNavActions{border-top:1px solid color-mix(in srgb, var(--line) 78%, transparent);gap:.45rem;padding-top:.55rem;display:grid}.mobileProfileLink{justify-content:flex-start}button{background:var(--button-bg);color:var(--button-text);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:.35rem;padding:.6rem .9rem;font-weight:700;display:inline-flex}button:hover:not(:disabled){background:var(--button-bg-hover)}button.danger{background:#b42318}.secondaryBtn{color:var(--text);border:1px solid var(--line);background:0 0}.topIconBtn{border:1px solid var(--line);width:2rem;height:2rem;color:var(--text);background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.modalBackdrop{z-index:1200;background:#080a0c80;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modalCard{background:var(--panel);border:2px solid var(--line);border-radius:16px;gap:.75rem;width:min(100%,520px);padding:1rem;display:grid}.modalCard h3{margin:0}.modalActions{flex-wrap:wrap;justify-content:flex-end;gap:.6rem;display:flex}.raceFlowModal{width:min(100%,640px);max-height:min(92vh,860px);overflow:auto}.flowSelectCard,.flowMethodCard{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 86%, var(--bg));width:100%;color:var(--text);text-align:left;border-radius:12px;align-items:center;gap:.7rem;padding:.7rem;display:flex}.flowMethodCard.active{border-color:color-mix(in srgb, var(--accent) 45%, var(--line));background:color-mix(in srgb, var(--panel) 78%, var(--accent) 7%)}.flowSelectIcon{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 72%, var(--accent-2) 12%);border-radius:10px;justify-content:center;align-items:center;width:2.3rem;height:2.3rem;display:inline-flex}.flowSelectBody{flex:1;gap:.15rem;display:grid}.flowStepPills{flex-wrap:wrap;gap:.4rem;display:flex}.flowStepPill{border:1px solid var(--line);color:var(--muted);background:var(--panel);border-radius:999px;padding:.3rem .6rem;font-size:.82rem}.flowStepPill.active{border-color:color-mix(in srgb, var(--accent) 50%, var(--line));color:var(--accent);background:color-mix(in srgb, var(--panel) 84%, var(--accent) 10%);font-weight:700}.flowCard{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 90%, var(--bg));border-radius:12px;gap:.65rem;padding:.7rem;display:grid}.flowSummaryRow{border:1px solid var(--line);border-radius:10px;align-items:center;gap:.4rem;padding:.5rem .6rem;display:flex}.flowChipRow{gap:.45rem;padding-bottom:.1rem;display:flex;overflow-x:auto}.flowChip{border:1px solid var(--line);background:var(--panel);color:var(--text);white-space:nowrap;border-radius:999px;padding:.28rem .62rem}.flowChip.active{border-color:color-mix(in srgb, var(--accent) 45%, var(--line));background:color-mix(in srgb, var(--panel) 78%, var(--accent) 10%)}.flowFriendEventsList{max-height:260px;overflow:auto}.flowError{color:#b42318;margin:0}.uploadProgressBar{width:100%}input:not([type=checkbox]):not([type=radio]),select,textarea{border:2px solid var(--line);width:100%;color:var(--text);background:var(--input-bg);border-radius:12px;padding:.65rem .8rem;font-family:inherit}select{min-height:44px}input[type=file]{color:var(--text)}input[type=file]::file-selector-button{border:1px solid var(--file-btn-border);background:var(--file-btn-bg);color:var(--file-btn-text);font:inherit;cursor:pointer;border-radius:999px;margin-right:.65rem;padding:.35rem .7rem;font-weight:600}input[type=file]::file-selector-button:hover{filter:brightness(.95)}.choiceRow{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.choiceRow label{align-items:center;gap:.35rem;display:inline-flex}.login{width:100%;min-height:100%;padding:clamp(.55rem,1.2vw,1rem);display:grid}.loginCentered{place-items:center}.loginCompact{align-content:start;justify-items:center;padding-top:clamp(.25rem,.8vw,.6rem)}.loginCard{background:var(--panel);border:2px solid var(--line);border-radius:20px;gap:.65rem;width:min(100%,720px);padding:clamp(.9rem,1.3vw,1.25rem);display:grid}.publicWelcomeCard{gap:1rem;width:min(100%,760px)}.landingPage{align-content:start}.publicLandingCard{gap:.85rem;width:min(100%,1080px)}.brandHero{border:1px solid var(--line);background:linear-gradient(140deg, color-mix(in srgb, var(--panel) 62%, var(--brand-navy)), color-mix(in srgb, var(--panel) 68%, var(--brand-orange) 12%));border-radius:14px;align-items:center;gap:.85rem;padding:.55rem .65rem;display:flex}.brandHeroCompact{max-width:520px}.brandHeroWordmark{object-fit:contain;width:min(520px,100%);height:auto}.brandedLoginCard{width:min(100%,760px)}.publicWelcomeCard h1,.publicWelcomeCard>.muted{margin:0}.landingIntro{gap:.55rem;display:grid}.landingIntro h1,.landingIntro p{margin:0}.landingGrid{grid-template-columns:1fr;align-items:start;gap:.85rem;display:grid}.landingChoiceGrid,.landingFeatureGroups{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.85rem;display:grid}.welcomeOption{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 88%, var(--bg));border-radius:14px;gap:.65rem;padding:.85rem;display:grid}.welcomeOption h2{margin:0;font-size:1rem}.welcomeOption p{margin:0}.welcomeOption.isHidden{display:none}.landingQuick,.landingChoiceCard{gap:.8rem}.landingChoiceHeader{gap:.45rem;display:grid}.landingChoiceEyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.78rem;font-weight:700}.landingChoiceBullets{gap:.42rem;margin:0;padding-left:1.1rem;display:grid}.landingChoiceBullets li{margin:0}.landingQuick form{justify-items:start;gap:.6rem;display:grid}.codeEntryInline{align-items:center;gap:.45rem;width:100%;display:flex}.codeEntryInline input{flex:1;min-width:0}.codeEntryInlineBtn{justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;padding:0;display:inline-flex}.landingQuick form input,.landingQuick form p{width:100%}.landingQuick form button{justify-self:start;width:auto}.landingQuickLinks{flex-wrap:wrap;gap:.5rem;display:flex}.landingRecent{border-top:1px dashed var(--line);gap:.55rem;padding-top:.72rem;display:grid}.landingRecent h3{margin:0;font-size:.95rem}.landingRecentList{flex-wrap:wrap;gap:.45rem;display:flex}.landingLearn{gap:.8rem}.landingLearnGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.landingFeatureCard{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 90%, var(--bg));border-radius:12px;gap:.42rem;padding:.7rem;display:grid}.landingFeatureCard h3{margin:0;font-size:.98rem}.landingFeatureCard p{margin:0}.landingFeatureIcon{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 78%, var(--accent-2) 16%);border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.landingSteps{border:1px dashed var(--line);border-radius:12px;gap:.52rem;padding:.72rem;display:grid}.landingSteps h3{margin:0;font-size:.95rem}.landingSteps ol{gap:.34rem;margin:0;padding-left:1.2rem;display:grid}.landingAudience{background:color-mix(in srgb, var(--panel) 88%, var(--accent) 5%)}.landingAudienceActions{flex-wrap:wrap;gap:.5rem;display:flex}.publicHomeFooter{justify-content:center;padding-top:.15rem;display:flex}.publicHomeFooterLink{color:var(--muted);font-size:.82rem;text-decoration:none}.publicHomeFooterLink:hover,.publicHomeFooterLink:focus-visible{color:var(--accent-2);text-decoration:underline}.dashboard{grid-template-columns:repeat(12,minmax(0,1fr));gap:.9rem;width:100%;padding:clamp(.6rem,1.2vw,1rem);display:grid}.workspacePage{grid-template-rows:auto minmax(0,1fr);gap:.82rem;width:100%;min-height:0;padding:clamp(.6rem,1.2vw,1rem);display:grid}.workspaceHeader{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.8rem;display:flex}.workspaceTitleBlock{gap:.3rem;display:grid}.workspaceTitleRow{align-items:center;gap:.45rem;display:flex}.workspaceTitleBlock h2,.workspaceTitleBlock p{margin:0}.eventHeaderEditBtn{min-height:0;padding:.35rem .45rem}.eventHeaderDetailsEditor{gap:.45rem;width:min(560px,100%);display:grid}.eventHeaderDetailsEditor label{gap:.2rem;display:grid}.workspaceStats{flex-wrap:wrap;gap:.45rem;display:flex}.workspaceBody{grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:.8rem;min-height:0;display:grid}.workspaceRail,.workspaceMain{align-content:start;gap:.6rem;min-height:0;display:grid}.workspaceRail h3,.workspaceMain h3{margin:0}.workspaceMainHeaderRow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.compactSearchField{border:1px solid var(--line);background:var(--input-bg);border-radius:999px;align-items:center;gap:.35rem;min-width:220px;padding:.34rem .6rem;display:inline-flex}.compactSearchField .btnIcon{color:var(--muted)}.compactSearchField input{color:var(--text);background:0 0;border:none;outline:none;width:100%;min-width:0}.compactSearchField input::placeholder{color:var(--muted)}.workspaceMain .eventList{margin-top:.2rem}.dashboardPage .workspaceMain{gap:.9rem}.dashboard>.panel{grid-column:span 6}.dashboard>.panel.span2,.dashboard.dashboardSingle>.panel{grid-column:1/-1}.activityHub{align-content:start;gap:1rem;display:grid}.activityHub h2,.activityHub h3{margin:0}.dashboardBrandHero{border:1px solid var(--line);background:linear-gradient(120deg, color-mix(in srgb, var(--panel) 64%, var(--brand-navy)), color-mix(in srgb, var(--panel) 78%, var(--brand-orange) 10%));border-radius:14px;flex-direction:column;gap:.2rem;padding:.7rem .8rem;display:flex}.dashboardBrandWordmark{object-fit:contain;width:min(560px,100%);height:auto}.activityChoiceGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.activityChoiceCard{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 86%, var(--bg));border-radius:14px;gap:.65rem;padding:.85rem;display:grid}.activityChoiceCard h3,.activityChoiceCard p{margin:0}.activityChoiceLink{color:inherit;text-decoration:none;transition:transform .16s,box-shadow .16s,border-color .16s,background-color .16s;position:relative;overflow:hidden}.activityChoiceLink:after{content:"";background:linear-gradient(110deg, transparent 20%, color-mix(in srgb, var(--accent-2) 12%, transparent) 50%, transparent 80%);opacity:0;pointer-events:none;transition:opacity .17s,transform .24s;position:absolute;inset:0;transform:translate(-26%)}.activityChoiceLink:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--line));box-shadow:0 4px 14px color-mix(in srgb, var(--accent) 16%, transparent);transform:translateY(-1px)}.activityChoiceLink:hover:after{opacity:1;transform:translate(0)}.activityChoiceLink:hover .activityGraphicIcon{transform:scale(1.05)translate(1px)}.activityChoiceLink:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.activityGraphic{border:1px solid var(--line);border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;display:inline-flex;box-shadow:inset 0 1px #ffffff3d}.activityGraphicIcon{font-size:30px;transition:transform .18s}.activityGraphicSpectate{color:#145786;background:linear-gradient(140deg,#d7f2ff,#ffe5cd)}.activityGraphicRaces{color:#8b3c09;background:linear-gradient(140deg,#ffe7ce,#fdd5d5)}.activityGraphicProfile{color:#15514e;background:linear-gradient(140deg,#dff3e8,#d5e9ff)}.activityGraphicCourses{color:#3d2e8b;background:linear-gradient(140deg,#f0eaff,#dde7ff)}.actionLink.actionLinkSm{gap:.28rem;padding:.28rem .58rem;font-size:.88rem}.actionLink.actionLinkSm .btnIcon{font-size:16px}.btnCompact{gap:.28rem;min-height:34px;padding:.35rem .68rem;font-size:.88rem}.btnCompact .btnIcon{font-size:16px}.flowCompact .panel{padding:.78rem}.flowCompact{align-content:start;align-items:start}.flowCompact .choiceRow{gap:.7rem}.flowCompact .eventList{gap:.55rem}.flowCompact .eventList li{gap:.7rem;padding:.58rem}.flowCompact .eventActions{gap:.4rem}.eventSetupMainPanel{width:100%}.eventSetupBody .workspaceRail{align-self:start;position:sticky;top:.5rem}.eventSetupBody .workspaceMain{grid-auto-rows:min-content}.eventSetupMainPanel{align-content:start;gap:.5rem;display:grid}.eventHeaderShare{display:inline-flex;position:relative}.eventShareTrigger{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 92%, var(--bg));width:2.1rem;height:2.1rem;color:var(--text);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.eventShareTrigger:hover{border-color:color-mix(in srgb, var(--accent-2) 38%, var(--line))}.eventShareMenu{z-index:12;border:1px solid var(--line);background:var(--panel);min-width:180px;box-shadow:0 8px 20px color-mix(in srgb, var(--brand-navy) 15%, transparent);border-radius:10px;padding:.3rem;position:absolute;top:calc(100% + .35rem);left:0}.eventShareMenuItem{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:.45rem .5rem}.eventShareMenuItem:hover{background:color-mix(in srgb, var(--accent) 12%, var(--panel))}.eventShareUrlRow{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.4rem;display:grid}.eventShareUrlRow input{border:1px solid var(--line);background:var(--input-bg);color:var(--text);border-radius:9px;width:100%;padding:.38rem .45rem}.setupActionRows{gap:.45rem;display:grid}.setupActionRow{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 92%, var(--bg));border-radius:10px;grid-template-columns:minmax(180px,auto) minmax(0,1fr) auto;align-items:center;gap:.45rem;padding:.45rem .55rem;display:grid}.setupActionLabel{color:var(--text);font-size:.85rem;font-weight:700}.eventSetupPrimaryActions{margin-top:.45rem}.coursesPage{flex:1;grid-template-columns:minmax(260px,340px) minmax(0,1fr);width:100%;min-width:0;height:100%;min-height:0;max-height:100%;display:grid;overflow:hidden}.courseListPanel{border-right:1px solid var(--line);flex-direction:column;display:flex;overflow:hidden}.mobileCourseMenuToggle{align-items:center;gap:.35rem;display:inline-flex}.courseDetailMobileBar{display:none}.courseDetailMobileTitle{min-width:0;color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:700;display:inline-block;overflow:hidden}.courseListBackdrop{display:none}.courseListHeaderActions{align-items:center;gap:.45rem;display:inline-flex}.courseListCloseBtn{display:none}.courseListHeader{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;padding:.9rem 1rem .6rem;display:flex}.courseListHeader h2{margin:0;font-size:1.15rem}.pickerModeBanner{background:color-mix(in srgb, var(--accent) 10%, transparent);border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;display:flex}.courseSearchRow{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:.4rem;padding:.5rem .75rem;display:flex}.courseSearchIcon{color:var(--muted);flex-shrink:0;font-size:1.1rem}.courseSearchInput{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:.9rem}.courseList{flex-direction:column;flex:1;gap:.3rem;padding:.4rem;display:flex;overflow-y:auto}.courseListEmpty{text-align:center;padding:1.5rem 1rem}.courseListStatus{text-align:center;color:var(--muted);padding:.65rem .35rem .4rem;font-size:.78rem}.courseListItem{text-align:left;border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:8px;flex-direction:column;gap:.2rem;width:100%;padding:.6rem 2.1rem .6rem .75rem;transition:border-color .12s,background .12s;display:flex;position:relative}.courseListItem:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 6%, var(--surface))}.courseListItem.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--surface))}.courseItemName{color:var(--text);font-size:.9rem;font-weight:700}.courseItemMeta{flex-wrap:wrap;gap:.35rem;padding-right:.35rem;font-size:.78rem;display:flex}.courseItemMeta span+span:before{content:"·";opacity:.5;margin-right:.35rem}.courseItemChevron{color:var(--muted);font-size:1.1rem;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.courseDetailPanel{flex-direction:column;gap:.75rem;height:100%;min-height:0;padding:1rem;display:flex;overflow:hidden}.courseDetailEmpty{width:100%;height:100%;color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.75rem;display:flex}.courseDetailEmptyIcon{opacity:.3;font-size:3rem}.courseWorkbench{flex:1;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:.75rem;height:100%;min-height:0;display:grid}.courseInfoRail{flex-direction:column;gap:.7rem;min-height:0;display:flex}.courseInfoCard,.courseActionsCard{border:1px solid var(--line);background:var(--surface);border-radius:12px;gap:.55rem;padding:.7rem;display:grid}.courseActionsCard h4{margin:0;font-size:.9rem}.courseDetailHeader{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.courseDetailTitle{flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;display:flex}.courseDetailTitle h3{margin:0}.versionBadge{white-space:nowrap;background:color-mix(in srgb, var(--accent) 15%, transparent);color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);border-radius:999px;align-items:center;padding:.1rem .5rem;font-size:.75rem;font-weight:700;line-height:1.2;display:inline-flex}.courseDetailStats{flex-wrap:wrap;gap:.4rem;display:flex}.courseDetailMeta{flex-direction:column;gap:.2rem;font-size:.9rem;display:flex}.courseDetailMeta p{margin:0}.courseDetailActions{gap:.45rem;display:grid}.courseDeleteBtn{color:#fff7f5;background:#b42318c7;border-color:#bd3d34}.courseDeleteBtn:hover{background:#b42318db}.courseEditorPane{flex-direction:column;flex:1;gap:.5rem;min-height:0;display:flex}.courseEditorToolbar{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex-wrap:wrap;align-items:center;gap:.45rem;padding:.5rem;display:flex}.coursePreviewMapWrap{border:1px solid var(--line);border-radius:10px;flex:auto;height:0;min-height:0;display:flex;overflow:hidden}.coursePreviewMap{flex:1;width:100%;height:100%}.coursePreviewMapEmpty{background:var(--surface);color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:1rem;display:flex}.courseMapPanel{flex-direction:column;flex:auto;gap:.45rem;height:0;min-height:0;display:flex}.courseElevationPanel{flex:none;min-width:0}.courseElevationPanel>.panel{margin:0}.courseElevationPanel .elevationSvg{max-height:260px}.kmlReviewModal{width:min(100%,1080px);max-height:min(92vh,920px);overflow:auto}.kmlReviewLayout{grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:.8rem;display:grid}.kmlCandidateList{align-content:start;gap:.6rem;display:grid}.kmlReviewIntro{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--line));background:color-mix(in srgb, var(--accent) 8%, var(--surface));border-radius:12px;gap:.25rem;padding:.75rem;display:grid}.kmlReviewIntro p{margin:0}.kmlCandidateCard{text-align:left;border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 90%, var(--bg));width:100%;color:var(--text);border-radius:12px;gap:.45rem;padding:.75rem;display:grid}.kmlCandidateCard.active{border-color:color-mix(in srgb, var(--accent) 60%, var(--line));box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 14%, transparent)}.kmlCandidateHeader{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.kmlCandidatePreview{gap:.65rem;display:grid}.kmlReviewMapWrap{height:360px;min-height:360px}.kmlCandidateSummary{border:1px solid var(--line);background:var(--surface);border-radius:12px;gap:.35rem;padding:.75rem;display:grid}.kmlCandidateSummary p{margin:0}.kmlTransitionList{gap:.45rem;margin-top:.35rem;display:grid}.kmlTransitionRow{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 82%, var(--surface));border-radius:10px;justify-content:space-between;align-items:flex-start;gap:.6rem;padding:.55rem .6rem;display:flex}.kmlTransitionTitle{min-width:0;font-size:.92rem;line-height:1.35}.libraryCourseBanner{background:color-mix(in srgb, var(--accent) 10%, var(--surface));border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);border-radius:8px;align-items:center;gap:.5rem;padding:.42rem .62rem;font-size:.88rem;display:flex}.setupLibraryHint{align-items:center;gap:.35rem;font-size:.88rem;display:flex}.secondaryLink{color:var(--accent);font-weight:600;text-decoration:none}.secondaryLink:hover{text-decoration:underline}.courseMetaForm{flex-direction:column;gap:.65rem;display:flex}.visibilityGroup{flex-direction:column;gap:.35rem;display:flex}.visibilityLabel{font-size:.88rem;font-weight:700}.visChips{gap:.4rem;display:flex}.visChipsWrap{flex-wrap:wrap}.visChip{border:1px solid var(--line);background:var(--background);cursor:pointer;color:var(--text);border-radius:8px;flex:120px;padding:.4rem .5rem;font-size:.85rem;font-weight:700;transition:border-color .12s,background .12s}.visChip.active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 15%, var(--background));color:var(--accent)}.visHelpText{margin:0;font-size:.78rem}.customDistanceInputRow{align-items:center;gap:.45rem;display:flex}.customDistanceInputRow>input{flex:auto}.customDistanceUnitSelect{flex:0 0 130px;width:130px}.formError{color:#b42318;margin:0;font-size:.9rem}.profilePage{align-content:start;gap:.8rem;width:100%;padding:clamp(.6rem,1.2vw,1rem);display:grid}.profilePanel{width:100%;box-shadow:0 8px 26px color-mix(in srgb, var(--brand-navy) 9%, transparent);gap:.75rem;display:grid}.profileWorkspace{gap:.95rem}.profileTabbed{gap:.9rem}.profileWorkspaceHeader{border-bottom:1px dashed color-mix(in srgb, var(--line) 80%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.9rem;padding-bottom:.85rem;display:flex}.profileIdentity{align-items:center;gap:.7rem;min-width:0;display:flex}.profileIdentityText{gap:.12rem;min-width:0;display:grid}.profileIdentityText h2,.profileIdentityText p{margin:0}.profileHeaderActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.profileMessage{margin:0}.profileTabsLayout{grid-template-columns:minmax(180px,240px) minmax(0,1fr);align-items:start;gap:.9rem;min-height:0;display:grid}.profileTabsNav{align-content:start;gap:.45rem;display:grid}.profileTabBtn{background:color-mix(in srgb, var(--panel) 92%, var(--bg));width:100%;color:var(--text);border:1px solid var(--line);border-radius:10px;justify-content:flex-start;padding:.52rem .7rem;font-weight:700}.profileTabBtn:hover{background:color-mix(in srgb, var(--accent) 10%, var(--panel));border-color:color-mix(in srgb, var(--accent) 30%, var(--line))}.profileTabBtn.active{background:color-mix(in srgb, var(--accent) 15%, var(--panel));border-color:color-mix(in srgb, var(--accent) 40%, var(--line))}.profileTabContent{gap:.75rem;min-width:0;display:grid}.profileLayout{grid-template-columns:minmax(0,2fr) minmax(260px,1fr);align-items:start;gap:.9rem;display:grid}.profileColumn{gap:.9rem;display:grid}.profileSectionCard{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 94%, var(--bg));border-radius:14px;align-content:start;gap:.6rem;padding:.85rem;display:grid}.profileSectionCard>button,.profileSectionCard>.actionLink{justify-self:start}.profileSectionCard label:not(.adminToggleRow):not(.gpxInput){gap:.28rem;display:grid}.profileSectionCard>h3{margin:0}.profileNotifTypes{gap:.55rem;display:grid}.profileNotifTableWrap{overflow-x:auto}.profileNotifTable{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 92%, var(--bg));border-radius:10px;min-width:640px}.profileNotifTableRow{border-bottom:1px solid var(--line);grid-template-columns:minmax(190px,2fr) repeat(3,minmax(110px,1fr));align-items:center;gap:.4rem;padding:.45rem .55rem;display:grid}.profileNotifTableRow:last-child{border-bottom:0}.profileNotifTableHeader{color:var(--muted);background:color-mix(in srgb, var(--line) 28%, transparent);font-size:.84rem;font-weight:700}.profileNotifTableCellType{min-width:0;font-weight:600}.profileNotifTableCellBool{justify-content:center;align-items:center;display:flex}.profileNotifTableCellBool input[type=checkbox]{width:16px;height:16px}.profileNotifSubsection{gap:.25rem;display:grid}.profileSubheading{margin:0;font-weight:700}.profileNotifTypeCard{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 92%, var(--bg));border-radius:10px;gap:.45rem;padding:.6rem;display:grid}.profileSectionTitle{gap:.2rem;display:grid}.profileSectionTitle h3,.profileSectionTitle p{margin:0}.profileSocialSection{gap:.75rem;display:grid}.profileSearchResults{max-height:300px;overflow:auto}.profileSocialGrid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:.85rem;display:grid}.profileAvatarPlaceholder{background:color-mix(in srgb, var(--line) 60%, var(--panel));color:color-mix(in srgb, var(--muted) 72%, var(--line));justify-content:center;align-items:center;font-size:1.8rem;line-height:1;display:inline-flex}.profilePanel>h2{margin:0}.publicProfileHero{align-items:flex-start;gap:.8rem;display:flex}.publicProfileHeroBody{gap:.28rem;min-width:0;display:grid}.publicProfileHeroBody h2,.publicProfileHeroBody p{margin:0}.privacyPolicyPanel{max-width:920px;margin:0 auto}.privacyPolicyPanel h1,.privacyPolicyPanel h2{margin:.2rem 0}.privacyPolicyPanel p,.privacyPolicyPanel ul{margin:0}.closeAccountPage{width:100%}.closeAccountPanel{gap:.65rem;max-width:860px;margin:0 auto;display:grid}.closeAccountPanel h2,.closeAccountPanel p{margin:0}.closeAccountList{gap:.35rem;margin:0;padding-left:1.2rem;display:grid}.closeAccountActions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.privacyPolicyPanel ul{padding-left:1.2rem}.profileGrid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.9rem;display:grid}.profileCard{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 94%, var(--bg));border-radius:14px;align-content:start;gap:.58rem;padding:.8rem;display:grid}.profileCard>button,.profileCard>.actionLink{justify-self:start}.avatarCurrentRow{align-items:center;gap:.5rem;display:flex}.profileAvatarLg{object-fit:cover;border:1px solid var(--line);border-radius:999px;width:56px;height:56px}.avatarCropBox{border:1px dashed var(--line);border-radius:999px;width:220px;height:220px;display:inline-flex;overflow:hidden}.avatarCanvas{cursor:grab;background:var(--bg);width:220px;height:220px;display:block}.avatarCanvas:active{cursor:grabbing}.adminToggleRow{align-items:center;gap:.45rem;font-weight:600;display:inline-flex}.adminList li{width:100%}.adminTransferList{gap:.45rem;max-height:260px;display:grid;overflow:auto}.adminTransferItem{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 88%, var(--bg));width:100%;color:var(--text);text-align:left;border-radius:12px;gap:.15rem;padding:.55rem .65rem;display:grid}.adminTransferItem.active{border-color:color-mix(in srgb, var(--accent) 45%, var(--line));background:color-mix(in srgb, var(--panel) 78%, var(--accent) 8%)}.adminMenuRow{border-bottom:1px dashed color-mix(in srgb, var(--line) 82%, transparent);flex-wrap:wrap;gap:.55rem;margin-bottom:.75rem;padding-bottom:.75rem;display:flex}.adminNavLink.active{border-color:color-mix(in srgb, var(--accent) 45%, var(--line));background:color-mix(in srgb, var(--accent) 16%, var(--panel))}.onboardingHint{border:1px solid color-mix(in srgb, var(--accent) 35%, var(--line));background:color-mix(in srgb, var(--accent) 8%, var(--panel));border-radius:12px;justify-content:space-between;align-items:flex-start;gap:.8rem;padding:.75rem;display:flex}.onboardingHintMain{align-items:flex-start;gap:.6rem;display:flex}.notifCenter{position:relative}.notifBadge{text-align:center;color:#fff;background:var(--accent);border:1px solid var(--panel);border-radius:999px;min-width:18px;height:18px;padding:0 .25rem;font-size:.68rem;font-weight:800;line-height:18px;position:absolute;top:-5px;right:-5px}.notifPanel{z-index:30;border:1px solid var(--line);background:var(--panel);border-radius:12px;width:min(92vw,360px);max-height:70vh;padding:.65rem;position:absolute;top:calc(100% + .35rem);right:0;overflow:auto;box-shadow:0 12px 30px #0003}.notifPanel h4{margin:0 0 .5rem}.notifPanelHeader{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.notifPanelHeader h4{margin:0}.notifSection{border-top:1px solid var(--line);margin-top:.5rem;padding-top:.5rem}.notifList{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.notifList li{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.notifList li[role=button],.notifFeedItem[role=button]{cursor:pointer}.notifList li span{min-width:0}.notifPanelFooter{border-top:1px solid var(--line);justify-content:flex-end;margin-top:.5rem;padding-top:.5rem;display:flex}.profileSectionCard label.toggleRow:not(.adminToggleRow):not(.gpxInput),.toggleRow{flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:.5rem;padding:.25rem 0;display:flex}.toggleText{order:1;gap:.1rem;min-width:0;display:grid}.toggleRow input[type=checkbox]{flex:none;order:0;width:16px;height:16px;margin-top:0}.notifChoiceGroup{flex-wrap:wrap;gap:.45rem;display:flex}.notifChoiceBtn{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 94%, var(--bg));color:var(--text);cursor:pointer;border-radius:999px;padding:.3rem .65rem;font-weight:700}.notifChoiceBtn:hover{border-color:color-mix(in srgb, var(--accent) 32%, var(--line));background:color-mix(in srgb, var(--accent) 9%, var(--panel))}.notifChoiceBtn.active{border-color:color-mix(in srgb, var(--accent) 42%, var(--line));background:color-mix(in srgb, var(--accent) 16%, var(--panel))}.notifFeedCard{padding-top:.75rem}.notifFeedList{gap:.65rem}.notifFeedItem{border:1px solid var(--line);border-radius:10px;align-items:flex-start;padding:.55rem .6rem}.notifFeedItem.unread{border-color:color-mix(in srgb, var(--accent) 38%, var(--line));background:color-mix(in srgb, var(--accent) 7%, var(--panel))}.notifFeedMain{gap:.22rem;min-width:0;display:grid}.notifFeedMain p{margin:0}.clickableRow{cursor:pointer}.clickableRow:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 65%, transparent);outline-offset:2px}.actionLinkSm{padding:.25rem .45rem;font-size:.8rem}.raceStatusPill.status-live{background:color-mix(in srgb, #00a86b 18%, var(--panel))}.raceStatusPill.status-upcoming{background:color-mix(in srgb, #0086cc 15%, var(--panel))}.raceStatusPill.status-finished{background:color-mix(in srgb, #666 18%, var(--panel))}.raceStatusPill.status-paused{background:color-mix(in srgb, #e68a00 18%, var(--panel))}.connectionAlert{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--line));background:color-mix(in srgb, var(--accent) 6%, var(--panel));border-radius:10px;margin:.7rem 0;padding:.7rem}.recentChangesPanel{margin:.6rem 0 .8rem}.recentChangesList{gap:.45rem}.recentChangesList li{border-radius:10px;justify-content:flex-start;padding:.45rem .6rem}.recentChangesLine{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.9rem;line-height:1.3;overflow:hidden}.connectionAlert .eventActions{flex-wrap:wrap}.inviteBanner{border-color:color-mix(in srgb, var(--accent) 40%, var(--line));background:color-mix(in srgb, var(--accent) 8%, var(--panel))}.inviteCta{font-weight:600}@media (width<=760px){.recentChangesList{gap:.35rem}.recentChangesList li{padding:.35rem .5rem}.recentChangesLine{font-size:.84rem}}.tableWrap{width:100%;overflow-x:auto}.dataTable{border-collapse:collapse;width:100%}.dataTable th,.dataTable td{border-bottom:1px solid var(--line);text-align:left;padding:.4rem .5rem;font-size:.88rem}.manageBody .workspaceRail{align-self:start;position:sticky;top:.5rem}.spectateHubBody .workspaceRail form{gap:.55rem;display:grid}.spectateHubBody .workspaceMain{grid-auto-rows:min-content}.managePage .eventList,.spectateHubPage .eventList{max-height:none;overflow:visible}.spectateHubPage .spectateFollowedEventsList{max-height:min(58vh,640px);padding-right:.2rem;overflow-y:auto}.inlineActionBtn{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.manageRaceCard{cursor:pointer;transition:border-color .14s,box-shadow .14s,transform .14s}.manageRaceCard:hover,.manageRaceCard:focus-visible{border-color:color-mix(in srgb, var(--accent) 40%, var(--line));box-shadow:0 8px 20px color-mix(in srgb, var(--accent) 14%, transparent);transform:translateY(-1px)}.manageRaceCard:focus-visible{outline:2px solid color-mix(in srgb, var(--accent-2) 65%, transparent);outline-offset:1px}.manageRaceCardMain{gap:.38rem;display:grid}.manageRaceTitle{font-size:1.02rem;line-height:1.3}.manageRaceMeta{margin:0}.manageRacePills{flex-wrap:wrap;gap:.38rem;display:flex}.postOwnerActions,.postEditActions{flex-wrap:wrap;gap:.5rem;margin-top:.45rem;display:flex}.postEditBox{gap:.45rem;display:grid}.span2{grid-column:span 2}.muted{color:var(--muted)}.noticeSuccess{border:1px solid color-mix(in srgb, #1f8a4c 45%, var(--line));background:color-mix(in srgb, #1f8a4c 16%, var(--panel));color:var(--text);border-radius:12px;margin:0;padding:.6rem .72rem}.eventList{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.eventList li{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 96%, var(--bg));border-radius:14px;justify-content:space-between;align-items:center;gap:.72rem;padding:.72rem;display:flex}.eventList li>div{min-width:0}.eventList li strong,.eventList li p{overflow-wrap:anywhere}.eventActions{flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;max-width:100%;display:flex}.eventActions>*{min-width:0;max-width:100%}.eventMetaActions{flex-wrap:wrap;gap:.5rem;margin-top:.4rem;display:flex}.iconBtn{color:#3a342c;vertical-align:middle;background:#efe6d8;border:1px solid #cdbba1;border-radius:999px;justify-content:center;align-items:center;width:2.1rem;height:2.1rem;margin-left:.3rem;padding:0;display:inline-flex}.iconBtn:hover:not(:disabled){background:#e3d5c0}.iconBtn:disabled{opacity:.55;cursor:not-allowed}.iconGlyph{font-size:18px}.inlineValue{margin-left:.2rem;margin-right:.15rem;display:inline-block}.eventActions a{color:var(--accent-2);font-weight:700;text-decoration:none}.actionLink{border:1px solid var(--line);color:var(--text);border-radius:999px;align-items:center;gap:.35rem;padding:.45rem .75rem;text-decoration:none;display:inline-flex}.actionLink:hover{background:color-mix(in srgb, var(--line) 65%, transparent)}.landingPrimaryAction{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}.landingPrimaryAction:hover,.landingPrimaryAction:focus-visible{background:color-mix(in srgb, var(--accent) 82%, black);border-color:color-mix(in srgb, var(--accent) 82%, black);color:#fff}button.actionLink.actionLinkBtn{font:inherit;cursor:pointer;background:0 0}.authCallout{border:1px dashed var(--line);background:var(--bg);border-radius:14px;gap:.55rem;margin:.6rem 0 .9rem;padding:.7rem .8rem;display:grid}.authCallout.compact{margin:0 0 .8rem}.authCallout .actionLink{justify-self:start}.btnIcon{font-size:18px}.panel,.wall,.mapPanel{background:var(--panel);border:2px solid var(--line);min-width:0;max-width:100%;box-shadow:0 8px 24px color-mix(in srgb, var(--brand-navy) 8%, transparent);border-radius:20px;padding:.88rem}.panel h2,.panel h3,.panel p,.wall p,.mapPanel p{margin:0}.panel p+p,.wall p+p,.mapPanel p+p{margin-top:.2rem}.brandedPanel{gap:.65rem;display:grid}.panelBrandHeader{align-items:center;gap:.7rem;display:flex}.panelBrandMark{object-fit:contain;width:58px;height:58px}.profileCard label:not(.adminToggleRow):not(.gpxInput){gap:.28rem;display:grid}.visibilityHelp{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 92%, var(--bg));border-radius:10px;padding:.45rem .55rem}.visibilityHelp summary{cursor:pointer;color:var(--accent-2);font-weight:700}.visibilityHelpList{color:var(--muted);gap:.3rem;margin:.45rem 0 0;padding-left:1rem;display:grid}.eventPage{grid-template-columns:minmax(0,1fr) clamp(340px,31vw,560px);align-items:stretch;gap:.8rem;width:100%;min-width:0;max-width:100%;min-height:0;padding:clamp(.6rem,1.2vw,1rem);display:grid}.eventPage>*{min-width:0;min-height:0}.sidePanel{min-width:0;display:flex}.spectatePage{flex:1;grid-template-columns:minmax(0,1fr) clamp(320px,28vw,460px);height:100%;min-height:0;max-height:100%;overflow:hidden}.spectateErrorPage{flex:1;justify-content:center;align-items:center;width:100%;padding:clamp(1rem,3vw,2.5rem);display:flex}.spectateErrorCard{background:var(--panel);border:2px solid var(--line);text-align:center;border-radius:20px;justify-items:center;gap:1.1rem;width:100%;max-width:480px;padding:clamp(1.5rem,3vw,2.5rem);display:grid}.spectateErrorIcon{color:var(--muted);font-size:56px!important}.spectateErrorBody{gap:.5rem;display:grid}.spectateErrorBody h2{margin:0;font-size:1.35rem}.spectateErrorBody p{margin:0}.spectateErrorActions{flex-wrap:wrap;justify-content:center;gap:.65rem;display:flex}.spectatePage .mapPanel{overscroll-behavior:contain;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden auto}.spectateHeaderRow{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.spectateHeaderRow h2{margin:0}.eventCodeInline{align-items:center;gap:.25rem;display:inline-flex}.spectateViewerName{color:var(--muted);font-size:.95rem;font-weight:600}.headerShareBtn{margin-left:0}.spectateMetaRow{flex-wrap:wrap;align-items:center;gap:.45rem;margin:0;display:flex}.metaPill{border:1px solid var(--line);color:var(--muted);background:var(--bg);border-radius:999px;padding:.2rem .55rem;font-size:.82rem}.weatherPill{align-items:center;gap:.35rem;display:inline-flex}.weatherPillIcon{object-fit:contain;border:1px solid color-mix(in srgb, var(--line) 85%, #000 10%);background:color-mix(in srgb, var(--panel) 92%, #fff 8%);border-radius:999px;width:20px;height:20px;padding:1px;box-shadow:0 1px 2px #00000047}.weatherPillButton{cursor:pointer;margin:0}.weatherPillButton:hover{background:color-mix(in srgb, var(--bg) 86%, var(--accent) 14%)}.weatherDetailsPanel{flex:0 0 100%;grid-template-columns:1fr;gap:.45rem;width:100%;margin-top:.45rem;display:grid}.weatherDetailCard{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 92%, var(--bg));border-radius:10px;padding:.45rem .55rem}.weatherDetailTitle{letter-spacing:.02em;color:var(--muted);margin-bottom:.25rem;font-size:.75rem;font-weight:700}.weatherDetailMain{align-items:center;gap:.4rem;display:flex}.weatherDetailIcon{border:1px solid color-mix(in srgb, var(--line) 85%, #000 10%);background:color-mix(in srgb, var(--panel) 92%, #fff 8%);object-fit:contain;border-radius:999px;width:24px;height:24px;box-shadow:0 1px 2px #00000047}.weatherDetailLine{color:var(--text);font-size:.8rem}@media (width>=760px){.weatherDetailsPanel{grid-template-columns:repeat(2,minmax(0,1fr))}}.connectionHelpWrap{align-items:center;display:inline-flex;position:relative}.connectionHelpBtn{padding:0}.connectionHelpTooltip{border:1px solid var(--line);background:var(--panel);width:min(86vw,320px);color:var(--text);z-index:20;border-radius:10px;gap:.35rem;padding:.55rem .65rem;font-size:.8rem;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 24px #00000029}.connectionHelpTooltip strong{font-size:.82rem}.livePage .mapPanel{flex-direction:column;min-width:0;min-height:0;display:flex}.spectateMap{border-radius:20px;flex-shrink:0;width:100%;height:clamp(520px,68vh,920px);min-height:520px}.mapLoadingPlaceholder{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--muted);border-radius:20px;place-items:center;font-size:.95rem;display:grid}.eventMap,.setupMap{border-radius:20px;width:100%}.eventMap{height:clamp(360px,56vh,760px)}.setupMap{height:clamp(320px,50vh,620px)}.spectatePage .sidePanel{flex-direction:column;align-self:stretch;gap:.75rem;min-height:0;display:flex;overflow:hidden}.spectatePage .sidePanel .wall{overscroll-behavior:contain;flex:1;min-height:0;max-height:100%;overflow:hidden auto}.wallNotifyPanel{border-radius:16px;padding:.85rem}.livePage .sidePanel{flex-direction:column;align-self:stretch;gap:.75rem;min-height:0;display:flex}.livePage .sidePanel .wall{flex:1;min-height:0;max-height:none;overflow:visible}.spectateInfoGrid{gap:1rem;width:100%;min-width:0;margin-top:1rem;display:grid}.spectateInfoGrid>.panel{min-width:0;max-width:100%}.trimPage{grid-template-columns:minmax(0,1fr) clamp(240px,24vw,340px);height:100%;max-height:100%;overflow:hidden}.trimPage .mapPanel{overscroll-behavior:contain;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden auto}.trimPage .sidePanel{min-height:0;overflow:hidden auto}.trimActionRow{margin:.3rem 0 .1rem}.trimRunBtn{border:1px solid color-mix(in srgb, var(--line) 88%, var(--accent) 12%);background:color-mix(in srgb, var(--bg) 90%, var(--panel) 10%);min-height:30px;color:var(--text);box-shadow:none;border-radius:999px;padding:.26rem .62rem;font-size:.82rem}.trimRunBtn:hover{background:color-mix(in srgb, var(--bg) 80%, var(--accent) 20%);border-color:color-mix(in srgb, var(--line) 72%, var(--accent) 28%)}.trimRunBtn:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 75%, white 25%);outline-offset:2px}.trimBackBtn{min-height:30px}.trimHeaderBtn{border:1px solid color-mix(in srgb, var(--line) 88%, var(--accent) 12%);background:color-mix(in srgb, var(--bg) 90%, var(--panel) 10%);min-height:30px;color:var(--text);box-shadow:none;border-radius:999px;align-items:center;gap:.35rem;padding:.26rem .62rem;font-size:.82rem;line-height:1;text-decoration:none;display:inline-flex}.eventActions a.trimHeaderBtn{color:var(--text);text-decoration:none}.trimHeaderBtn .btnIcon{font-size:16px}.trimHeaderBtn:hover{background:color-mix(in srgb, var(--bg) 80%, var(--accent) 20%);border-color:color-mix(in srgb, var(--line) 72%, var(--accent) 28%)}.trimControlsPanel{gap:.7rem;display:grid}.trimMapWrap{position:relative}.trimMapOverlay{pointer-events:none;z-index:8;justify-content:center;padding:0 .55rem;display:flex;position:absolute;bottom:14px;left:0;right:0}.trimMapOverlayCard{border:1px solid color-mix(in srgb, var(--line) 86%, var(--accent) 14%);background:color-mix(in srgb, var(--panel) 84%, transparent 16%);-webkit-backdrop-filter:blur(8px);pointer-events:auto;border-radius:12px;width:min(980px,100%);padding:.28rem .52rem;box-shadow:0 8px 24px #0003}.trimSliderHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.trimSliderHeader h3{margin:0}.trimSliderSummary{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.85rem;display:inline-flex}.trimSliderSummary span{border:1px solid var(--line);background:var(--bg);border-radius:999px;padding:.15rem .45rem}.trimSliderWrap{gap:.08rem;display:grid}.trimSlider{width:100%;margin:-1px 0 0}.trimSliderMarkers{height:9px;margin-top:-1px;position:relative}.trimSuggestionMarker{pointer-events:auto;cursor:pointer;border:1px solid #111;border-radius:999px;width:7px;height:7px;margin:0;padding:0;line-height:0;position:absolute;top:1px;transform:translate(-50%)}.trimSuggestionMarker.level-high{background:#16a34a}.trimSuggestionMarker.level-medium{background:#f59e0b}.trimSuggestionMarker.level-low{background:#64748b}.trimSliderAxis{color:var(--muted);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.42rem;font-size:.78rem;line-height:1.1;display:grid}.trimSliderAxis span:first-child{text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.trimSliderAxis span:last-child{text-align:right;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.trimSliderCurrent{border:1px solid var(--line);color:var(--text);background:color-mix(in srgb, var(--bg) 90%, var(--panel) 10%);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:min(66vw,460px);padding:.04rem .42rem;font-size:.77rem;overflow:hidden}.trimSuggestionList{gap:.4rem;display:grid}.trimSuggestionButtons{gap:.35rem;display:grid}.trimSuggestionBtn{flex-wrap:wrap;justify-content:flex-start;gap:.5rem;width:100%;display:flex}.trimSuggestionBtn span:last-child{text-transform:capitalize;margin-left:auto}.trimConfirmModal{width:min(92vw,460px)}.elevationChartWrap{position:relative}.elevationSvg{z-index:1;border:1px solid var(--line);background:var(--bg);touch-action:pan-y;border-radius:12px;width:100%;height:auto;display:block;position:relative}.chartGrid{stroke:var(--line);stroke-width:1px}.chartTickText{fill:var(--muted);font-size:11px}.elevationPath{fill:none;stroke:var(--accent-2);stroke-width:2.5px;vector-effect:non-scaling-stroke}.chartPacePath{fill:none;stroke:#ef4444;stroke-width:2px;stroke-opacity:.95;vector-effect:non-scaling-stroke}.chartPaceTickText{fill:#ef4444;font-size:10px;font-weight:600}.runnerProgressLine{stroke:var(--accent);stroke-width:1.5px;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}.runnerProgressLine.selected{stroke-width:2.75px;stroke-dasharray:0}.runnerProgressLabel{fill:var(--text);font-size:10px;font-weight:600}.runnerLineGroup{cursor:pointer}.chartHitOverlay{cursor:crosshair;touch-action:pan-y;pointer-events:auto;z-index:2;background:0 0;position:absolute;inset:0}.chartProbeOverlayLine{border-left:2px dashed var(--accent);pointer-events:none;width:0;position:absolute;transform:translate(-50%)}.chartProbeOverlayDot{background:var(--accent);pointer-events:none;border-radius:999px;width:10px;height:10px;position:absolute;transform:translate(-50%,-50%)}.chartProbeOverlayTooltip{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 94%, transparent);min-width:122px;color:var(--text);pointer-events:none;border-radius:8px;padding:.35rem .45rem;font-size:11px;font-weight:600;line-height:1.3;position:absolute}.chartAxisLabel{margin-top:.5rem}.runnerTableWrap{touch-action:pan-y;max-width:100%;overflow-x:auto}.panelTitleRow{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.panelTitleRow>*{min-width:0}.panelTitleRow h3{margin:0}.chartInlineSummary{overflow-wrap:anywhere;margin:0;font-size:.95rem}.runnerTable{border-collapse:collapse;width:max-content;min-width:100%;font-size:.92rem}.runnerTable th,.runnerTable td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:.5rem .45rem}.runnerTable th{color:var(--muted);font-weight:700}@media (width<=860px){.runnerTable{width:100%;min-width:0}.runnerTable thead{display:none}.runnerTable tbody{gap:.55rem;display:grid}.runnerTable tr{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 96%, transparent);border-radius:10px;gap:.25rem;padding:.35rem .45rem;display:grid}.runnerTable td{border-bottom:1px solid color-mix(in srgb, var(--line) 55%, transparent);white-space:normal;justify-content:space-between;align-items:baseline;gap:.7rem;padding:.2rem 0;display:flex}.runnerTable td:last-child{border-bottom:none}.runnerTable td:before{content:attr(data-label);color:var(--muted);flex:none;margin-right:.4rem;font-weight:700}}.runnerMarkerDot{vertical-align:middle;background:var(--accent);border-radius:999px;width:.8rem;height:.8rem;margin-right:.3rem;display:inline-block}.selectedRunnerRow{background:var(--line)}.pendingInviteRow{opacity:.65;font-style:italic}.pendingInviteMarkerDot{background:var(--muted,#6b7280)!important}.invitedBadge{background:color-mix(in srgb, var(--accent) 18%, var(--panel));color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);border-radius:999px;padding:.15rem .5rem;font-size:.78rem;font-style:normal;font-weight:600;display:inline-block}.dangerBtn{border-color:color-mix(in srgb, #b42318 50%, var(--line));color:#b42318}.dangerBtn:hover:not(:disabled){background:#b423181a}.ownerInviteControls{margin-top:0}.ownerInviteControlsTitle{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 12px;font-size:.92rem;font-weight:700}.ownerInviteSection{margin-bottom:16px}.ownerInviteSection:last-of-type{margin-bottom:0}.ownerInviteSectionLabel{margin-bottom:3px;font-size:.88rem;font-weight:600;display:block}.ownerInviteSectionHint{margin:3px 0 8px;font-size:.82rem}.ownerInviteLinkRow{align-items:center;gap:8px;margin-top:4px;display:flex}.ownerInviteLinkInput{flex:1;padding:.45rem .65rem!important;font-size:.82rem!important}.inviteList{gap:4px;margin:6px 0 0;padding:0;list-style:none;display:grid}.inviteListItem{border-bottom:1px solid color-mix(in srgb, var(--line) 50%, transparent);justify-content:space-between;align-items:center;gap:8px;padding:5px 0;font-size:.88rem;display:flex}.inviteListItem:last-child{border-bottom:none}.inviteSearchRow{align-items:center;gap:8px;display:flex}.inviteSearchRow .textInput{flex:1}.inviteChips{flex-wrap:wrap;gap:6px;display:flex}.inviteChip{background:color-mix(in srgb, var(--accent) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);color:var(--accent);border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:.82rem;font-weight:600;display:inline-flex}.freshness.fresh{color:#176533;border-color:#2c8f4d}.freshness.quiet{color:#7d4a08;border-color:#b47c2c}.freshness.stale{color:#cf4f00;font-weight:700}.runState.active{color:#176533;border-color:#2c8f4d}.runState.inactive{color:#7d4a08;border-color:#b47c2c}.pollState.polling{color:#174f87;border-color:#4d8bc2}.pollState.error{color:#9b2f2f;border-color:#c07070}.pollHint{margin:.35rem 0 .5rem;font-size:.82rem}.mapEndpointMarker{pointer-events:none;width:45px;height:45px;display:inline-block;transform:translate(-21.875%,-100%)}.mapEndpointMarker svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px #0000004d);width:100%;height:100%}.mapEndpointMarker.start{color:#1e8f4b}.mapEndpointMarker.finish{color:#cf4f00}.mapRunnerMarker{color:#fff;cursor:pointer;opacity:.88;z-index:1;background:0 0;border:0;flex-direction:column;justify-content:flex-start;align-items:center;width:50px;height:58px;padding:0;font-size:11px;font-weight:700;line-height:1;transition:opacity .12s;display:inline-flex;position:relative;overflow:visible;transform:translate(-50%,-100%)}.mapRunnerMarker.selected{opacity:1;z-index:9}.mapRunnerMarkerHead{border:1px solid #1b1b1b;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .12s,box-shadow .12s,border-color .12s;display:inline-flex;position:relative;overflow:hidden;transform:scale(1);box-shadow:0 1px 4px #00000040}.mapRunnerMarkerHead.selected{transform:scale(1.28);box-shadow:0 0 0 3px #0f172a59,0 0 0 8px #f9731652,0 3px 10px #00000059}.mapRunnerMarkerTip{border-left:8px solid #0000;border-right:8px solid #0000;border-top:10px solid var(--runner-pin-color,currentColor);filter:drop-shadow(0 1px 1px #0003);width:0;height:0;margin-top:1px}.mapRunnerMarkerAvatar{object-fit:cover;border-radius:999px;width:100%;height:100%;display:block}.mapRunnerMarkerBadge{color:#fff;background:#111827;border:1px solid #ffffffeb;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 2px;font-size:10px;font-weight:700;line-height:1;display:inline-flex;position:absolute;bottom:-8px;right:-7px}.mapRunnerMarkerHead.selected:after{content:"";border:2px solid #f973168c;border-radius:999px;animation:1.3s ease-out infinite markerPulse;position:absolute;inset:-8px}@keyframes markerPulse{0%{opacity:.8;transform:scale(.9)}70%{opacity:.2;transform:scale(1.15)}to{opacity:0;transform:scale(1.25)}}.mapMileMarker{color:#4b5563;pointer-events:none;background:#ffffffeb;border:1px solid #4b5563a6;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:9px;font-weight:700;display:inline-flex;transform:translate(-50%,-50%);box-shadow:0 1px 2px #0003}.mapWallMarker{color:#fff;cursor:pointer;background:#0f766e;border:2px solid #fff;border-radius:9px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;display:inline-flex;position:relative;transform:translate(-50%,-100%);box-shadow:0 2px 8px #00000059}.mapWallMarker.selected{box-shadow:0 0 0 3px #0f766e59,0 0 0 7px #14b8a640,0 2px 8px #00000059}.mapWallMarker:after{content:"";border-top:8px solid #0f766e;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.mapWallMarkerAvatar{object-fit:cover;border-radius:7px;width:100%;height:100%}.mapWallMarkerIcon{font-size:15px}.wallPostTargetPulse{animation:1.25s ease-out wallPostPulse}@keyframes wallPostPulse{0%{border-radius:10px;box-shadow:0 0 #0ea5e98c}to{border-radius:10px;box-shadow:0 0 0 14px #0ea5e900}}.mapTools{flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:.35rem;display:flex}.compressorStats{flex-wrap:wrap;gap:.45rem;margin:.55rem 0 .8rem;display:flex}.compressorMapGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.compressorMapCard{gap:.45rem;display:grid}.compressorMapCard h3{margin:0}.compressorMap{border-radius:12px;width:100%;height:clamp(320px,55vh,680px);overflow:hidden}.gpxInput{background:var(--gpx-pill-bg);color:var(--gpx-pill-text);border:1px dashed var(--gpx-pill-border);cursor:pointer;border-radius:999px;align-items:center;gap:.35rem;padding:.5rem .75rem;display:inline-flex}.gpxInput:hover{filter:brightness(.95)}.gpxInput input{display:none}.composer{gap:.5rem;display:grid}.composer .wallPostSubmitBtn{background:var(--button-bg);color:var(--button-text);border:1px solid color-mix(in srgb, var(--button-bg) 75%, #000 25%);justify-content:center}.composer .wallPostSubmitBtn:hover:not(:disabled){background:var(--button-bg-hover)}.composer .wallPostSubmitBtn:disabled{background:color-mix(in srgb, var(--button-bg) 45%, var(--panel));color:color-mix(in srgb, var(--button-text) 70%, var(--muted));border-color:color-mix(in srgb, var(--line) 70%, var(--button-bg) 30%)}.photoPickerRow{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.photoUploadBtn{background:var(--gpx-pill-bg);color:var(--gpx-pill-text);border:1px dashed var(--gpx-pill-border);cursor:pointer;border-radius:999px;align-items:center;gap:.35rem;padding:.45rem .75rem;display:inline-flex}.photoUploadBtn:hover{filter:brightness(.95)}.photoUploadBtn input{display:none}.photoUploadName{color:var(--muted);font-size:.88rem}.posts{gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.posts li{border:1px solid var(--line);border-radius:12px;padding:.75rem}.posts li.wallPostHasLocation{cursor:pointer}.posts li.wallPostHasLocation:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line));background:color-mix(in srgb, var(--panel) 92%, var(--accent) 8%)}.posts li.wallPostHasLocation:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 70%, transparent);outline-offset:2px}.postImageBtn{background:0 0;border:none;border-radius:10px;width:100%;padding:0;display:block}.postImageBtn:hover:not(:disabled){background:0 0}.postImageBtn img{border-radius:10px;width:100%;margin-top:.5rem}.imagePreviewModal{width:min(96vw,1200px);max-height:92vh;overflow:auto}.avatarModal{width:min(100%,560px)}.avatarModal .avatarCropBox{justify-self:center}.avatarModal label:not(.gpxInput){gap:.3rem;display:grid}.imagePreviewHeader{justify-content:flex-end;display:flex}.imagePreviewFull{border-radius:10px;width:100%;height:auto}.postHeader{flex-wrap:nowrap;align-items:center;gap:.55rem;font-size:.85rem;display:flex}.wallPostLocationPill{border:1px solid color-mix(in srgb, var(--accent) 42%, var(--line));background:color-mix(in srgb, var(--panel) 82%, var(--accent) 18%);color:var(--text);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:.2rem;padding:.15rem .5rem;font-size:.72rem;font-weight:700;display:inline-flex}.postHeader>*{min-width:0}.postAuthor{flex:auto;align-items:center;gap:.55rem;min-width:0;display:flex}.postAuthorMeta{flex-direction:column;flex:auto;justify-content:center;gap:.12rem;min-width:0;display:flex}.postAuthorName{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;max-width:100%;display:block;overflow:hidden}.postAuthorTime{white-space:nowrap;color:var(--muted);font-size:.78rem;display:block}.postAvatar{object-fit:contain;object-position:center;background:color-mix(in srgb, var(--panel) 88%, white);border:1px solid var(--line);border-radius:999px;flex:none;width:26px;height:26px}.runnerNameCell{align-items:center;gap:.35rem;display:inline-flex}.runnerAvatar{object-fit:cover;border:1px solid var(--line);border-radius:999px;width:18px;height:18px}@media (width<=960px){.dashboard,.eventPage,.coursesPage,.workspaceBody{grid-template-columns:1fr;height:auto;overflow:visible}.workspacePage{grid-template-rows:auto auto}.workspaceHeader,.workspaceMainHeaderRow{align-items:stretch}.compactSearchField{width:100%;min-width:0}.manageBody .workspaceRail{position:static}.spectateHubPage .spectateFollowedEventsList{max-height:none;padding-right:0;overflow:visible}.courseListPanel{border-right:1px solid var(--line);background:var(--panel);z-index:130;border-bottom:none;width:min(92vw,420px);height:100dvh;max-height:none;transition:transform .16s;position:fixed;top:0;left:0;transform:translate(-104%);box-shadow:0 16px 36px #00000038}.coursesPage.mobileCourseMenuOpen .courseListPanel{transform:translate(0)}.courseDetailMobileBar{align-items:center;gap:.55rem;margin-bottom:.4rem;padding:.15rem .1rem;display:flex}.courseListCloseBtn{justify-content:center;align-items:center;width:36px;min-height:36px;padding:0;display:inline-flex}.courseListBackdrop{opacity:0;pointer-events:none;z-index:120;background:#0a0f195c;border:none;margin:0;padding:0;transition:opacity .14s;display:block;position:fixed;inset:0}.coursesPage.mobileCourseMenuOpen .courseListBackdrop{opacity:1;pointer-events:auto}.onboardingHint{flex-direction:column;align-items:stretch}.onboardingHint .eventActions{justify-content:flex-start}.courseDetailPanel{max-height:none;overflow:visible}.courseWorkbench{grid-template-columns:1fr}.courseInfoRail{min-height:auto}.courseEditorPane{min-height:420px}.courseMapPanel{height:auto;min-height:280px}.coursePreviewMapWrap{height:auto;min-height:clamp(260px,42vh,520px)}.kmlReviewLayout,.landingGrid,.landingChoiceGrid,.landingFeatureGroups,.landingLearnGrid{grid-template-columns:1fr}.routeViewport{display:block}.spectatePage,.trimPage{gap:.6rem;height:auto;padding:.55rem;overflow:visible}.trimMapOverlay{padding:0 .35rem;bottom:10px}.trimMapOverlayCard{padding:.22rem .36rem .24rem}.trimSliderAxis{grid-template-columns:minmax(0,1fr);justify-items:stretch;gap:.18rem}.trimSliderAxis span:first-child,.trimSliderAxis span:last-child{display:none}.trimSliderCurrent{text-align:center;max-width:100%}.spectatePage .mapPanel,.trimPage .mapPanel{overscroll-behavior:auto;overflow:visible}.spectatePage .sidePanel,.trimPage .sidePanel{overflow:visible}.spectateHeaderRow{align-items:flex-start}.connectionHelpWrap{position:static}.connectionHelpTooltip{top:calc(var(--topbar-height,60px) + .55rem);z-index:220;width:auto;max-width:none;position:fixed;left:.5rem;right:.5rem}.spectateMap{height:clamp(360px,56vh,640px);min-height:360px}.eventMap,.setupMap,.compressorMap{height:clamp(300px,50vh,560px)}.compressorMapGrid{grid-template-columns:1fr}.spectatePage .sidePanel .wall,.livePage .sidePanel .wall{max-height:none;overflow:visible}.span2{grid-column:auto}.profileGrid,.profileLayout,.profileTabsLayout{grid-template-columns:1fr}.profileTabsNav{grid-template-columns:repeat(2,minmax(0,1fr))}.profileHeaderActions{justify-content:flex-start}.profileSocialGrid,.activityChoiceGrid{grid-template-columns:1fr}.eventList li,.notifFeedItem{flex-direction:column;align-items:flex-start}.topbar{gap:.35rem;min-height:60px;padding:.42rem .55rem}.brandWordmark{height:28px}.topbar .brandBlock p,.topnav{display:none}.topIconBtn.mobileMenuBtn{justify-content:center;align-items:center;display:inline-flex}.userbox{flex-wrap:nowrap;gap:.35rem;width:auto;margin-left:auto}.profileLink,.userbox>button:not(.topIconBtn){display:none}.brandHero{flex-direction:column;align-items:flex-start}.landingQuickLinks,.landingAudienceActions{flex-direction:column}.brandHeroWordmark{width:min(100%,380px)}.login{padding:.45rem}.loginCompact{padding-top:.2rem}.raceFlowModal{border-radius:14px;width:min(100%,100vw - 1rem);max-height:calc(100dvh - 1rem)}.flowSelectCard,.flowMethodCard{gap:.55rem;padding:.58rem}.flowSelectIcon{width:2rem;height:2rem}.notifPanel{top:calc(var(--topbar-height,60px) + .35rem);width:auto;max-height:calc(100dvh - var(--topbar-height,60px) - .9rem);position:fixed;left:.45rem;right:.45rem}}@media (width<=640px){.dashboard,.workspacePage,.profilePage,.eventPage,.spectatePage{padding:.45rem}.panel,.wall,.mapPanel{border-radius:16px;padding:.72rem}.setupActionRow{grid-template-columns:1fr;align-items:start}.modalBackdrop{padding:.5rem}.modalCard{width:min(100%,100vw - 1rem);max-height:calc(100dvh - 1rem)}.choiceRow label{width:100%}.visibilityChip{width:100%;margin-left:0;margin-right:0}.adminMenuRow{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.dataTable th,.dataTable td{padding:.35rem .4rem;font-size:.8rem}}@media (width>=1280px){.dashboard>.panel{grid-column:span 4}}