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