
:root {
  color-scheme: dark;
  --ink: #071416;
  --ink-2: #0d2023;
  --ink-3: #153035;
  --paper: #f4f8f3;
  --muted: #91aaa7;
  --line: rgba(210, 240, 232, .12);
  --cyan: #5ce1d2;
  --cyan-2: #9af7e8;
  --lime: #d7fb77;
  --orange: #ff9f64;
  --blue: #4f8cff;
  --red: #ff747d;
  --radius: 24px;
  --shadow: 0 24px 70px rgba(0, 0, 0, .35);
}

* { box-sizing: border-box; }
html { background: #03090a; }
body {
  margin: 0;
  min-height: 100vh;
  background:
    radial-gradient(circle at 20% 0%, rgba(92, 225, 210, .14), transparent 34rem),
    #03090a;
  color: var(--paper);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}
button, input, select, textarea { font: inherit; }
button { color: inherit; }
button:not(.toggle) { min-height: 44px; }
:where(button,a,input,select,textarea,[tabindex]):focus-visible { outline: 3px solid var(--lime); outline-offset: 3px; }
.skip-link { position: fixed; z-index: 100; left: 12px; top: 8px; display: flex; align-items: center; min-height: 44px; padding: 10px 14px; border-radius: 12px; background: var(--lime); color: var(--ink); font-weight: 800; transform: translateY(-160%); }
.skip-link:focus { transform: translateY(0); }

#app { min-height: 100vh; }
.phone {
  position: relative;
  width: min(100%, 460px);
  min-height: 100dvh;
  margin: 0 auto;
  overflow: hidden;
  background: var(--ink);
  box-shadow: var(--shadow);
}
.page { min-height: 100dvh; padding: max(20px, env(safe-area-inset-top)) 18px 112px; }
.page.no-nav { padding-bottom: 28px; }
.eyebrow { color: var(--cyan); font-size: 11px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, sans-serif; letter-spacing: -.04em; }
h1 { font-size: clamp(36px, 11vw, 54px); line-height: .98; }
h2 { font-size: 28px; line-height: 1.05; }
h3 { font-size: 18px; }
.muted { color: var(--muted); }
.small { font-size: 12px; }
.row { display: flex; align-items: center; gap: 12px; }
.between { justify-content: space-between; }
.grow { flex: 1; }
.stack { display: grid; gap: 14px; }
.section { margin-top: 28px; }
.section-head { display: flex; align-items: end; justify-content: space-between; margin-bottom: 13px; }
.section-head h2, .section-head h3 { margin-bottom: 0; }
.link-btn { border: 0; background: transparent; color: var(--cyan); padding: 6px 0; cursor: pointer; }

.brand { display: flex; align-items: center; gap: 10px; font: 800 15px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; letter-spacing: -.02em; }
.brand-mark { width: 26px; height: 26px; border-radius: 9px 9px 9px 2px; background: linear-gradient(145deg, var(--lime), var(--cyan)); box-shadow: 0 0 28px rgba(92,225,210,.3); }
.topbar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; }
.language-button,.language-fab { display:flex;align-items:center;justify-content:center;gap:4px;min-width:44px;height:38px;padding:0 7px;border:1px solid rgba(92,225,210,.22);border-radius:13px;background:linear-gradient(145deg,rgba(92,225,210,.09),rgba(255,255,255,.035));color:var(--paper);font-size:9px;font-weight:800;letter-spacing:.06em;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.05)}
.language-button>span,.language-fab>span{font-size:15px;line-height:1}.language-button>strong,.language-fab>strong{font-size:9px;color:var(--cyan)}
.language-fab { position: absolute; z-index: 8; top: max(17px,env(safe-area-inset-top)); right: 18px; }
.page:has(.language-fab) { position: relative; }
.language-option { display: grid; grid-template-columns: 40px 1fr auto; align-items: center; gap: 11px; width: 100%; padding: 13px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.035); text-align: left; }
.language-option > span { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 13px; background: rgba(92,225,210,.1); color: var(--cyan); font-size: 20px; }
.language-option strong,.language-option small { display: block; }.language-option small { margin-top: 3px; color: var(--muted); }.language-option.selected { border-color: var(--cyan); background: rgba(92,225,210,.08); }.language-option > b { color: var(--lime); }
.language-label { margin: 20px 0 9px; color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.language-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 8px; }
.language-grid button { position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:13px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.035);text-align:left;isolation:isolate}.language-grid button strong,.language-grid button small{position:relative;z-index:2;display:block;text-shadow:0 2px 8px rgba(0,0,0,.75)}.language-grid button small{margin-top:3px;color:rgba(255,255,255,.72);font-size:8px}.language-grid button.selected{border-color:var(--lime);background:rgba(215,251,119,.1);color:var(--lime);box-shadow:inset 0 0 0 1px rgba(215,251,119,.16)}.language-flag{position:absolute;z-index:-1;right:-8px;bottom:-20px;font-size:70px;line-height:1;filter:saturate(.92);opacity:.6;transform:rotate(-5deg) scale(1.18)}.language-flag-card::after{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(90deg,rgba(5,17,19,.92) 5%,rgba(5,17,19,.48) 62%,rgba(5,17,19,.12))}.language-card-copy{position:relative;z-index:2}.language-flag-card.selected .language-flag{opacity:.8}
.language-note { margin: 16px 0 0; padding: 13px; border-radius: 16px; background: rgba(255,255,255,.035); color: var(--muted); font-size: 10px; line-height: 1.55; }
.avatar { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: linear-gradient(145deg, #34575b, #15292c); border: 1px solid var(--line); font-weight: 800; }
.passport-access{display:flex;align-items:center;gap:6px;height:38px;padding:3px 8px 3px 3px;border:1px solid rgba(255,255,255,.11);border-radius:13px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));color:var(--paper);cursor:pointer}.passport-access-avatar{display:grid;place-items:center;width:30px;height:30px;flex:none;border:1px solid rgba(92,225,210,.22);border-radius:10px;background:linear-gradient(145deg,#34575b,#15292c);background-position:center;background-size:cover;font-size:9px;font-weight:900}.passport-access small{font-size:7px;font-weight:900;letter-spacing:.04em}.passport-access.active{border-color:rgba(215,251,119,.45);box-shadow:inset 0 0 0 1px rgba(215,251,119,.08)}.passport-access.active small{color:var(--lime)}
.icon-btn { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid var(--line); border-radius: 15px; background: rgba(255,255,255,.04); cursor: pointer; }
.top-actions { gap: 6px; min-width:0 }.notification-btn { position: relative; flex:none }.notification-btn > span { position: absolute; right: -3px; top: -4px; display: grid; place-items: center; width: 17px; height: 17px; border-radius: 50%; background: var(--lime); color: var(--ink); font-size: 8px; font-weight: 800; }
.topbar-page-title{font:800 17px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;letter-spacing:-.025em}
.top-sport-select{display:flex;align-items:center;gap:7px;width:auto;min-width:116px;max-width:142px;height:42px;padding:0 8px 0 7px;border:1px solid rgba(92,225,210,.28);border-radius:13px;background:linear-gradient(145deg,rgba(92,225,210,.13),rgba(255,255,255,.035));color:var(--paper);box-shadow:inset 0 1px rgba(255,255,255,.07)}
.top-sport-select>span{flex:none;font-size:17px;line-height:1}
.top-sport-select>.top-sport-copy{display:block;min-width:0;flex:1;text-align:left;line-height:1.05}.top-sport-copy small,.top-sport-copy strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.top-sport-copy small{margin-bottom:3px;color:var(--cyan);font-size:7px!important;font-weight:900;letter-spacing:.055em}.top-sport-copy strong{font-size:11px}
.top-sport-select>i{color:var(--cyan);font-size:8px;font-style:normal}
@media(max-width:410px){.top-actions{gap:4px}.top-sport-select{max-width:116px;min-width:106px}.top-sport-copy small{font-size:6px!important}.passport-access{padding-right:4px}.passport-access small{display:none}.language-button{min-width:40px;padding:0 5px}.language-button>strong{display:none}}
.service-notice{display:grid;grid-template-columns:28px 1fr;align-items:start;gap:10px;margin:-10px 0 20px;padding:12px 13px;border:1px solid rgba(255,159,100,.3);border-radius:15px;background:rgba(255,159,100,.09)}
.service-notice>span{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:var(--orange);color:var(--ink);font-weight:900}
.service-notice strong,.service-notice small{display:block}.service-notice strong{font:800 12px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.service-notice small{margin-top:3px;color:#d9c5b7;font-size:10px;line-height:1.45}
.service-notice.critical{border-color:rgba(255,116,125,.42);background:rgba(255,116,125,.11)}.service-notice.critical>span{background:var(--red)}.service-notice.critical small{color:#f0c1c5}
.operational-incident-row.resolved{opacity:.72}.incident-timeline{display:grid;gap:9px}.incident-timeline>div{display:grid;grid-template-columns:92px 1fr;gap:10px;padding:11px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.035)}.incident-timeline span{color:var(--muted);font-size:9px}.incident-timeline p{margin:0}.incident-timeline strong,.incident-timeline small{display:block}.incident-timeline strong{text-transform:uppercase;font-size:10px;color:var(--cyan)}.incident-timeline small{margin-top:4px;color:var(--paper);font-size:10px;line-height:1.45}

.btn { border: 0; border-radius: 18px; padding: 16px 20px; font-weight: 800; cursor: pointer; transition: transform .15s ease, opacity .15s ease; }
.btn:active, .tap:active { transform: scale(.98); }
.btn-primary { background: linear-gradient(135deg, var(--lime), var(--cyan)); color: #06201c; box-shadow: 0 14px 32px rgba(92,225,210,.18); }
.btn-secondary { background: rgba(255,255,255,.07); border: 1px solid var(--line); }
.btn-wide { width: 100%; }
.btn[disabled] { opacity: .4; cursor: default; }

.onboard { display: flex; flex-direction: column; min-height: calc(100dvh - 48px); }
.onboard .brand { margin-bottom: 50px; }
.onboard-copy { max-width: 390px; }
.onboard-copy p { font-size: 18px; line-height: 1.55; }
.onboard-actions { margin-top: auto; display: grid; gap: 12px; }
.progress { display: flex; gap: 6px; margin: 28px 0; }
.progress span { height: 4px; flex: 1; border-radius: 4px; background: rgba(255,255,255,.1); }
.progress span.active { background: var(--cyan); }

.sport-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 11px; }
.sport-card { position: relative; border: 1px solid var(--line); border-radius: 21px; min-height: 132px; padding: 16px; background: linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.02)); cursor: pointer; overflow: hidden; text-align: left; }
.sport-card::after { content: ''; position: absolute; width: 100px; height: 100px; border-radius: 50%; right: -35px; bottom: -42px; background: var(--accent, var(--cyan)); filter: blur(12px); opacity: .18; }
.sport-card.selected { border-color: var(--cyan); background: rgba(92,225,210,.1); }
.sport-icon { font-size: 29px; margin-bottom: 20px; display: block; }
.sport-name { font-weight: 800; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; display: block; }
.sport-meta { color: var(--muted); font-size: 11px; }
.role-list { display: grid; gap: 10px; }
.role { padding: 18px; border-radius: 20px; border: 1px solid var(--line); background: rgba(255,255,255,.035); text-align: left; cursor: pointer; }
.role.selected { border-color: var(--cyan); background: rgba(92,225,210,.1); }
.role strong { display: block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; margin-bottom: 4px; }

.world-switch { display: inline-flex; align-items: center; gap: 9px; padding: 9px 12px 9px 9px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.04); cursor: pointer; }
.world-dot { width: 26px; height: 26px; border-radius: 9px; display: grid; place-items: center; background: rgba(92,225,210,.15); }
.welcome h1 { font-size: 38px; margin-bottom: 8px; }
.weather-hero { position: relative; overflow: hidden; margin-top: 22px; padding: 22px; min-height: 248px; border-radius: 30px; background: linear-gradient(145deg, #16444a 0%, #0f2f39 45%, #182b48 100%); border: 1px solid rgba(154,247,232,.18); }
.weather-hero::before { content: ''; position: absolute; inset: -40% -40% auto auto; width: 260px; height: 260px; border-radius: 50%; background: rgba(215,251,119,.13); filter: blur(8px); }
.weather-hero > * { position: relative; }
.live { display: inline-flex; align-items: center; gap: 7px; font-size: 11px; font-weight: 800; letter-spacing: .08em; }
.live::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 5px rgba(215,251,119,.1); }
.weather-main { display: flex; align-items: end; justify-content: space-between; margin: 18px 0 16px; }
.wind-value { font: 800 56px/.9 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; letter-spacing: -.07em; }
.wind-value small { font-size: 17px; letter-spacing: -.02em; }
.condition-value { font-size: clamp(37px, 12vw, 54px); letter-spacing: -.055em; }
.wind-arrow { width: 65px; height: 65px; display: grid; place-items: center; border-radius: 50%; background: rgba(255,255,255,.08); font-size: 30px; transform: rotate(35deg); }
.weather-note { padding: 12px 14px; border-radius: 16px; background: rgba(7,20,22,.42); font-weight: 600; font-size: 13px; line-height: 1.4; }
.weather-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-top: 14px; }
.weather-stats div { padding: 10px 8px; border-radius: 14px; background: rgba(255,255,255,.05); }
.weather-stats strong { display: block; font-size: 13px; }
.weather-stats span { color: var(--muted); font-size: 10px; }

.quick-scroll { display: flex; gap: 10px; overflow-x: auto; margin: 0 -18px; padding: 0 18px 5px; scrollbar-width: none; }
.quick { min-width: 126px; border-radius: 20px; padding: 15px; background: var(--ink-2); border: 1px solid var(--line); cursor: pointer; }
.quick .emoji { font-size: 22px; }
.quick strong { display: block; margin-top: 15px; font-size: 13px; }
.active-entry { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 10px; padding: 18px; border: 1px solid rgba(215,251,119,.24); border-radius: 24px; background: linear-gradient(135deg,rgba(215,251,119,.11),rgba(92,225,210,.04)); }
.active-entry h2 { margin: 3px 0 5px; }.active-entry p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.4; }.active-entry .btn { grid-column: 2; grid-row: 1; padding: 13px 17px; }.active-entry .plan-link { grid-column: 1/-1; padding: 10px 0 0; border: 0; border-top: 1px solid var(--line); background: transparent; color: var(--cyan); text-align: left; font-size: 11px; font-weight: 800; }.active-entry.passive { border-color: var(--line); background: rgba(255,255,255,.03); }

.nearby-strip { display: flex; align-items: center; gap: 12px; padding: 15px; border: 1px solid var(--line); border-radius: 21px; background: var(--ink-2); cursor: pointer; }
.face-stack { display: flex; min-width: 104px; }
.face-stack span { display: grid; place-items: center; width: 33px; height: 33px; margin-left: -8px; border-radius: 50%; border: 2px solid var(--ink-2); background: linear-gradient(145deg,#4d777b,#1a3437); font-size: 9px; font-weight: 800; }
.face-stack span:first-child { margin-left: 0; }
.face-stack span:last-child { background: var(--cyan); color: var(--ink); }
.spot-chat { display: flex; align-items: center; gap: 12px; width: 100%; margin-top: 9px; padding: 14px 15px; border: 1px solid rgba(92,225,210,.24); border-radius: 21px; background: rgba(92,225,210,.07); text-align: left; cursor: pointer; }
.spot-chat strong, .spot-chat small { display: block; }
.spot-chat small { max-width: 240px; margin-top: 2px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.chat-icon { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 14px; background: var(--cyan); color: var(--ink); }
.unread { display: grid; place-items: center; width: 23px; height: 23px; border-radius: 50%; background: var(--lime); color: var(--ink); font-size: 10px; font-weight: 800; }
.list-preview-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.list-preview-grid button { min-height: 122px; padding: 13px; border-radius: 18px; border: 1px solid var(--line); background: var(--ink-2); text-align: left; cursor: pointer; }
.list-preview-grid button > span { display: block; color: var(--cyan); font-size: 20px; }
.list-preview-grid strong { display: block; margin: 16px 0 4px; font-size: 12px; }
.list-preview-grid small { color: var(--muted); font-size: 9px; line-height: 1.25; }

.feed-card { position: relative; overflow: hidden; min-height: 455px; border-radius: 30px; background:
  linear-gradient(to top, rgba(4,12,14,.96), rgba(4,12,14,.05) 58%),
  radial-gradient(circle at 64% 28%, rgba(215,251,119,.45), transparent 18%),
  linear-gradient(155deg, #366c7d 0 30%, #cce5e1 31% 35%, #2d7b89 36% 61%, #0a3841 62%);
  border: 1px solid var(--line);
}
.feed-card::after { content: ''; position: absolute; left: 43%; top: 24%; width: 34px; height: 70px; border-radius: 50% 50% 45% 45%; background: #071416; transform: rotate(-28deg); box-shadow: -20px 38px 0 -10px #071416, 23px 35px 0 -10px #071416; }
.feed-overlay { position: absolute; inset: auto 0 0; padding: 22px; z-index: 2; }
.chips { display: flex; gap: 7px; flex-wrap: wrap; }
.chip { display: inline-flex; align-items: center; gap: 5px; border-radius: 99px; padding: 7px 10px; font-size: 10px; font-weight: 800; background: rgba(7,20,22,.58); border: 1px solid rgba(255,255,255,.12); backdrop-filter: blur(10px); }
.feed-title { font: 800 25px/1.05 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; margin: 13px 0 8px; max-width: 310px; }
.shaka-row { display: flex; align-items: center; gap: 8px; margin-top: 18px; }
.shaka { border: 1px solid rgba(215,251,119,.35); background: rgba(215,251,119,.13); color: var(--lime); border-radius: 16px; padding: 11px 14px; font-weight: 800; cursor: pointer; }
.shaka.given { background: var(--lime); color: var(--ink); }
.shaka-picker { position: relative; z-index: 5; margin-top: 10px; padding: 11px; border: 1px solid rgba(215,251,119,.26); border-radius: 18px; background: rgba(7,20,22,.94); box-shadow: 0 14px 35px rgba(0,0,0,.28); backdrop-filter: blur(18px); animation: shaka-in .16s ease-out; }
.shaka-picker-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 9px; color: var(--paper); font-size: 10px; font-weight: 800; }
.shaka-picker-head button { width: 28px; height: 28px; border: 0; border-radius: 9px; background: rgba(255,255,255,.07); color: var(--muted); font-size: 17px; }
.shaka-quick-reasons { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 5px; }
.shaka-quick-reasons button { min-width: 0; padding: 8px 2px 7px; border: 1px solid transparent; border-radius: 12px; background: rgba(255,255,255,.05); color: var(--paper); }
.shaka-quick-reasons button span,.shaka-quick-reasons button strong { display: block; }
.shaka-quick-reasons button span { color: var(--cyan); font-size: 16px; }
.shaka-quick-reasons button strong { margin-top: 4px; overflow: hidden; font-size: 7px; text-overflow: ellipsis; }
.shaka-quick-reasons button.selected { border-color: var(--lime); background: rgba(215,251,119,.14); color: var(--lime); }
.shaka-picker > small { display: block; margin-top: 8px; color: var(--muted); font-size: 7px; text-align: center; }
.shaka-remove { width: 100%; margin-top: 8px; padding: 7px; border: 0; background: transparent; color: var(--muted); font-size: 8px; }
@keyframes shaka-in { from { opacity: 0; transform: translateY(-5px) scale(.98); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .shaka-picker { animation: none; } }
.metric-badge { position: absolute; right: 15px; top: 15px; z-index: 2; padding: 11px 12px; border-radius: 16px; background: rgba(7,20,22,.58); backdrop-filter: blur(12px); text-align: right; }
.metric-badge strong { display: block; font-size: 20px; color: var(--lime); }
.metric-badge span { font-size: 9px; text-transform: uppercase; letter-spacing: .08em; }

.bottom-nav { position: fixed; z-index: 20; bottom: 0; left: 50%; transform: translateX(-50%); width: min(100%, 460px); display: grid; grid-template-columns: repeat(5,1fr); align-items: end; padding: 10px 10px max(10px, env(safe-area-inset-bottom)); background: rgba(7,20,22,.91); border-top: 1px solid var(--line); backdrop-filter: blur(22px); }
.nav-btn { border: 0; background: transparent; display: grid; gap: 4px; place-items: center; padding: 7px 2px; color: #76908d; font-size: 9px; cursor: pointer; }
.nav-btn span:first-child { font-size: 20px; }
.nav-btn.active { color: var(--paper); }
.create-btn { width: 52px; height: 52px; border-radius: 18px; border: 0; background: linear-gradient(135deg,var(--lime),var(--cyan)); color: var(--ink); font-size: 28px; box-shadow: 0 12px 28px rgba(92,225,210,.2); transform: translateY(-8px); cursor: pointer; }

.rank-tabs { display: flex; gap: 7px; overflow-x: auto; scrollbar-width: none; }
.tab { border: 1px solid var(--line); background: transparent; padding: 9px 12px; border-radius: 99px; white-space: nowrap; font-size: 11px; cursor: pointer; }
.tab.active { background: var(--paper); color: var(--ink); }
.rank-card { width: 100%; display: grid; grid-template-columns: 34px 46px 1fr auto; gap: 10px; align-items: center; padding: 15px 3px; border: 0; border-bottom: 1px solid var(--line); background: transparent; text-align: left; cursor: pointer; }
.rank-pos { color: var(--muted); font: 800 14px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; text-align: center; }
.rank-face { width: 44px; height: 44px; border-radius: 15px; display: grid; place-items: center; background: linear-gradient(145deg,#31585c,#183034); font-weight: 800; }
.rank-name strong, .rank-score strong { display: block; }
.rank-name span, .rank-score span { color: var(--muted); font-size: 10px; }
.rank-score { text-align: right; }
.rank-me { margin: 12px -10px 0; padding: 15px 13px; border: 1px solid rgba(92,225,210,.35); border-radius: 20px; background: rgba(92,225,210,.08); }
.ranking-intro { display:flex; align-items:flex-end; justify-content:space-between; gap:14px; }.ranking-intro h1 { margin-bottom:0; }.rank-sport-switch { flex:none; display:flex; align-items:center; gap:7px; max-width:155px; padding:9px 11px; border:1px solid rgba(92,225,210,.3); border-radius:15px; background:rgba(92,225,210,.07); }.rank-sport-switch span { font-size:18px; }.rank-sport-switch strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; }.rank-sport-switch b { color:var(--cyan); }
.rank-mode-switch { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; }.rank-mode-switch button { min-width:0; padding:12px 8px; border:1px solid var(--line); border-radius:18px; background:rgba(255,255,255,.03); text-align:left; }.rank-mode-switch button.active { border-color:var(--cyan); background:rgba(92,225,210,.1); box-shadow:inset 0 0 0 1px rgba(92,225,210,.08); }.rank-mode-switch span,.rank-mode-switch strong,.rank-mode-switch small { display:block; }.rank-mode-switch span { color:var(--cyan); font-size:17px; }.rank-mode-switch strong { margin:9px 0 2px; font-size:10px; }.rank-mode-switch small { overflow:hidden; color:var(--muted); font-size:7px; white-space:nowrap; text-overflow:ellipsis; }.rank-mode-switch button.active small { color:#b7cac8; }
.rank-moment { padding:20px; border:1px solid rgba(92,225,210,.3); border-radius:26px; background:radial-gradient(circle at 100% 0,rgba(215,251,119,.18),transparent 44%),linear-gradient(135deg,rgba(92,225,210,.14),rgba(92,225,210,.035)); overflow:hidden; }.rank-moment-top { display:grid; grid-template-columns:1fr auto; align-items:center; gap:14px; }.rank-moment-top small,.rank-moment-top strong,.rank-moment-top span { display:block; }.rank-moment-top small { color:var(--cyan); font-size:8px; font-weight:800; letter-spacing:.1em; }.rank-moment-top strong { margin:6px 0 4px; font:800 20px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }.rank-moment-top span { color:#b7cac8; font-size:10px; }.rank-orbit { display:grid; place-items:center; width:74px; height:74px; border-radius:50%; border:1px solid rgba(215,251,119,.45); background:rgba(7,20,22,.55); box-shadow:0 0 30px rgba(215,251,119,.12); }.rank-orbit b { font:800 22px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }.rank-orbit span { color:var(--lime); font-size:9px; }.rank-next { margin-top:18px; }.rank-next>span { display:block; height:5px; border-radius:9px; background:rgba(255,255,255,.1); overflow:hidden; }.rank-next i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--cyan),var(--lime)); }.rank-next p { margin:7px 0 0; color:var(--muted); font-size:9px; }.rank-next strong { color:var(--paper); }.rank-moment>button { margin-top:14px; padding:0; border:0; background:transparent; color:var(--cyan); font-size:10px; font-weight:800; }
.rank-moment.prestazioni { border-color:rgba(215,251,119,.35); background:radial-gradient(circle at 100% 0,rgba(215,251,119,.22),transparent 45%),linear-gradient(135deg,rgba(215,251,119,.09),rgba(255,255,255,.025)); }.rank-moment.prestazioni .rank-moment-top small,.rank-moment.prestazioni>button { color:var(--lime); }.rank-moment.community { border-color:rgba(180,146,255,.38); background:radial-gradient(circle at 100% 0,rgba(180,146,255,.22),transparent 45%),linear-gradient(135deg,rgba(180,146,255,.1),rgba(255,255,255,.025)); }.rank-moment.community .rank-moment-top small,.rank-moment.community>button { color:#c9adff; }
.visible-rank-lists { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(255px,82%); gap:10px; margin-right:-18px; padding-right:18px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }.rank-list-card { scroll-snap-align:start; padding:16px; border:1px solid var(--line); border-radius:22px; background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.02)); text-align:left; }.rank-list-card.active { border-color:rgba(92,225,210,.4); box-shadow:inset 0 0 0 1px rgba(92,225,210,.07); }.rank-list-head { display:grid; grid-template-columns:34px 1fr auto; align-items:center; gap:9px; }.rank-list-head>span { display:grid; place-items:center; width:34px; height:34px; border-radius:12px; background:rgba(92,225,210,.11); color:var(--cyan); font-size:18px; }.rank-list-head strong,.rank-list-head small { display:block; }.rank-list-head strong { font-size:11px; }.rank-list-head small { margin-top:3px; color:var(--muted); font-size:7px; }.rank-list-head>b { color:var(--cyan); }.rank-list-card ol { display:grid; gap:7px; margin:14px 0; padding:0; list-style:none; }.rank-list-card li { display:grid; grid-template-columns:18px 30px 1fr; align-items:center; gap:7px; min-height:32px; }.rank-list-card li em { color:var(--muted); font-size:8px; font-style:normal; text-align:center; }.rank-list-card li>span { display:grid; place-items:center; width:29px; height:29px; border-radius:10px; background:#1b3235; font-size:7px; font-weight:800; }.rank-list-card li strong { font-size:9px; }.rank-list-card li.me { margin:0 -5px; padding:3px 5px; border-radius:11px; background:rgba(92,225,210,.09); color:var(--cyan); }.rank-list-foot { display:flex; align-items:center; justify-content:space-between; padding-top:10px; border-top:1px solid var(--line); }.rank-list-foot span { color:var(--muted); font-size:8px; }.rank-list-foot strong { color:var(--lime); font:800 15px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.rank-list-nav { display:grid; grid-auto-flow:column; grid-auto-columns:62%; gap:8px; margin-right:-18px; padding-right:18px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }.rank-list-nav button { scroll-snap-align:start; display:grid; grid-template-columns:30px 1fr; gap:2px 8px; padding:11px; border:1px solid var(--line); border-radius:17px; background:rgba(255,255,255,.03); text-align:left; }.rank-list-nav button>span { grid-row:1/3; display:grid; place-items:center; width:30px; height:30px; border-radius:10px; background:rgba(92,225,210,.09); color:var(--cyan); }.rank-list-nav strong { overflow:hidden; font-size:9px; white-space:nowrap; text-overflow:ellipsis; }.rank-list-nav small { overflow:hidden; color:var(--muted); font-size:7px; white-space:nowrap; text-overflow:ellipsis; }.rank-list-nav button.active { border-color:var(--cyan); background:rgba(92,225,210,.09); }
.ranking-board { margin-top:12px; border:1px solid rgba(92,225,210,.28); border-radius:27px; background:radial-gradient(circle at 50% 0,rgba(92,225,210,.15),transparent 36%),#0b1b1d; overflow:hidden; }.ranking-board.violet { border-color:rgba(180,146,255,.35); background:radial-gradient(circle at 50% 0,rgba(180,146,255,.16),transparent 36%),#0b1b1d; }.ranking-board.lime { border-color:rgba(215,251,119,.35); background:radial-gradient(circle at 50% 0,rgba(215,251,119,.15),transparent 36%),#0b1b1d; }.ranking-board.orange { border-color:rgba(255,159,100,.35); background:radial-gradient(circle at 50% 0,rgba(255,159,100,.15),transparent 36%),#0b1b1d; }.ranking-board>header { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:17px 16px 10px; }.ranking-board>header>div { display:flex; align-items:center; gap:10px; min-width:0; }.ranking-board>header>div>span { display:grid; place-items:center; width:38px; height:38px; flex:none; border-radius:13px; background:rgba(92,225,210,.12); color:var(--cyan); font-size:20px; }.ranking-board header p { min-width:0; margin:0; }.ranking-board header small,.ranking-board header strong,.ranking-board header em { display:block; }.ranking-board header small { color:var(--cyan); font-size:7px; font-weight:800; letter-spacing:.08em; }.ranking-board header strong { margin:2px 0; overflow:hidden; font-size:13px; white-space:nowrap; text-overflow:ellipsis; }.ranking-board header em { color:var(--muted); font-size:8px; font-style:normal; }.ranking-board>header>button { flex:none; padding:8px 10px; border:1px solid var(--line); border-radius:12px; background:rgba(255,255,255,.05); font-size:8px; font-weight:800; }.ranking-board>header>button.following { border-color:var(--lime); color:var(--lime); }.ranking-proof { display:flex; gap:10px; padding:0 16px 13px; overflow:hidden; color:var(--muted); font-size:7px; white-space:nowrap; }.ranking-proof span:first-child { color:var(--lime); }
.ranking-podium { display:flex; align-items:flex-end; justify-content:center; gap:7px; min-height:154px; padding:18px 12px 14px; border-top:1px solid rgba(255,255,255,.04); border-bottom:1px solid var(--line); }.ranking-podium button { display:grid; place-items:center; width:30%; padding:0; border:0; background:transparent; text-align:center; }.ranking-podium .podium-1 { order:2; transform:translateY(-12px); }.ranking-podium .podium-2 { order:1; }.ranking-podium .podium-3 { order:3; }.athlete-photo { position:relative; display:block; width:62px; height:62px; border-radius:50%; border:2px solid rgba(255,255,255,.25); background-image:url('./assets/athlete-portraits-v1.png'); background-size:400% 200%; background-repeat:no-repeat; box-shadow:0 8px 20px rgba(0,0,0,.28); }.podium-1 .athlete-photo { width:76px; height:76px; border-color:var(--lime); box-shadow:0 0 24px rgba(215,251,119,.17); }.athlete-photo b { position:absolute; right:-4px; bottom:-4px; display:grid; place-items:center; width:22px; height:22px; border-radius:50%; background:var(--paper); color:var(--ink); font-size:8px; }.podium-1 .athlete-photo b { background:var(--lime); }.portrait-0{background-position:0 0}.portrait-1{background-position:33.333% 0}.portrait-2{background-position:66.666% 0}.portrait-3{background-position:100% 0}.portrait-4{background-position:0 100%}.portrait-5{background-position:33.333% 100%}.portrait-6{background-position:66.666% 100%}.portrait-7{background-position:100% 100%}.ranking-podium strong { width:100%; margin-top:8px; overflow:hidden; font-size:8px; white-space:nowrap; text-overflow:ellipsis; }.ranking-podium small { color:var(--muted); font-size:7px; }.ranking-podium em { margin-top:3px; color:var(--cyan); font-size:8px; font-style:normal; font-weight:800; }
.ranking-scroll-head { display:grid; grid-template-columns:34px 1fr auto; padding:10px 13px 7px; color:var(--muted); font-size:6px; font-weight:800; letter-spacing:.1em; }.ranking-scroll-head span:last-child { text-align:right; }.ranking-scroll { max-height:390px; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:rgba(92,225,210,.3) transparent; }.ranking-person { display:grid; grid-template-columns:26px 38px 1fr auto 8px; align-items:center; gap:8px; width:100%; padding:10px 13px; border:0; border-top:1px solid rgba(255,255,255,.045); background:transparent; text-align:left; }.ranking-person.me { position:sticky; bottom:0; z-index:2; background:#123033; box-shadow:0 -8px 18px rgba(7,20,22,.7); }.ranking-number { color:var(--muted); font:800 10px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; text-align:center; }.athlete-photo.small { width:36px; height:36px; border-width:1px; }.ranking-person-name strong,.ranking-person-name small,.ranking-points strong,.ranking-points small { display:block; }.ranking-person-name strong { font-size:9px; }.ranking-person-name small { margin-top:2px; color:var(--muted); font-size:7px; }.ranking-points { text-align:right; }.ranking-points strong { font-size:9px; }.ranking-points small { margin-top:2px; color:var(--lime); font-size:7px; }.ranking-points small.down { color:#ff8a8f; }.ranking-person>b { color:var(--muted); }.ranking-board>footer { display:grid; grid-template-columns:1fr auto; gap:3px 10px; align-items:center; padding:13px 16px; border-top:1px solid rgba(92,225,210,.25); background:rgba(92,225,210,.07); }.ranking-board>footer span { color:var(--muted); font-size:7px; }.ranking-board>footer strong { grid-row:1/3; grid-column:2; color:var(--lime); font-size:11px; }.ranking-board>footer button { width:max-content; padding:0; border:0; background:transparent; color:var(--cyan); font-size:8px; }
.my-rank-lists { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }.my-rank-lists button { min-width:0; padding:14px 11px; border:1px solid var(--line); border-radius:19px; background:rgba(255,255,255,.035); text-align:left; }.my-rank-lists button.active { border-color:var(--cyan); background:rgba(92,225,210,.09); }.my-rank-lists span,.my-rank-lists strong,.my-rank-lists small { display:block; }.my-rank-lists span { color:var(--cyan); }.my-rank-lists strong { margin:10px 0 3px; font:800 19px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }.my-rank-lists small { color:var(--muted); font-size:8px; line-height:1.45; }
.rank-highlights { display:grid; gap:8px; }.rank-highlights button { display:grid; grid-template-columns:40px 1fr auto; align-items:center; gap:11px; width:100%; padding:13px; border:1px solid var(--line); border-radius:19px; background:rgba(255,255,255,.035); text-align:left; }.rank-highlights>button>span { display:grid; place-items:center; width:40px; height:40px; border-radius:14px; background:rgba(92,225,210,.1); color:var(--cyan); }.rank-highlights strong,.rank-highlights small { display:block; }.rank-highlights small { margin-top:3px; color:var(--muted); font-size:8px; line-height:1.4; }.rank-nearby-label { display:flex; justify-content:space-between; align-items:center; padding-bottom:8px; border-bottom:1px solid var(--line); }.rank-nearby-label span { color:var(--cyan); font-size:8px; font-weight:800; letter-spacing:.1em; }.rank-nearby-label small { color:var(--muted); font-size:8px; }
.ranking-catalog { display: grid; gap: 9px; margin-top: 22px; }
.ranking-feature { display: grid; grid-template-columns: 48px 1fr auto; align-items: center; gap: 12px; padding: 16px; border: 1px solid rgba(92,225,210,.28); border-radius: 22px; background: linear-gradient(135deg,rgba(92,225,210,.13),rgba(92,225,210,.03)); text-align: left; }
.ranking-symbol { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 16px; background: var(--cyan); color: var(--ink); font-size: 25px; }
.ranking-feature small, .ranking-feature strong, .ranking-feature em { display: block; }
.ranking-feature small { color: var(--cyan); font-size: 8px; font-weight: 800; letter-spacing: .09em; }
.ranking-feature strong { margin: 3px 0; font-size: 15px; }
.ranking-feature em { color: var(--muted); font-size: 10px; font-style: normal; }
.ranking-feature b { font: 800 24px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.mini-lists { display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; }
.mini-lists button { padding: 13px 10px; border: 1px solid var(--line); border-radius: 17px; background: var(--ink-2); text-align: left; }
.mini-lists span, .mini-lists strong, .mini-lists small { display: block; }
.mini-lists span { color: var(--cyan); font-size: 17px; }.mini-lists strong { margin-top: 10px; font-size: 11px; }.mini-lists small { margin-top: 3px; color: var(--muted); font-size: 8px; }
.filter-pill { border: 1px solid var(--line); border-radius: 99px; padding: 8px 10px; background: rgba(255,255,255,.04); font-size: 10px; }

.passport-hero { padding: 24px; border-radius: 30px; background: linear-gradient(145deg,#193c3f,#102326); border: 1px solid var(--line); }
.passport-avatar { width: 80px; height: 80px; border-radius: 26px; display: grid; place-items: center; background: linear-gradient(145deg,var(--cyan),#306a72); color: var(--ink); font: 800 27px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.passport-name { margin: 17px 0 5px; font-size: 30px; }
.passport-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-top: 18px; }
.passport-stats div { padding: 13px 10px; border-radius: 16px; background: rgba(255,255,255,.045); }
.passport-stats strong { display: block; }
.passport-stats span { color: var(--muted); font-size: 10px; }
.sport-line { display: grid; grid-template-columns: 44px 1fr auto; align-items: center; gap: 12px; padding: 15px 0; border-bottom: 1px solid var(--line); }
.sport-line-icon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 15px; background: var(--ink-3); font-size: 20px; }
.bar { height: 5px; border-radius: 5px; background: rgba(255,255,255,.08); overflow: hidden; margin-top: 8px; }
.bar span { display: block; height: 100%; background: linear-gradient(90deg,var(--cyan),var(--lime)); }

.device-card { padding: 17px; border-radius: 21px; background: var(--ink-2); border: 1px solid var(--line); }
.device-logo { width: 43px; height: 43px; border-radius: 14px; display: grid; place-items: center; background: rgba(92,225,210,.1); }
.status { font-size: 10px; color: var(--lime); }
.person-row { display: flex; align-items: center; gap: 11px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.person-main { display: flex; align-items: center; gap: 11px; min-width: 0; padding: 0; border: 0; background: transparent; text-align: left; }.person-main strong,.person-main small { display: block; }.person-main small { color: var(--muted); margin-top: 3px; }
.message-btn { border: 1px solid var(--line); border-radius: 13px; padding: 9px 11px; background: rgba(255,255,255,.05); font-size: 10px; }
.chat-thread { display: grid; gap: 10px; min-height: 260px; padding: 15px 0; }
.chat-bubble { max-width: 82%; justify-self: start; padding: 11px 13px; border-radius: 17px 17px 17px 5px; background: rgba(255,255,255,.07); }
.chat-bubble.mine { justify-self: end; border-radius: 17px 17px 5px 17px; background: rgba(92,225,210,.14); }
.chat-bubble strong, .chat-bubble span, .chat-bubble small { display: block; }.chat-bubble strong { color: var(--cyan); font-size: 9px; }.chat-bubble span { margin: 3px 0; font-size: 13px; }.chat-bubble small { color: var(--muted); font-size: 8px; text-align: right; }
.chat-compose { display: grid; grid-template-columns: 1fr 44px; gap: 8px; position: sticky; bottom: 0; padding-top: 10px; background: #0b1b1e; }
.chat-compose input { min-width: 0; border: 1px solid var(--line); border-radius: 16px; padding: 13px; background: rgba(255,255,255,.05); color: var(--paper); outline: none; }
.chat-compose button { border: 0; border-radius: 15px; background: var(--cyan); color: var(--ink); font-size: 20px; }
.athlete-hero { padding: 5px 0 18px; }.presence-pill { padding: 7px 10px; border-radius: 99px; background: rgba(215,251,119,.1); color: var(--lime); font-size: 9px; font-weight: 800; }.profile-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }.profile-gallery { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }.profile-gallery button { min-height: 140px; display: flex; flex-direction: column; justify-content: end; padding: 12px; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(to top,rgba(4,12,14,.8),transparent),linear-gradient(145deg,#35707d,#15363c); text-align: left; }.profile-gallery span,.profile-gallery small { display: block; }.profile-gallery span { font: 800 18px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }.profile-gallery small { margin-top: 4px; color: var(--muted); font-size: 9px; }
.shaka-reasons { display: grid; gap: 9px; }.shaka-reasons button { display: grid; grid-template-columns: 45px 1fr; align-items: center; gap: 12px; padding: 14px; border: 1px solid var(--line); border-radius: 19px; background: rgba(255,255,255,.035); text-align: left; }.shaka-reasons button > span { display: grid; place-items: center; width: 45px; height: 45px; border-radius: 15px; background: rgba(92,225,210,.1); color: var(--cyan); font-size: 22px; }.shaka-reasons strong,.shaka-reasons small { display: block; }.shaka-reasons small { margin-top: 3px; color: var(--muted); }
.notification-list { display: grid; }.notification-list button { display: grid; grid-template-columns: 42px 1fr auto; align-items: center; gap: 11px; padding: 15px 0; border: 0; border-bottom: 1px solid var(--line); background: transparent; text-align: left; }.notification-list button > span { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 14px; background: var(--ink-3); }.notification-list strong,.notification-list small { display: block; }.notification-list small { margin-top: 3px; color: var(--muted); }.notification-list em { color: var(--muted); font-size: 9px; font-style: normal; }
.explain-score { padding: 16px; border-radius: 20px; background: rgba(92,225,210,.08); }.explain-score > div { height: 6px; margin-top: 12px; border-radius: 6px; background: rgba(255,255,255,.08); overflow: hidden; }.explain-score > div span { display: block; height: 100%; background: linear-gradient(90deg,var(--cyan),var(--lime)); }.explain-row { display: grid; grid-template-columns: 48px 1fr; gap: 12px; align-items: center; }.explain-row > b { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 16px; background: var(--ink-3); color: var(--cyan); }.explain-row span strong,.explain-row span small { display: block; }.explain-row span small { margin-top: 3px; color: var(--muted); }
.session-media { position: relative; }.media-type { position: absolute; z-index: 3; left: 14px; top: 14px; padding: 7px 9px; border-radius: 99px; background: rgba(7,20,22,.65); font-size: 8px; font-weight: 800; }.media-thumbs { display: grid; grid-template-columns: repeat(4,1fr); gap: 7px; margin-top: 8px; }.media-thumbs button { height: 57px; border: 1px solid var(--line); border-radius: 13px; background: linear-gradient(145deg,#2c6068,#132e33); }.media-thumbs button.active { border-color: var(--cyan); }.recognition-bars { display: grid; gap: 9px; }.recognition-bars > div { display: grid; grid-template-columns: 58px 1fr 28px; align-items: center; gap: 8px; font-size: 10px; }.recognition-bars i { display: block; height: 6px; border-radius: 6px; background: rgba(255,255,255,.08); overflow: hidden; }.recognition-bars b { display: block; height: 100%; background: linear-gradient(90deg,var(--cyan),var(--lime)); }
.route-search { display:flex; gap:10px; padding:15px; border:1px solid var(--line); border-radius:17px; background:rgba(255,255,255,.04); }.route-options{display:grid;gap:8px;margin-top:14px}.route-options button{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;padding:15px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035);text-align:left}.route-options button.selected{border-color:var(--cyan);background:rgba(92,225,210,.08)}.route-options span{grid-row:1/3;align-self:center;color:var(--cyan);font:800 18px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.route-options strong,.route-options small{display:block}.route-options small{color:var(--muted)}.route-safety{display:grid;gap:8px;margin-top:18px;padding:15px;border-radius:18px;background:var(--ink-2);font-size:11px}.danger-card{display:flex;align-items:center;gap:13px;padding:16px;border-radius:20px;background:rgba(255,159,100,.12);border:1px solid rgba(255,159,100,.25)}.danger-card>span{font-size:28px}.danger-card strong,.danger-card small{display:block}.danger-card small{margin-top:3px;color:var(--muted)}
.active-phone{background:#081719}.active-map{position:relative;min-height:100dvh;overflow:hidden;background:linear-gradient(145deg,#3f6653,#789778 40%,#2e615a)}.map-terrain{position:absolute;inset:0;opacity:.85;background:radial-gradient(ellipse at 10% 30%,transparent 0 15%,rgba(7,20,22,.12) 16% 18%,transparent 19%),repeating-linear-gradient(125deg,transparent 0 38px,rgba(255,255,255,.08) 39px 41px,transparent 42px 80px)}.map-terrain::after{content:'';position:absolute;inset:20% -30%;transform:rotate(-18deg);border:50px solid rgba(12,59,48,.42);border-radius:50%}.route-line{position:absolute;left:45%;top:18%;width:7px;height:49%;border-radius:8px;background:var(--lime);transform:rotate(19deg);box-shadow:0 0 0 3px rgba(7,20,22,.28)}.route-line::after{content:'';position:absolute;left:-46px;bottom:-50px;width:92px;height:92px;border:7px solid var(--lime);border-left-color:transparent;border-top-color:transparent;border-radius:50%;transform:rotate(28deg)}.rider-marker{position:absolute;z-index:2;left:51%;top:48%;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--ink);color:var(--lime);border:4px solid white;transform:rotate(18deg);box-shadow:0 7px 20px rgba(0,0,0,.3)}.active-top{position:absolute;z-index:5;left:14px;right:14px;top:max(14px,env(safe-area-inset-top));display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:9px;border-radius:19px;background:rgba(7,20,22,.86);backdrop-filter:blur(14px)}.active-close{width:42px;height:42px;border:0;border-radius:14px;background:rgba(255,255,255,.08);font-size:22px}.active-top small,.active-top strong{display:block}.active-top small{color:var(--cyan);font-size:8px;font-weight:800}.active-top strong{font-size:12px}.gps-status{color:var(--lime);font-size:9px;font-weight:800}.route-instruction{position:absolute;z-index:4;left:14px;right:14px;top:92px;display:flex;align-items:center;gap:13px;padding:14px;border-radius:19px;background:rgba(244,248,243,.94);color:var(--ink);box-shadow:0 12px 30px rgba(0,0,0,.18)}.route-instruction>span{font-size:30px}.route-instruction small,.route-instruction strong{display:block}.route-instruction small{font-size:8px;font-weight:800;color:#526765}.route-instruction strong{font-size:13px}.storm-alert{position:absolute;z-index:4;left:14px;right:14px;top:160px;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;padding:11px;border-radius:17px;background:rgba(255,159,100,.92);color:#25130c}.storm-alert strong,.storm-alert small{display:block}.storm-alert strong{font-size:11px}.storm-alert small{font-size:8px}.storm-alert button{border:0;border-radius:10px;padding:8px;background:rgba(37,19,12,.13);font-size:8px;font-weight:800;color:#25130c}.active-dashboard{position:absolute;z-index:4;left:0;right:0;bottom:0;padding:16px 16px max(18px,env(safe-area-inset-bottom));border-radius:28px 28px 0 0;background:rgba(7,20,22,.95);backdrop-filter:blur(18px)}.active-place{display:flex;justify-content:space-between;align-items:center}.active-place span{font-weight:800}.active-place small{color:var(--muted)}.live-metrics{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:7px;margin-top:12px}.live-metrics>div{min-width:0;padding:11px 7px;border-radius:15px;background:rgba(255,255,255,.045)}.live-metrics strong,.live-metrics span,.live-metrics small{display:block}.live-metrics strong{font:800 18px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.live-metrics .speed strong{font-size:29px;color:var(--lime)}.live-metrics span{font-size:8px}.live-metrics small{margin-top:4px;color:var(--muted);font-size:7px}.active-weather{display:flex;gap:6px;overflow-x:auto;margin:9px 0}.active-weather span{white-space:nowrap;padding:7px 9px;border-radius:99px;background:rgba(255,255,255,.05);color:var(--muted);font-size:8px}.active-controls{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:9px;align-items:end}.active-controls button{height:57px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.05)}.active-controls span,.active-controls small{display:block}.active-controls span{font-size:17px}.active-controls small{font-size:8px;margin-top:3px}.active-controls .pause-main{height:67px;background:var(--lime);color:var(--ink);border:0}.active-controls .pause-main span{font-size:23px}

.safety-status{display:flex;align-items:center;gap:12px;padding:15px;border-radius:18px;background:rgba(215,251,119,.08)}.safety-status>span{color:var(--lime)}.safety-status.inactive{background:rgba(255,255,255,.045)}.safety-status.inactive>span{color:var(--muted)}.safety-status strong,.safety-status small{display:block}.safety-status small{margin-top:3px;color:var(--muted)}.emergency-btn{display:block;width:100%;margin-top:18px;padding:15px;border:1px solid rgba(255,116,125,.35);border-radius:17px;background:rgba(255,116,125,.1);color:var(--red);font-weight:800;text-align:center;text-decoration:none}.emergency-call-link{background:var(--red);color:#16090b;border-color:var(--red)}
.recap-page{background:linear-gradient(180deg,rgba(92,225,210,.06),transparent 28%)}.recap-celebration{text-align:center;padding:18px 0 22px}.recap-celebration>span{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 17px;border-radius:22px;background:linear-gradient(145deg,var(--lime),var(--cyan));color:var(--ink);font-size:28px;font-weight:800;box-shadow:0 14px 35px rgba(92,225,210,.17)}.recap-celebration h1{margin:8px 0;font-size:37px}.recap-celebration p{color:var(--muted)}.recap-map{position:relative;height:220px;border-radius:27px;overflow:hidden;background:repeating-linear-gradient(125deg,transparent 0 38px,rgba(255,255,255,.07) 39px 41px,transparent 42px 80px),linear-gradient(145deg,#385f50,#719072)}.recap-route{position:absolute;left:47%;top:16%;width:7px;height:66%;border-radius:8px;background:var(--lime);transform:rotate(24deg);box-shadow:0 0 0 3px rgba(7,20,22,.25)}.start-dot,.finish-dot{position:absolute;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ink);border:3px solid white;font-size:9px;font-weight:800}.start-dot{left:37%;bottom:16%}.finish-dot{right:34%;top:12%;background:var(--lime);color:var(--ink)}.recap-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:9px}.recap-metrics>div{padding:13px 7px;border-radius:16px;background:var(--ink-2)}.recap-metrics strong,.recap-metrics span,.recap-metrics small{display:block}.recap-metrics strong{font:800 18px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.recap-metrics span{font-size:8px}.recap-metrics small{margin-top:4px;color:var(--muted);font-size:7px}.recap-highlights{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.recap-highlights>div{padding:15px;border:1px solid var(--line);border-radius:19px;background:rgba(255,255,255,.035)}.recap-highlights span{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:rgba(92,225,210,.1);color:var(--cyan);font-weight:800}.recap-highlights strong,.recap-highlights small{display:block}.recap-highlights strong{margin-top:15px;font-size:12px}.recap-highlights small{margin-top:4px;color:var(--muted);font-size:9px}.visibility-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.visibility-choice button{padding:11px 7px;border:1px solid var(--line);border-radius:14px;background:transparent;font-size:9px}.visibility-choice button.selected{border-color:var(--cyan);background:rgba(92,225,210,.1);color:var(--cyan)}
.discover-search{display:flex;align-items:center;gap:11px;width:100%;padding:15px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.045);color:var(--muted);text-align:left}.discover-search>span:first-child{font-size:20px;color:var(--cyan)}.discovery-tabs{display:flex;gap:7px;overflow-x:auto;margin-top:14px;scrollbar-width:none}.discovery-tabs button{padding:8px 12px;border:1px solid var(--line);border-radius:99px;background:transparent;white-space:nowrap;font-size:10px}.discovery-tabs button.active{background:var(--paper);color:var(--ink)}.world-row{display:flex;gap:13px;overflow-x:auto;margin:0 -18px;padding:0 18px 5px;scrollbar-width:none}.world-row button{min-width:66px;border:0;background:transparent;text-align:center}.world-row span{display:grid;place-items:center;width:58px;height:58px;margin:auto;border-radius:20px;background:color-mix(in srgb,var(--accent) 18%,var(--ink-2));font-size:25px}.world-row strong{display:block;margin-top:7px;font-size:9px}.spot-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.spot-cards>button{overflow:hidden;padding:0;border:1px solid var(--line);border-radius:21px;background:var(--ink-2);text-align:left}.spot-visual{display:flex;align-items:end;height:105px;padding:13px;background:linear-gradient(145deg,#43828f,#214d57);font:800 28px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.spot-visual.trail{background:linear-gradient(145deg,#617d55,#294a3d)}.spot-visual small{margin-left:3px;font-size:10px}.spot-cards>button>div{padding:12px}.spot-cards strong,.spot-cards small,.spot-cards em{display:block}.spot-cards small{margin-top:3px;color:var(--muted);font-size:9px}.spot-cards em{margin-top:8px;color:var(--lime);font-size:8px;font-style:normal}.event-feature{display:flex;align-items:center;gap:12px;width:100%;padding:14px;border:1px solid var(--line);border-radius:21px;background:linear-gradient(135deg,rgba(92,225,210,.09),rgba(255,255,255,.025));text-align:left}.event-date{display:grid;place-items:center;width:52px;height:60px;border-radius:16px;background:var(--cyan);color:var(--ink)}.event-date strong,.event-date span{display:block}.event-date strong{font:800 20px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.event-date span{font-size:8px;font-weight:800}.event-feature small{display:block;margin:3px 0 9px;color:var(--muted)}.face-stack.tiny span{width:25px;height:25px;font-size:7px}.rider-suggestions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.rider-suggestions button{padding:13px;border:1px solid var(--line);border-radius:18px;background:var(--ink-2);text-align:left}.rider-suggestions button>span{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:linear-gradient(145deg,#49767b,#1b3639);font-weight:800}.rider-suggestions strong,.rider-suggestions small{display:block}.rider-suggestions strong{margin-top:12px}.rider-suggestions small{margin-top:3px;color:var(--muted);font-size:8px}.search-field{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid var(--cyan);border-radius:17px;background:rgba(255,255,255,.04)}.search-field input{width:100%;border:0;outline:0;background:transparent;color:var(--paper)}.search-results{display:grid;margin-top:16px}.result-label{padding:12px 0 5px;color:var(--cyan);font-size:8px;font-weight:800;letter-spacing:.1em}.search-results button{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:11px;padding:12px 0;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left}.search-results button>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--ink-3);font-weight:800}.search-results strong,.search-results small{display:block}.search-results small{margin-top:3px;color:var(--muted)}.spot-detail-hero{display:flex;align-items:end;justify-content:space-between;min-height:190px;margin:-12px -20px 0;padding:25px 20px;border-radius:30px 30px 22px 22px;background:linear-gradient(145deg,#468793,#1c4c56)}.spot-detail-hero.trail{background:linear-gradient(145deg,#708b61,#29483c)}.spot-detail-hero h2{margin:8px 0 3px}.spot-detail-hero p{margin:0;color:rgba(255,255,255,.68)}.spot-detail-hero>strong{font:800 34px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.spot-detail-hero>strong small{display:block;font-size:10px;text-align:right}.event-banner{display:grid;place-items:center;min-height:160px;border-radius:24px;background:radial-gradient(circle at 50% 10%,rgba(215,251,119,.22),transparent 40%),linear-gradient(145deg,#21525b,#102b31);font:800 17px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.event-banner span{font-size:42px}.post-composer textarea{width:100%;min-height:110px;padding:14px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.04);color:var(--paper);resize:none}.post-media-preview{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:10px;margin-top:9px;padding:12px;border-radius:17px;background:var(--ink-2)}.post-media-preview>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#4a8089,#1e4248)}.post-media-preview strong,.post-media-preview small{display:block}.post-media-preview small{color:var(--muted)}.post-media-preview button{border:0;background:transparent}.profile-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:14px}.profile-tabs button{padding:9px 4px;border:0;border-radius:12px;background:transparent;color:var(--muted);font-size:9px}.profile-tabs button.active{background:rgba(92,225,210,.1);color:var(--cyan)}.personal-post-card{padding:15px;border:1px solid var(--line);border-radius:22px;background:var(--ink-2)}.post-photo{display:grid;place-items:center;height:210px;margin-top:13px;border-radius:18px;background:linear-gradient(145deg,#48828d,#173c43);font-size:42px}.personal-post-card p{margin:13px 0 6px}
.sponsor-chip{color:var(--lime);cursor:pointer}.gear-summary{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:11px;width:100%;padding:14px;border:1px solid var(--line);border-radius:19px;background:var(--ink-2);text-align:left}.gear-summary>span:first-child{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:rgba(215,251,119,.1);color:var(--lime);font-size:20px}.gear-summary strong,.gear-summary small{display:block}.gear-summary small{margin-top:3px;color:var(--muted)}.event-partner{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;width:100%;margin-top:12px;padding:12px;border:1px solid rgba(215,251,119,.2);border-radius:17px;background:rgba(215,251,119,.06);text-align:left}.event-partner>span:first-child{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--lime);color:var(--ink)}.event-partner small,.event-partner strong{display:block}.event-partner small{color:var(--lime);font-size:7px;letter-spacing:.08em}.opportunity-card{display:flex;align-items:center;gap:12px;width:100%;padding:15px;border:1px solid rgba(215,251,119,.22);border-radius:20px;background:linear-gradient(135deg,rgba(215,251,119,.1),rgba(255,255,255,.025));text-align:left}.opportunity-card>span:first-child{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:var(--lime);color:var(--ink);font-size:20px}.opportunity-card strong,.opportunity-card small,.opportunity-card em{display:block}.opportunity-card small{margin-top:3px;color:var(--muted)}.opportunity-card em{margin-top:7px;color:var(--lime);font-size:8px;font-style:normal}.sponsor-hero{display:flex;align-items:center;gap:15px;padding:20px 0}.sponsor-mark{display:grid;place-items:center;width:76px;height:76px;border-radius:24px;background:linear-gradient(145deg,var(--lime),#6cae50);color:var(--ink);font:800 32px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.sponsor-hero small{color:var(--lime);font-size:8px;letter-spacing:.09em}.sponsor-hero h2{margin:4px 0}.sponsor-hero p{margin:0;color:var(--muted)}.sponsor-values{display:flex;gap:7px}.sponsor-values span{padding:7px 9px;border-radius:99px;background:rgba(255,255,255,.05);color:var(--muted);font-size:8px}.team-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.team-row button{padding:12px;border:1px solid var(--line);border-radius:17px;background:var(--ink-2);text-align:left}.team-row span{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#31575b;font-weight:800}.team-row strong,.team-row small{display:block}.team-row strong{margin-top:10px}.team-row small{color:var(--muted);font-size:8px}.sponsor-integrity{padding:15px;border-radius:18px;background:rgba(92,225,210,.07)}.sponsor-integrity p{margin:5px 0 0;color:var(--muted);font-size:10px}.gear-product{display:flex;align-items:center;gap:14px;padding:18px;border-radius:21px;background:linear-gradient(145deg,#294e53,#10282b)}.gear-product>span{font-size:38px;color:var(--lime)}.gear-product strong,.gear-product small{display:block}.gear-product small{margin-top:4px;color:var(--muted)}.gear-disclosure{display:grid;gap:9px;margin-top:12px}.gear-disclosure>div{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:12px;border:1px solid var(--line);border-radius:16px}.gear-disclosure>div>span{color:var(--cyan)}.gear-disclosure p{margin:0;color:var(--muted);font-size:9px}.gear-disclosure p strong{display:block;margin-bottom:3px;color:var(--paper);font-size:11px}.fit-score{padding:18px;border-radius:20px;background:rgba(215,251,119,.08)}.fit-score>strong{font:800 32px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--lime)}.fit-score>div{height:6px;margin:10px 0;border-radius:6px;background:rgba(255,255,255,.08);overflow:hidden}.fit-score>div span{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--lime))}.fit-score small{color:var(--muted)}.requirement-list{display:grid;gap:9px;padding:14px;border-radius:18px;background:var(--ink-2);font-size:11px}

.sheet-wrap { position: fixed; z-index: 50; inset: 0; display: flex; align-items: end; justify-content: center; background: rgba(0,0,0,.58); backdrop-filter: blur(6px); }
.sheet { width: min(100%,460px); max-height: 91dvh; overflow-y: auto; border-radius: 30px 30px 0 0; background: #0b1b1e; padding: 12px 20px max(24px,env(safe-area-inset-bottom)); box-shadow: 0 -30px 70px rgba(0,0,0,.35); }
.handle { width: 40px; height: 4px; border-radius: 5px; background: rgba(255,255,255,.18); margin: 0 auto 22px; }
.sheet-tools { height: 0; position: sticky; top: 0; z-index: 4; }
.sheet-tools .icon-btn { position: absolute; right: 0; top: -18px; background: rgba(7,20,22,.72); backdrop-filter: blur(10px); }
.upload-zone { display: grid; place-items: center; min-height: 180px; padding: 24px; border-radius: 24px; border: 1px dashed rgba(154,247,232,.3); background: rgba(92,225,210,.035); text-align: center; cursor: pointer; }
.upload-zone span { font-size: 38px; }
.media-choices { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; }
.media-choices button { min-height: 145px; padding: 18px; border: 1px solid var(--line); border-radius: 22px; background: rgba(255,255,255,.045); text-align: left; }
.media-choices span, .media-choices strong, .media-choices small { display: block; }.media-choices span { font-size: 28px; color: var(--cyan); }.media-choices strong { margin-top: 24px; }.media-choices small { margin-top: 4px; color: var(--muted); }
.selected-media { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-top: 12px; }
.selected-media > div { display: grid; place-items: center; min-height: 76px; border-radius: 16px; background: linear-gradient(145deg,#284c52,#132b2f); }.selected-media > div span { font-size: 20px; }.selected-media .btn { grid-column: 1/-1; }
.upload-hint { margin-top: 12px; padding: 12px; border-radius: 14px; background: rgba(255,255,255,.04); color: var(--muted); font-size: 11px; text-align: center; }
.personal-post-note { display: grid; gap: 5px; margin-top: 22px; padding: 15px; border-radius: 18px; border: 1px solid var(--line); }.personal-post-note span { color: var(--muted); font-size: 11px; }.personal-post-note button { justify-self: start; margin-top: 5px; padding: 0; border: 0; background: transparent; color: var(--cyan); font-weight: 800; font-size: 11px; }
.activity-choice { padding: 16px; border-radius: 20px; background: var(--ink-2); border: 1px solid rgba(92,225,210,.3); }
.metric-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 9px; }
.metric { padding: 15px; border-radius: 18px; background: rgba(255,255,255,.045); }
.metric strong { display: block; font: 800 22px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.metric span { color: var(--muted); font-size: 10px; }
.toggle { width: 49px; min-width: 49px; height: 44px; padding: 12px 3px; border-radius: 22px; background: rgba(255,255,255,.13); border: 0; cursor: pointer; }
.toggle::after { content: ''; display: block; width: 20px; height: 20px; border-radius: 50%; background: white; transition: transform .2s; }
.toggle.on { background: var(--cyan); }
.toggle.on::after { transform: translateX(19px); background: var(--ink); }

.toast { position: fixed; z-index: 100; left: 50%; bottom: 105px; transform: translate(-50%,20px); width: min(calc(100% - 36px),420px); padding: 13px 16px; border-radius: 16px; background: var(--paper); color: var(--ink); font-weight: 700; font-size: 13px; opacity: 0; pointer-events: none; transition: .25s; box-shadow: var(--shadow); }
.toast.show { opacity: 1; transform: translate(-50%,0); }
.network-status{position:fixed;z-index:110;top:max(10px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(calc(100% - 28px),432px);padding:11px 14px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:#263235;color:#f4f8f3;box-shadow:0 10px 32px rgba(0,0,0,.32);font-size:10px;font-weight:700;text-align:center}.network-status.offline{background:#6e2d30;border-color:rgba(255,116,125,.55)}.network-status.online{background:#173f38;border-color:rgba(92,225,210,.45)}.network-status[hidden]{display:none}
.install-app-card{position:fixed;z-index:109;right:max(14px,env(safe-area-inset-right));bottom:max(92px,calc(env(safe-area-inset-bottom) + 80px));left:max(14px,env(safe-area-inset-left));display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;width:min(calc(100% - 28px),430px);margin:auto;padding:12px 38px 12px 12px;border:1px solid rgba(92,225,210,.32);border-radius:18px;background:rgba(7,27,29,.96);color:var(--paper);box-shadow:0 18px 50px rgba(0,0,0,.42);backdrop-filter:blur(18px)}.install-app-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,var(--lime),var(--cyan));color:#071416;font-weight:950}.install-app-card strong,.install-app-card small{display:block}.install-app-card strong{font-size:11px}.install-app-card small{margin-top:3px;color:#aebfbd;font-size:8px;line-height:1.35}.install-app-action{padding:8px 10px;border-radius:9px;background:var(--lime);color:#071416;font-size:8px;font-weight:900}.install-app-close{position:absolute;top:5px;right:7px;padding:4px;color:#809492;font-size:14px}.pwa-update-card{position:fixed;z-index:111;top:max(12px,env(safe-area-inset-top));left:50%;display:flex;align-items:center;justify-content:space-between;gap:12px;width:min(calc(100% - 28px),430px);padding:12px 14px;border:1px solid rgba(215,251,119,.35);border-radius:14px;background:#163533;color:var(--paper);box-shadow:0 12px 36px rgba(0,0,0,.35);transform:translateX(-50%);font-size:9px}.pwa-update-card button{padding:7px 9px;border-radius:8px;background:var(--lime);color:#071416;font-size:8px;font-weight:900}
.offline-draft-list{display:grid;gap:9px}.offline-draft-card{display:grid;grid-template-columns:42px 1fr;gap:11px;padding:13px;border:1px solid var(--line);border-radius:18px;background:var(--ink-2)}.offline-draft-card>span{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:rgba(92,225,210,.1);font-size:20px}.offline-draft-card>div:nth-child(2){min-width:0}.offline-draft-card small,.offline-draft-card strong,.offline-draft-card p,.offline-draft-card em{display:block}.offline-draft-card small{color:var(--cyan);font-size:7px;font-weight:800}.offline-draft-card strong{margin-top:3px}.offline-draft-card p{margin:4px 0 0;color:var(--muted);font-size:8px}.offline-draft-card em{margin-top:5px;color:var(--orange);font-size:8px;font-style:normal}.offline-draft-card>div:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:8px}.offline-draft-card button:disabled{opacity:.45;cursor:not-allowed}

.sponsor-owner{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;width:100%;margin-top:16px;padding:13px;border:1px dashed rgba(92,225,210,.32);border-radius:18px;background:rgba(92,225,210,.05);text-align:left}.sponsor-owner>span{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--cyan);color:var(--ink);font-weight:800}.sponsor-owner strong,.sponsor-owner small{display:block}.sponsor-owner small{margin-top:3px;color:var(--muted)}
.kit-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:18px 0}.kit-steps div{padding:10px 7px;border-radius:14px;background:var(--ink-2)}.kit-steps span{display:grid;place-items:center;width:23px;height:23px;border-radius:8px;background:rgba(92,225,210,.13);color:var(--cyan);font-size:9px;font-weight:800}.kit-steps strong,.kit-steps small{display:block}.kit-steps strong{margin-top:10px;font-size:9px}.kit-steps small{margin-top:2px;color:var(--muted);font-size:7px}
.kit-path{display:grid;grid-template-columns:43px 1fr auto;align-items:center;gap:12px;width:100%;margin-top:10px;padding:14px;border:1px solid var(--line);border-radius:19px;background:var(--ink-2);color:var(--paper);text-align:left;text-decoration:none}.kit-path.recommended{border-color:rgba(215,251,119,.35);background:rgba(215,251,119,.07)}.kit-path>span{display:grid;place-items:center;width:41px;height:41px;border-radius:14px;background:rgba(255,255,255,.06);color:var(--cyan);font-size:19px}.kit-path strong,.kit-path small,.kit-path em{display:block}.kit-path small{margin-top:3px;color:var(--muted)}.kit-path em{margin-bottom:3px;color:var(--lime);font-size:7px;font-style:normal;font-weight:800;letter-spacing:.08em}.kit-path>b{color:var(--muted);font-size:9px}
.upload-sponsor-kit{display:grid;place-items:center;width:100%;min-height:145px;margin-top:14px;padding:18px;border:1px dashed rgba(92,225,210,.38);border-radius:21px;background:rgba(92,225,210,.035);text-align:center}.upload-sponsor-kit span,.upload-sponsor-kit strong,.upload-sponsor-kit small{display:block}.upload-sponsor-kit span{color:var(--cyan);font-size:30px}.upload-sponsor-kit strong{margin-top:10px}.upload-sponsor-kit small{margin-top:4px;color:var(--muted)}.upload-sponsor-kit.compact{min-height:120px}.secure-note{margin-top:12px;padding:12px;border-radius:14px;background:rgba(255,255,255,.035);color:var(--muted);font-size:9px;line-height:1.45}
.kit-score{display:flex;align-items:end;gap:9px;margin:18px 0;padding:18px;border-radius:21px;background:linear-gradient(135deg,rgba(215,251,119,.12),rgba(92,225,210,.05))}.kit-score strong{font:800 38px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--lime)}.kit-score span{padding-bottom:6px;color:var(--muted)}.validation-list{display:grid;gap:8px}.validation-list>div{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:15px}.validation-list>div>span{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:rgba(215,251,119,.1);color:var(--lime);font-weight:800}.validation-list .warn>span{background:rgba(255,159,100,.1);color:#ff9f64}.validation-list strong,.validation-list small{display:block}.validation-list small{margin-top:2px;color:var(--muted)}.validation-list p{margin:0}
.kit-field{display:grid;gap:6px;margin-top:12px;color:var(--muted);font-size:9px;font-weight:700}.kit-field input,.kit-field textarea{padding:13px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.04);color:var(--paper);font:inherit;font-size:11px}.kit-field textarea{min-height:88px;resize:none}.module-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.module-picker button{padding:13px;border:1px solid var(--line);border-radius:15px;background:transparent;color:var(--muted);text-align:left}.module-picker button.selected{border-color:rgba(92,225,210,.3);background:rgba(92,225,210,.08);color:var(--cyan)}
.preview-bar{display:flex;justify-content:space-between;padding:8px 10px;border-radius:12px;background:var(--lime);color:var(--ink);font-size:8px;font-weight:800}.sponsor-cover{display:flex;align-items:end;gap:14px;min-height:210px;margin:10px -20px 0;padding:22px 20px;background:radial-gradient(circle at 75% 20%,rgba(215,251,119,.25),transparent 30%),linear-gradient(145deg,#315d63,#10272b)}.sponsor-cover small{color:var(--lime);font-size:7px}.sponsor-cover h2{margin:5px 0}.sponsor-cover p{margin:0;color:var(--muted)}.preview-actions{display:grid;grid-template-columns:1.3fr 1fr;gap:8px}.preview-actions .btn{width:100%}

.identity-explain{display:grid;gap:10px}.identity-explain>div{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:11px;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--ink-2)}.identity-explain>div>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:rgba(92,225,210,.12);color:var(--cyan);font-weight:800}.identity-explain p{margin:0}.identity-explain strong,.identity-explain small{display:block}.identity-explain small{margin-top:3px;color:var(--muted)}.identity-explain>b{text-align:center;color:var(--muted)}
.professional-entry{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:16px;border:1px solid rgba(92,225,210,.23);border-radius:21px;background:linear-gradient(135deg,rgba(92,225,210,.08),rgba(255,255,255,.02))}.professional-entry h2{margin:4px 0}.professional-entry p{margin:0;color:var(--muted);font-size:10px}.professional-entry .btn{white-space:nowrap}
.account-layers{display:grid;gap:8px}.account-layers>div{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:16px}.account-layers>div>span{display:grid;place-items:center;width:29px;height:29px;border-radius:10px;background:rgba(92,225,210,.1);color:var(--cyan);font-weight:800}.account-layers p{margin:0}.account-layers strong,.account-layers small{display:block}.account-layers small{margin-top:2px;color:var(--muted)}.account-layers b{color:var(--lime);font-size:7px}
.organization-results,.verification-methods,.organization-actions{display:grid;gap:9px;margin-top:14px}.organization-results button,.verification-methods button,.organization-actions button{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:11px;width:100%;padding:13px;border:1px solid var(--line);border-radius:17px;background:var(--ink-2);text-align:left}.organization-results button.selected,.verification-methods button.selected{border-color:rgba(92,225,210,.35);background:rgba(92,225,210,.07)}.organization-results button>span:not(.sponsor-mark),.verification-methods button>span,.organization-actions button>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(255,255,255,.055);color:var(--cyan);font-size:18px}.sponsor-mark.mini{width:42px;height:42px;border-radius:13px;font-size:17px}.organization-results p,.verification-methods p,.organization-actions p{margin:0}.organization-results strong,.organization-results small,.verification-methods strong,.verification-methods small,.organization-actions strong,.organization-actions small{display:block}.organization-results small,.verification-methods small,.organization-actions small{margin-top:3px;color:var(--muted)}.organization-results b,.verification-methods b,.organization-actions b{color:var(--lime);font-size:7px}.consent-row{display:grid;grid-template-columns:auto 1fr;gap:9px;margin-top:15px;padding:12px;border-radius:15px;background:rgba(255,255,255,.035);color:var(--muted);font-size:9px;line-height:1.4}.verified-access{padding:6px 8px;border-radius:99px;background:rgba(215,251,119,.1);color:var(--lime);font-size:7px;font-weight:800}.acting-as{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:13px;border-radius:17px;background:rgba(92,225,210,.08)}.acting-as>span{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:var(--cyan);color:var(--ink);font-weight:800}.acting-as p{margin:0}.acting-as strong,.acting-as small{display:block}.acting-as small{margin-top:2px;color:var(--muted)}.acting-as button{border:0;background:transparent;color:var(--cyan);font-size:9px;font-weight:800}

.social-signup{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.social-signup button{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 9px;border:1px solid var(--line);border-radius:15px;background:var(--ink-2);font-size:10px;font-weight:800}.social-signup span{font-size:13px}.signup-divider{display:flex;align-items:center;gap:10px;margin:14px 0;color:var(--muted);font-size:8px}.signup-divider::before,.signup-divider::after{content:"";height:1px;flex:1;background:var(--line)}.signup-form{display:grid;gap:11px}.signup-form label{display:grid;gap:5px;color:var(--muted);font-size:8px;font-weight:800}.signup-form input,.signup-form select{width:100%;min-width:0;padding:12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.04);color:var(--paper);font:inherit;font-size:11px;outline:none}.signup-form input:focus,.signup-form select:focus{border-color:var(--cyan)}.signup-form label>small{font-weight:400;color:var(--muted)}.two-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.input-prefix{display:grid;grid-template-columns:30px 1fr;align-items:center;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.04);overflow:hidden}.input-prefix span{text-align:center;color:var(--cyan);font-size:11px}.input-prefix input{border:0;border-radius:0;background:transparent}.signup-form .consent-row{display:grid;grid-template-columns:auto 1fr;margin-top:2px}.signup-form .consent-row input{width:auto}

.entry-paths{display:grid;gap:10px}.entry-paths>button{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:13px;width:100%;padding:16px;border:1px solid var(--line);border-radius:21px;background:var(--ink-2);text-align:left}.entry-paths>button.organization{border-color:rgba(215,251,119,.3);background:linear-gradient(135deg,rgba(215,251,119,.08),rgba(255,255,255,.025))}.entry-paths>button>span{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:var(--cyan);color:var(--ink);font-weight:800}.entry-paths>button.organization>span{background:var(--lime)}.entry-paths em,.entry-paths strong,.entry-paths small{display:block}.entry-paths em{margin-bottom:4px;color:var(--cyan);font-size:7px;font-style:normal;font-weight:800;letter-spacing:.09em}.entry-paths .organization em{color:var(--lime)}.entry-paths strong{font-size:13px}.entry-paths small{margin-top:4px;color:var(--muted);font-size:9px}.entry-paths b{color:var(--muted);font-size:18px}.business-identity-note{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:10px;margin-top:12px;padding:12px;border-radius:16px;background:rgba(215,251,119,.07)}.business-identity-note>span{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--lime);color:var(--ink)}.business-identity-note p{margin:0}.business-identity-note strong,.business-identity-note small{display:block}.business-identity-note small{margin-top:3px;color:var(--muted)}

.organization-type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.organization-type-grid button{display:grid;min-height:115px;padding:13px;border:1px solid var(--line);border-radius:17px;background:var(--ink-2);text-align:left}.organization-type-grid button.selected{border-color:var(--cyan);background:rgba(92,225,210,.08)}.organization-type-grid span{color:var(--cyan);font-size:20px}.organization-type-grid strong{margin-top:14px;font-size:11px}.organization-type-grid small{margin-top:4px;color:var(--muted);font-size:8px}.draft-banner{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:10px;margin-top:12px;padding:13px;border-radius:17px;background:rgba(255,159,100,.09)}.draft-banner>span{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#ff9f64;color:var(--ink);font-weight:800}.draft-banner p{margin:0}.draft-banner strong,.draft-banner small{display:block}.draft-banner small{margin-top:3px;color:var(--muted)}.permission-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:15px 0}.permission-summary>div{padding:13px;border-radius:15px;background:var(--ink-2)}.permission-summary strong,.permission-summary span{display:block}.permission-summary strong{font:800 22px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--cyan)}.permission-summary span{margin-top:3px;color:var(--muted);font-size:8px}.member-list{display:grid;gap:8px}.member-list>div{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:16px}.member-list>div>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#31575b;font-weight:800}.member-list p{margin:0}.member-list strong,.member-list small{display:block}.member-list small{margin-top:3px;color:var(--muted)}.member-list b{color:var(--lime);font-size:7px}.permission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:15px}.permission-grid>div{padding:12px;border-radius:15px;background:rgba(255,255,255,.035)}.permission-grid strong,.permission-grid small{display:block}.permission-grid small{margin-top:4px;color:var(--muted);font-size:8px}

.empty-page-modules{display:grid;gap:8px;margin-top:15px}.empty-page-modules>div{display:grid;grid-template-columns:32px 1fr;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:16px}.empty-page-modules>div>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:rgba(92,225,210,.1);color:var(--cyan);font-weight:800}.empty-page-modules p{margin:0}.empty-page-modules strong,.empty-page-modules small{display:block}.empty-page-modules small{margin-top:3px;color:var(--muted)}

.dashboard-section-label{margin:17px 0 8px;color:var(--cyan);font-size:7px;font-weight:800;letter-spacing:.1em}.affiliation-results{display:grid;gap:8px;margin-top:14px}.affiliation-results>div{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:17px}.affiliation-results>div>span{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#31575b;font-weight:800}.affiliation-results p{margin:0}.affiliation-results strong,.affiliation-results small{display:block}.affiliation-results small{margin-top:3px;color:var(--muted)}.affiliation-results button{padding:8px 10px;border:0;border-radius:10px;background:var(--cyan);color:var(--ink);font-size:8px;font-weight:800}.request-timeline{display:grid;gap:4px;margin-top:13px}.request-timeline>div{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:11px;border-left:1px solid var(--line)}.request-timeline>div>span{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:rgba(255,255,255,.06);color:var(--muted)}.request-timeline .done>span{background:rgba(215,251,119,.1);color:var(--lime)}.request-timeline p{margin:0}.request-timeline strong,.request-timeline small{display:block}.request-timeline small{margin-top:3px;color:var(--muted)}
.incoming-request{display:grid;grid-template-columns:42px 1fr;gap:10px;padding:14px;border:1px solid rgba(215,251,119,.3);border-radius:18px;background:rgba(215,251,119,.07)}.incoming-request>span{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:var(--lime);color:var(--ink)}.incoming-request p{margin:0}.incoming-request strong,.incoming-request small{display:block}.incoming-request small{margin-top:3px;color:var(--muted)}.incoming-request>div{grid-column:2;display:flex;gap:7px}.incoming-request button{padding:8px 11px;border:0;border-radius:10px;background:var(--lime);color:var(--ink);font-size:8px;font-weight:800}.incoming-request button+button{background:rgba(255,255,255,.08);color:var(--paper)}.affiliation-card{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;width:100%;padding:13px;border:1px solid rgba(215,251,119,.25);border-radius:18px;background:rgba(215,251,119,.06);text-align:left}.affiliation-card>span{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:var(--lime);color:var(--ink)}.affiliation-card strong,.affiliation-card small{display:block}.affiliation-card small{margin-top:3px;color:var(--muted)}
.settings-groups{display:grid;gap:15px}.settings-groups section{margin:0}.settings-groups h3{margin:0 0 6px;color:var(--cyan);font-size:9px}.settings-groups button{display:flex;justify-content:space-between;width:100%;padding:12px 0;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left}.settings-groups button span{color:var(--muted)}.school-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0}.school-overview>div{padding:13px;border-radius:15px;background:var(--ink-2)}.school-overview strong,.school-overview span{display:block}.school-overview strong{font:800 22px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--cyan)}.school-overview span{margin-top:3px;color:var(--muted);font-size:8px}.course-list{display:grid;gap:8px}.course-list>div,.course-list>button{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:17px;background:transparent;color:inherit;text-align:left;width:100%}.course-list>div>span,.course-list>button>span{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:rgba(92,225,210,.08);font-size:20px}.course-list p{margin:0}.course-list strong,.course-list small{display:block}.course-list small{margin-top:3px;color:var(--muted)}.course-list b{color:var(--lime);font-size:10px}.weekly-hours{padding:14px;border-radius:18px;background:var(--ink-2)}.weekly-hours p{margin:8px 0;color:var(--paper);font-size:10px}.weekly-hours small{color:var(--muted)}.map-location{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;width:100%;padding:13px;border:1px solid var(--line);border-radius:18px;background:transparent;text-align:left}.map-location>span{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:rgba(92,225,210,.1);color:var(--cyan)}.map-location p{margin:0}.map-location strong,.map-location small{display:block}.map-location small{margin-top:3px;color:var(--muted)}

.studio-tabs{display:flex;gap:7px;margin:13px 0}.studio-tabs button{padding:8px 11px;border:1px solid var(--line);border-radius:99px;background:transparent;color:var(--muted);font-size:9px}.studio-tabs button.active{background:var(--paper);color:var(--ink)}.studio-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0}.studio-summary>div{padding:13px;border-radius:15px;background:var(--ink-2)}.studio-summary strong,.studio-summary span{display:block}.studio-summary strong{font:800 22px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--cyan)}.studio-summary span{margin-top:3px;color:var(--muted);font-size:8px}.product-manager-list,.mandate-list{display:grid;gap:8px}.product-manager-list>div,.product-manager-list>button,.mandate-list>div{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:17px}.product-manager-list>button{width:100%;background:transparent;color:inherit;text-align:left}.product-manager-list>div>span,.product-manager-list>button>span,.mandate-list>div>span{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:rgba(92,225,210,.09);color:var(--cyan);font-weight:800}.product-manager-list p,.mandate-list p{margin:0}.product-manager-list strong,.product-manager-list small,.mandate-list strong,.mandate-list small{display:block}.product-manager-list small,.mandate-list small{margin-top:3px;color:var(--muted)}.product-manager-list b,.mandate-list b{color:var(--lime);font-size:7px}
.club-membership{display:grid;gap:8px}.club-membership>div{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:10px;padding:13px;border:1px solid var(--line);border-radius:17px}.club-membership>div>span{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:var(--cyan);color:var(--ink);font-size:8px;font-weight:800}.club-membership p{margin:0}.club-membership strong,.club-membership small{display:block}.club-membership small{margin-top:3px;color:var(--muted)}.club-membership b{color:var(--lime);font-size:10px}.activity-schedule{display:grid;gap:7px}.activity-schedule>div{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:9px;padding:11px;border-radius:14px;background:var(--ink-2)}.activity-schedule strong{color:var(--cyan);font-size:9px}.activity-schedule span{font-size:10px}.activity-schedule b{font-size:9px}
.event-status{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:10px;padding:13px;border-radius:17px;background:rgba(255,159,100,.09)}.event-status.live{background:rgba(215,251,119,.08)}.event-status>span{display:grid;place-items:center;width:46px;height:38px;border-radius:12px;background:#ff9f64;color:var(--ink);font-size:8px;font-weight:800}.event-status.live>span{background:var(--lime)}.event-status p{margin:0}.event-status strong,.event-status small{display:block}.event-status small{margin-top:3px;color:var(--muted)}.event-admin-list{display:grid;gap:8px}.event-admin-list button{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;width:100%;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--ink-2);text-align:left}.event-admin-list button>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(92,225,210,.08);color:var(--cyan)}.event-admin-list p{margin:0}.event-admin-list strong,.event-admin-list small{display:block}.event-admin-list small{margin-top:3px;color:var(--muted)}.campaign-card{display:grid;grid-template-columns:1fr auto;width:100%;padding:13px;border:1px solid var(--line);border-radius:16px;background:var(--ink-2);text-align:left}.campaign-card strong,.campaign-card small{display:block}.campaign-card small{margin-top:4px;color:var(--muted)}.campaign-card span{grid-column:2;grid-row:1/3;align-self:center;color:var(--lime);font-weight:800}

.admin-entry{border-color:rgba(255,159,100,.28)!important;background:rgba(255,159,100,.06)!important}.admin-phone{background:#071012}.admin-header{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:4px 0 14px;border-bottom:1px solid var(--line)}.admin-header small,.admin-header strong{display:block}.admin-header small{color:var(--cyan);font-size:7px;font-weight:800;letter-spacing:.09em}.admin-header strong{font-size:14px}.admin-secure{color:var(--lime);font-size:7px;font-weight:800}.admin-identity{margin-top:12px}.admin-tabs{display:flex;gap:7px;overflow-x:auto;margin:14px -18px 0;padding:0 18px;scrollbar-width:none}.admin-tabs button{padding:8px 11px;border:1px solid var(--line);border-radius:99px;background:transparent;color:var(--muted);white-space:nowrap;font-size:9px}.admin-tabs button.active{background:var(--paper);color:var(--ink)}.admin-content{padding-top:18px}.admin-content h1{margin:5px 0}.admin-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:16px}.admin-kpis>div{padding:15px;border:1px solid var(--line);border-radius:18px;background:var(--ink-2)}.admin-kpis strong,.admin-kpis span,.admin-kpis small{display:block}.admin-kpis strong{font:800 24px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--cyan)}.admin-kpis span{margin-top:4px;font-size:10px;font-weight:800}.admin-kpis small{margin-top:2px;color:var(--muted);font-size:8px}.admin-priorities,.admin-queue{display:grid;gap:8px}.admin-priorities button,.admin-queue button{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;width:100%;padding:12px;border:1px solid var(--line);border-radius:17px;background:var(--ink-2);text-align:left}.admin-priorities button>span,.risk{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:rgba(92,225,210,.1);color:var(--cyan);font-size:9px;font-weight:800}.admin-priorities button:first-child>span,.risk.high{background:rgba(255,116,125,.13);color:var(--red)}.risk.medium{background:rgba(255,159,100,.12);color:#ff9f64}.risk.low{background:rgba(92,225,210,.1);color:var(--cyan)}.admin-priorities p,.admin-queue p{margin:0}.admin-priorities strong,.admin-priorities small,.admin-queue strong,.admin-queue small{display:block}.admin-priorities small,.admin-queue small{margin-top:3px;color:var(--muted)}.admin-priorities b,.admin-queue b{color:var(--lime);font-size:7px}.system-health{display:grid;gap:8px;margin-top:15px;padding:14px;border-radius:18px;background:var(--ink-2)}.system-health>div:not(:first-child){display:flex;justify-content:space-between}.system-health span{color:var(--lime);font-size:8px}.system-health small{color:var(--muted)}.queue-count{padding:7px 9px;border-radius:99px;background:rgba(255,159,100,.1);color:#ff9f64;font-size:8px;font-weight:800}.queue-count.danger{background:rgba(255,116,125,.1);color:var(--red)}.admin-policy,.emergency-principle{margin-top:14px;padding:13px;border-radius:17px;background:rgba(92,225,210,.06)}.admin-policy p{margin:4px 0 0;color:var(--muted);font-size:9px}.emergency-principle{color:var(--muted);font-size:9px}.audit-list{display:grid}.audit-list>div{display:grid;grid-template-columns:45px 1fr;gap:11px;padding:12px 0;border-bottom:1px solid var(--line)}.audit-list>div>span{color:var(--cyan);font-size:9px;font-weight:800}.audit-list p{margin:0}.audit-list strong,.audit-list small{display:block}.audit-list small{margin-top:3px;color:var(--muted)}
.review-facts{display:grid;gap:8px}.review-facts>div{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:15px}.review-facts>div>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(92,225,210,.1);color:var(--cyan);font-weight:800}.review-facts p{margin:0}.review-facts strong,.review-facts small{display:block}.review-facts small{margin-top:3px;color:var(--muted)}.evidence-panel{display:grid;gap:7px;margin-top:13px;padding:14px;border-radius:17px;background:var(--ink-2);font-size:9px}.evidence-panel strong{margin-bottom:3px}.decision-note{display:grid;gap:6px;margin-top:13px;color:var(--muted);font-size:8px;font-weight:800}.decision-note textarea{min-height:86px;padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.04);color:var(--paper);resize:none}.decision-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;margin-top:14px}.danger-link{width:100%;margin-top:10px;border:0;background:transparent;color:var(--red);font-size:9px;font-weight:800}.danger-text{color:var(--red)!important}.incident-signal{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:10px;padding:13px;border-radius:17px;background:rgba(255,116,125,.1)}.incident-signal>span{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:var(--red);color:var(--ink);font-weight:800}.incident-signal p{margin:0}.incident-signal strong,.incident-signal small{display:block}.incident-signal small{margin-top:3px;color:var(--muted)}.relation-compare{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.relation-compare>div{padding:13px;border:1px solid var(--line);border-radius:16px;background:var(--ink-2)}.relation-compare small,.relation-compare strong,.relation-compare span{display:block}.relation-compare small{color:var(--cyan);font-size:7px}.relation-compare strong{margin-top:9px}.relation-compare span{margin-top:4px;color:var(--muted);font-size:8px}

.profile-tab-content{padding-top:1px}.btn.compact{width:auto;padding:9px 12px;font-size:9px}.content-filters{display:flex;gap:7px;overflow-x:auto;margin:0 0 13px;scrollbar-width:none}.content-filters button{padding:8px 11px;border:1px solid var(--line);border-radius:99px;background:transparent;color:var(--muted);white-space:nowrap;font-size:9px}.content-filters button.active{background:var(--paper);color:var(--ink)}.session-list{display:grid;gap:9px}.session-list>button{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:11px;width:100%;padding:10px;border:1px solid var(--line);border-radius:19px;background:var(--ink-2);text-align:left}.session-cover{display:flex;align-items:end;justify-content:center;width:70px;height:74px;padding:9px;border-radius:15px;background:linear-gradient(145deg,#397b84,#16373c);font:800 20px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.session-cover.mtb{background:linear-gradient(145deg,#6b875e,#29483c)}.session-cover.wing{background:linear-gradient(145deg,#527db4,#1d405f)}.session-cover small{margin-left:2px;font-size:8px}.session-list em,.session-list strong,.session-list small{display:block}.session-list em{color:var(--cyan);font-size:7px;font-style:normal;font-weight:800}.session-list strong{margin-top:5px}.session-list small{margin-top:4px;color:var(--muted);font-size:8px}.post-stats{display:flex;gap:12px;margin-top:10px;color:var(--muted);font-size:8px}.empty-profile-state{display:grid;place-items:center;min-height:250px;padding:25px;border:1px dashed var(--line);border-radius:22px;text-align:center}.empty-profile-state>span{font-size:32px;color:var(--cyan)}.empty-profile-state h3{margin:15px 0 6px}.empty-profile-state p{margin:0 0 16px;color:var(--muted)}
.media-library{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.media-library button{display:flex;flex-direction:column;justify-content:end;min-height:165px;padding:13px;border:0;border-radius:19px;background:linear-gradient(145deg,#396e76,#132e33);text-align:left}.media-library button.wide{grid-column:1/-1;min-height:230px}.media-library .mtb-media{background:linear-gradient(145deg,#718a63,#29483c)}.media-library .wing-media{background:linear-gradient(145deg,#4e7ba8,#1d3e5b)}.media-library .lake-media{background:linear-gradient(145deg,#b17667,#2f4852)}.media-library span{align-self:flex-start;padding:5px 7px;border-radius:8px;background:rgba(7,20,22,.7);font-size:8px}.media-library strong,.media-library small{display:block}.media-library strong{margin-top:8px}.media-library small{margin-top:3px;color:rgba(255,255,255,.65)}.storage-note{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:10px;margin-top:13px;padding:12px;border-radius:16px;background:rgba(92,225,210,.06)}.storage-note>span{color:var(--cyan)}.storage-note p{margin:0}.storage-note strong,.storage-note small{display:block}.storage-note small{margin-top:3px;color:var(--muted)}.media-detail-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;border-radius:22px;background:linear-gradient(145deg,#718a63,#29483c);font-size:42px}.media-detail-visual small{margin-top:15px;font-size:8px}.media-metadata{display:grid;margin-top:13px}.media-metadata>div{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid var(--line);font-size:9px}.media-metadata span{color:var(--muted);text-align:right}

.passport-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,#193c3f,#102326)}
.passport-cover-media,.passport-cover-shade{position:absolute;inset:0;z-index:-2;pointer-events:none}
.passport-cover-media{inset:-18px;background:url('/assets/profile/kite-silvaplana-cover.png') center/cover no-repeat;filter:blur(var(--cover-blur));transform:scale(1.04);transition:filter .16s ease}
.passport-hero.has-color .passport-cover-media{display:none}
.passport-cover-shade{z-index:-1;background:linear-gradient(180deg,rgba(4,14,16,.22),rgba(4,14,16,.82) 58%,rgba(4,14,16,.95))}
.passport-hero.has-color .passport-cover-shade{background:linear-gradient(145deg,var(--cover-color,#193c3f),color-mix(in srgb,var(--cover-color,#193c3f) 58%,#071416))}
.passport-hero-content{position:relative;z-index:1}
.passport-hero .athlete-photo.profile{border:2px solid rgba(255,255,255,.9);box-shadow:0 8px 26px rgba(0,0,0,.34)}
.passport-subtitle{color:rgba(255,255,255,.78)}
.passport-hero-actions{display:flex;align-items:center;gap:6px}
.cover-edit-button{display:flex;align-items:center;gap:5px;min-height:38px;padding:6px 9px;border:1px solid rgba(255,255,255,.24);border-radius:12px;background:rgba(7,20,22,.64);color:var(--paper);backdrop-filter:blur(10px)}
.cover-edit-button span{color:var(--cyan)}.cover-edit-button strong{font-size:8px}
.passport-hero .icon-btn{background:rgba(7,20,22,.64);backdrop-filter:blur(10px)}
.passport-hero .chip{border-color:rgba(255,255,255,.18);background:rgba(7,20,22,.55);color:rgba(255,255,255,.86);backdrop-filter:blur(8px)}
.passport-hero .passport-stats{border-color:rgba(255,255,255,.13);background:rgba(7,20,22,.52);backdrop-filter:blur(10px)}
.passport-trust{border:1px solid rgba(255,255,255,.16);background:rgba(7,20,22,.6);color:var(--paper);backdrop-filter:blur(10px)}
.profile-cover-editor{margin-top:13px;padding:12px;border:1px solid rgba(255,255,255,.16);border-radius:17px;background:rgba(7,20,22,.88);box-shadow:0 12px 30px rgba(0,0,0,.24);backdrop-filter:blur(16px)}
.profile-cover-editor>div:first-child,.cover-blur-control>span{display:flex;align-items:center;justify-content:space-between;gap:10px}
.profile-cover-editor>div:first-child button{min-height:auto;padding:4px 0;border:0;background:transparent;color:var(--cyan);font-size:8px;font-weight:800}
.cover-mode-choice{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:10px 0}
.cover-mode-choice button{padding:8px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.035);color:var(--muted);font-size:8px}
.cover-mode-choice button.active{border-color:var(--cyan);background:rgba(92,225,210,.12);color:var(--cyan)}
.cover-blur-control{display:block;padding:9px;border-radius:12px;background:rgba(255,255,255,.035)}
.cover-blur-control small{color:var(--cyan)}
.cover-blur-control input{width:100%;margin-top:8px;accent-color:var(--cyan)}
.profile-cover-editor>small{display:block;margin-top:7px;color:var(--muted);font-size:7px!important;line-height:1.4}

.media-library .media-visual-card{position:relative;isolation:isolate;overflow:hidden;background:#132e33;color:white}
.media-visual-card>img,.media-visual-shade{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.media-visual-card>img{z-index:-2;object-fit:cover;transition:transform .3s ease}
.media-visual-card.mtb-media>img{object-position:center 46%}.media-visual-card.wing-media>img{object-position:center 43%}.media-visual-card.water-media>img{object-position:32% center}.media-visual-card.lake-media>img{object-position:65% center}
.media-visual-shade{z-index:-1;background:linear-gradient(180deg,transparent 25%,rgba(4,12,14,.84) 100%)}
.media-library .media-visual-card:hover>img{transform:scale(1.035)}
.media-library .media-kind{position:absolute;top:10px;left:10px;margin:0}
.media-library .preview-loop{position:absolute;top:10px;right:10px;margin:0;color:rgba(255,255,255,.78);letter-spacing:.06em}
.media-library .media-visual-card strong,.media-library .media-visual-card small{position:relative;z-index:1;text-shadow:0 2px 8px rgba(0,0,0,.55)}
.media-library .video-preview>img{animation:media-preview-motion 4s ease-in-out infinite alternate}
@keyframes media-preview-motion{from{transform:scale(1.01) translate3d(0,0,0)}to{transform:scale(1.08) translate3d(-1.5%,-1%,0)}}
@media (prefers-reduced-motion:reduce){.media-library .video-preview>img{animation:none}.passport-cover-media{transition:none}}

.signup-form textarea{width:100%;min-height:86px;padding:12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.04);color:var(--paper);font:inherit;font-size:11px;resize:none}.privacy-groups{display:grid;gap:15px}.privacy-groups section{margin:0}.privacy-groups h3{margin:0 0 7px;color:var(--cyan);font-size:9px}.privacy-groups section>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.privacy-groups p{margin:0}.privacy-groups strong,.privacy-groups small{display:block}.privacy-groups small{margin-top:3px;color:var(--muted)}.filter-groups{display:grid;gap:16px}.filter-groups section{margin:0}.filter-groups h3{margin:0 0 8px;color:var(--cyan);font-size:9px}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.choice-grid button{padding:11px;border:1px solid var(--line);border-radius:13px;background:transparent;color:var(--muted);font-size:9px}.choice-grid button.selected{border-color:var(--cyan);background:rgba(92,225,210,.09);color:var(--cyan)}.edit-avatar{display:flex;align-items:center;gap:12px}.edit-avatar>span{display:grid;place-items:center;width:70px;height:70px;border-radius:22px;background:var(--cyan);color:var(--ink);font:800 20px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.edit-avatar button{border:0;background:transparent;color:var(--cyan);font-weight:800}

@media (min-width: 700px) {
  body { padding: 24px 0; }
  .phone { min-height: calc(100dvh - 48px); border-radius: 36px; border: 1px solid rgba(255,255,255,.13); }
  .page { min-height: calc(100dvh - 48px); }
  .bottom-nav { bottom: 24px; border-radius: 0 0 36px 36px; }
  .sheet-wrap { align-items: center; }
  .sheet { border-radius: 30px; max-height: 88dvh; }
}

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; } }
/* Soglia di leggibilità V1: i metadati restano compatti senza scendere sotto 12 px. */
.phone small, .phone .small { font-size: 12px !important; line-height: 1.4; }
.phone .eyebrow { font-size: 12px; line-height: 1.35; }
.phone button { font-size: max(12px, 1em); }
.home-intro{padding:16px 0 4px}.home-intro h1,.guest-hero h1{margin:7px 0 9px;font-size:34px;line-height:1.02}.home-intro p{margin:0}.global-feed{display:grid;gap:12px}.global-card{padding:0 0 14px;border:1px solid var(--line);border-radius:24px;background:var(--ink-2);overflow:hidden}.global-card .global-visual{display:flex;align-items:flex-end;justify-content:space-between;height:210px;padding:18px;background:linear-gradient(145deg,#43828f,#173d45)}.global-card .global-visual.trail{background:linear-gradient(145deg,#68875d,#28483c)}.global-card .global-visual.foil{background:linear-gradient(145deg,#507da5,#203d61)}.global-visual span{font:800 30px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.global-visual em{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(7,20,22,.75);font-style:normal}.global-card>.chips,.global-card h3,.global-card p{margin-left:14px;margin-right:14px}.global-card>.chips{margin-top:12px}.global-card h3{margin-top:11px;margin-bottom:3px}.global-card p{margin-top:0;margin-bottom:0;color:var(--muted);font-size:10px}.back-to-world{margin:0 0 13px;padding:0;border:0;background:transparent;color:var(--cyan);font-size:10px;font-weight:700}
.guest-phone{background:radial-gradient(circle at 85% 5%,rgba(92,225,210,.13),transparent 22rem),var(--ink)}.guest-hero{padding:24px 0 8px}.guest-hero p{color:var(--muted);line-height:1.55}.guest-worlds{display:flex;gap:7px;overflow:auto;margin:12px -18px 0;padding:0 18px 5px;scrollbar-width:none}.guest-worlds button{padding:9px 12px;border:1px solid var(--line);border-radius:99px;background:transparent;white-space:nowrap;font-size:9px}.guest-worlds button.active{border-color:var(--cyan);background:rgba(92,225,210,.1);color:var(--cyan)}.guest-feed{display:grid;gap:12px}.guest-video{padding:0 0 14px;border:1px solid var(--line);border-radius:22px;background:var(--ink-2);overflow:hidden;text-align:left}.guest-video-art{display:flex;align-items:flex-end;justify-content:space-between;height:180px;padding:16px;background:linear-gradient(145deg,#43828f,#173d45)}.guest-video-art.trail{background:linear-gradient(145deg,#68875d,#28483c)}.guest-video-art b{font:800 27px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.guest-video-art i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(7,20,22,.76);font-style:normal}.guest-video>.chip,.guest-video>strong,.guest-video>small{display:table;margin-left:14px;margin-right:14px}.guest-video>.chip{margin-top:12px}.guest-video>strong{margin-top:10px}.guest-video>small{margin-top:4px;color:var(--muted)}.guest-lock{display:grid;grid-template-columns:42px 1fr;gap:11px;margin-top:18px;padding:16px;border:1px solid rgba(215,251,119,.2);border-radius:21px;background:rgba(215,251,119,.06)}.guest-lock>span{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:var(--lime);color:var(--ink)}.guest-lock strong,.guest-lock small{display:block}.guest-lock small{margin-top:4px;color:var(--muted)}.guest-lock .btn{grid-column:1/-1}.guest-player{display:flex;align-items:flex-end;justify-content:space-between;height:240px;padding:20px;border-radius:24px;background:linear-gradient(145deg,#43828f,#173d45)}.guest-player span{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:rgba(7,20,22,.75);font-size:20px}.guest-player strong{font:800 35px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.locked-preview,.guest-permissions>div{display:flex;align-items:center;gap:12px;padding:14px;border-radius:18px;background:rgba(255,255,255,.045)}.locked-preview p,.guest-permissions p{margin:0}.locked-preview small,.guest-permissions small{display:block;margin-top:3px;color:var(--muted)}.guest-permissions{display:grid;gap:9px}.guest-permissions>div>span{color:var(--cyan);font-size:20px}
.post-visibility{width:100%;border:1px solid var(--line);color:var(--paper);text-align:left}.archive-entry{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;width:100%;padding:14px;border:1px solid var(--line);border-radius:19px;background:rgba(255,255,255,.035);text-align:left}.archive-entry>span{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:var(--ink-3);color:var(--cyan)}.archive-entry strong,.archive-entry small{display:block}.archive-entry small{margin-top:3px;color:var(--muted)}.archive-list{display:grid;gap:10px}.archive-list article{padding:14px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035)}.archive-list article p{margin:0 0 5px}.archive-list article>small{color:var(--muted)}.archive-list article>div{display:flex;gap:9px;margin-top:13px}.archive-list article button{padding:8px 11px;border:1px solid var(--line);border-radius:11px;background:transparent;font-size:9px}.archive-list article .danger-link{border-color:rgba(255,116,125,.25)}
.chat-bubble{position:relative}.message-menu{position:absolute;right:7px;top:7px;padding:4px 7px;border:0;border-radius:8px;background:rgba(255,255,255,.06);color:var(--muted);font-size:9px}.message-quote{padding:14px;border-left:3px solid var(--cyan);border-radius:0 14px 14px 0;background:rgba(255,255,255,.035);color:var(--muted)}.empty-chat{padding:28px 14px;text-align:center;color:var(--muted);font-size:10px}.profile-actions:has(.icon-btn){grid-template-columns:1fr 1fr auto}.profile-actions:has(.icon-btn) .icon-btn{width:44px;height:44px}

/* Queste regole restano per ultime: proteggono la leggibilità dai componenti legacy più specifici. */
.phone button, .phone .chip, .phone .global-card p, .phone .back-to-world, .phone .message-menu, .phone .empty-chat { font-size: 12px !important; }

.ranking-self-strip{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;width:100%;padding:12px 14px;border:1px solid rgba(92,225,210,.28);border-radius:19px;background:linear-gradient(90deg,rgba(92,225,210,.1),rgba(255,255,255,.025));text-align:left}.ranking-self-strip p{margin:0}.ranking-self-strip small,.ranking-self-strip strong,.ranking-self-strip em{display:block}.ranking-self-strip small{color:var(--cyan);font-size:9px!important;font-weight:800;letter-spacing:.08em}.ranking-self-strip strong{margin:3px 0;font-size:12px}.ranking-self-strip em{color:var(--muted);font-size:10px;font-style:normal}.ranking-self-strip em b{color:var(--lime)}.ranking-self-strip>i{color:var(--cyan);font-style:normal}.ranking-person-name i,.ranking-podium strong i{margin-left:3px;font-style:normal}.ranking-transparency{padding:15px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.03)}.ranking-transparency>div{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center}.ranking-transparency>div>span{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:rgba(215,251,119,.1);color:var(--lime)}.ranking-transparency p{margin:0}.ranking-transparency strong,.ranking-transparency small{display:block}.ranking-transparency strong{font-size:11px}.ranking-transparency small{margin-top:3px;color:var(--muted);line-height:1.45}.ranking-transparency>button{margin:12px 0 0 44px;padding:0;border:0;background:transparent;color:var(--cyan);font-weight:800}.athlete-photo.profile{width:86px;height:86px;border:3px solid rgba(92,225,210,.45);box-shadow:0 0 28px rgba(92,225,210,.13)}.profile-flag{display:inline-block;vertical-align:middle;font-size:.48em}
.signup-photo-card{display:grid;grid-template-columns:64px 1fr;gap:2px 12px;align-items:center;width:100%;margin-top:14px;padding:14px;border:1px solid rgba(92,225,210,.25);border-radius:20px;background:rgba(92,225,210,.055);text-align:left}.signup-photo-card>.athlete-photo{grid-row:1/3;width:62px;height:62px}.signup-photo-card p{margin:0}.signup-photo-card small,.signup-photo-card strong,.signup-photo-card em{display:block}.signup-photo-card small{color:var(--cyan);font-size:9px!important;font-weight:800}.signup-photo-card em{margin-top:3px;color:var(--muted);font-style:normal}.signup-photo-card>b{grid-column:2;color:var(--cyan);font-size:10px}.photo-capture-guide{display:grid;gap:16px}.capture-frame{position:relative;display:grid;place-items:center;min-height:190px;border:1px dashed rgba(92,225,210,.45);border-radius:26px;background:radial-gradient(circle,rgba(92,225,210,.12),transparent 60%)}.capture-frame>i{position:absolute;width:120px;height:154px;border:2px solid rgba(215,251,119,.55);border-radius:60px 60px 48px 48px}.photo-capture-guide p{margin:7px 0;color:var(--muted)}.photo-capture-guide p span{display:inline-block;width:20px;color:var(--lime)}
.ranking-world-hero{position:relative;min-height:315px;margin:-4px -18px 0;padding:22px 18px 16px;overflow:hidden;background-image:url('./assets/sport-ranking-worlds-v1.png');background-size:400% 200%;background-repeat:no-repeat}.ranking-world-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,15,17,.15),rgba(5,15,17,.54) 45%,#071416 100%)}.world-scene-0{background-position:0 0}.world-scene-1{background-position:33.333% 0}.world-scene-2{background-position:66.666% 0}.world-scene-3{background-position:100% 0}.world-scene-4{background-position:0 100%}.world-scene-5{background-position:33.333% 100%}.world-scene-6{background-position:66.666% 100%}.world-scene-7{background-position:100% 100%}.ranking-world-top,.your-results{position:relative;z-index:1}.ranking-world-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.ranking-world-top h1{margin:4px 0;font-size:42px;line-height:1}.ranking-world-top p{max-width:260px;margin:0;color:#d8e3e1;font-size:12px;line-height:1.4;text-shadow:0 2px 12px #000}.ranking-world-hero .rank-sport-switch{background:rgba(7,20,22,.68);backdrop-filter:blur(12px)}.your-results{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:145px}.your-results button{min-width:0;padding:11px 9px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:rgba(7,20,22,.68);backdrop-filter:blur(14px);text-align:left}.your-results small,.your-results strong,.your-results span{display:block}.your-results small{color:var(--cyan);font-size:8px!important;font-weight:800}.your-results strong{margin:4px 0;font:800 19px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.your-results span{overflow:hidden;color:#b8c8c6;font-size:9px;white-space:nowrap;text-overflow:ellipsis}
.rank-list-search{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:7px;padding:7px 10px 7px 12px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.04)}.rank-list-search>span{color:var(--cyan);font-size:18px}.rank-list-search input{min-width:0;padding:7px 0;border:0;outline:0;background:transparent;color:var(--paper);font:600 12px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.rank-shelves{display:flex;gap:7px;margin:7px 0 11px;overflow-x:auto;scrollbar-width:none}.rank-shelves button{padding:8px 11px;border:1px solid var(--line);border-radius:99px;background:transparent;color:var(--muted);white-space:nowrap}.rank-shelves button.active{border-color:var(--cyan);background:rgba(92,225,210,.1);color:var(--cyan)}.rank-list-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.rank-list-directory>button{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;min-width:0;padding:11px 9px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.03);text-align:left}.rank-list-directory>button.active{border-color:var(--cyan);background:rgba(92,225,210,.09)}.rank-list-directory>button>span{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:rgba(92,225,210,.09);color:var(--cyan);font-size:16px}.rank-list-directory p{min-width:0;margin:0}.rank-list-directory small,.rank-list-directory strong,.rank-list-directory em{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rank-list-directory small{color:var(--muted);font-size:7px!important}.rank-list-directory strong{margin:2px 0;font-size:9px}.rank-list-directory em{color:var(--muted);font-size:7px;font-style:normal}.rank-list-directory>button>b{color:var(--lime);font-size:10px}.rank-lists-empty{grid-column:1/-1;padding:22px;border:1px dashed var(--line);border-radius:18px;text-align:center}.rank-lists-empty strong,.rank-lists-empty span{display:block}.rank-lists-empty span{margin-top:4px;color:var(--muted)}
.my-real-lists{display:grid;gap:8px}.my-real-lists button{display:grid;grid-template-columns:38px 1fr auto 8px;align-items:center;gap:10px;width:100%;padding:12px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035);text-align:left}.my-real-lists>button>span{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:rgba(92,225,210,.1);color:var(--cyan);font-size:19px}.my-real-lists p{margin:0}.my-real-lists p strong,.my-real-lists p small,.my-real-lists em small{display:block}.my-real-lists p small{margin-top:3px;color:var(--muted)}.my-real-lists>button>em{color:var(--paper);font:800 17px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-style:normal;text-align:right}.my-real-lists em small{margin-top:2px;color:var(--lime);font:700 9px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.my-real-lists>button>b{color:var(--muted)}.rank-detail-position{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid rgba(92,225,210,.3);border-radius:20px;background:rgba(92,225,210,.08)}.rank-detail-position>span{font:800 34px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--lime)}.rank-detail-position p{margin:0}.rank-detail-position strong,.rank-detail-position small{display:block}.rank-detail-position small{margin-top:3px;color:var(--cyan)}.rank-detail-timeline{display:grid;gap:0;margin-top:18px}.rank-detail-timeline>div{display:grid;grid-template-columns:40px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.rank-detail-timeline>div>span{color:var(--muted);font-size:8px;font-weight:800}.rank-detail-timeline p{margin:0}.rank-detail-timeline strong,.rank-detail-timeline small{display:block}.rank-detail-timeline small{margin-top:3px;color:var(--muted)}
.rank-quick-filters{display:flex;gap:6px;margin:8px 0 2px;overflow-x:auto;scrollbar-width:none}.rank-quick-filters button{padding:7px 9px;border:1px solid var(--line);border-radius:99px;background:rgba(255,255,255,.025);color:var(--muted);white-space:nowrap}.rank-people-picker{margin:10px 0;padding:13px;border:1px solid rgba(180,146,255,.22);border-radius:20px;background:rgba(180,146,255,.05)}.rank-people-picker>div:first-child strong,.rank-people-picker>div:first-child small{display:block}.rank-people-picker>div:first-child small{margin-top:3px;color:var(--muted)}.rank-people-picker>div:last-child{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:12px}.rank-people-picker button{display:grid;place-items:center;min-width:0;padding:8px 3px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.03)}.rank-people-picker button.active{border-color:#b492ff;background:rgba(180,146,255,.12)}.rank-people-picker button .athlete-photo{width:42px;height:42px}.rank-people-picker button strong,.rank-people-picker button small{display:block;max-width:100%;margin-top:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rank-people-picker button strong{font-size:9px}.rank-people-picker button small{margin-top:2px;color:var(--muted);font-size:7px!important}.rank-list-directory em+i,.rank-list-directory p>i{display:block;margin-top:3px;overflow:hidden;color:#c9adff;font-size:7px;font-style:normal;white-space:nowrap;text-overflow:ellipsis}.relationship-actions{grid-template-columns:1fr 1fr 1fr auto!important}.relationship-actions .btn{padding:11px 7px;font-size:9px!important}
.rank-watch-strip{display:flex;align-items:center;gap:6px;padding:8px 13px;border-top:1px solid rgba(180,146,255,.18);border-bottom:1px solid rgba(180,146,255,.18);background:rgba(180,146,255,.06);overflow-x:auto;scrollbar-width:none}.rank-watch-strip>span{flex:none;color:#c9adff;font-size:7px;font-weight:800;letter-spacing:.08em}.rank-watch-strip b{flex:none;padding:5px 7px;border:1px solid rgba(180,146,255,.28);border-radius:99px;background:rgba(180,146,255,.1);font-size:8px}.rank-watch-strip b em{margin-left:3px;color:#d8c7ff;font-style:normal}.rank-watch-strip b.self{border-color:rgba(92,225,210,.35);background:rgba(92,225,210,.1);color:var(--cyan)}.ranking-podium button.watched .athlete-photo{border-color:#b492ff;box-shadow:0 0 26px rgba(180,146,255,.28)}.ranking-podium button.watched strong{color:#d9c9ff}.ranking-person.watched{background:rgba(180,146,255,.1);box-shadow:inset 3px 0 #b492ff}.ranking-person.me,.ranking-person.me.watched{background:#123b3d;box-shadow:inset 3px 0 var(--cyan),0 -8px 18px rgba(7,20,22,.7)}
.rank-people-picker button.active{border-color:var(--watch);background:color-mix(in srgb,var(--watch) 13%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--watch) 22%,transparent)}.rank-people-picker button.active .athlete-photo{border-color:var(--watch)}.rank-person-hits{display:flex!important;gap:4px;margin-top:5px;overflow-x:auto;scrollbar-width:none}.rank-person-hit{display:flex!important;align-items:center;gap:3px;flex:none;padding:3px 5px;border-radius:99px;background:color-mix(in srgb,var(--watch) 12%,transparent);color:var(--watch)!important;font-style:normal}.rank-person-hit>b{display:block;width:5px;height:5px;border-radius:50%;background:var(--watch)}.rank-watch-strip{padding:6px 13px;border-color:rgba(255,255,255,.06);background:rgba(255,255,255,.025)}.rank-watch-strip>span{color:var(--muted);text-transform:uppercase}.rank-watch-strip b{display:flex;align-items:center;gap:4px;padding:4px 6px;border-color:color-mix(in srgb,var(--watch) 30%,transparent);background:color-mix(in srgb,var(--watch) 10%,transparent);color:var(--watch)}.rank-watch-strip b>i{display:block;width:6px;height:6px;border-radius:50%;background:var(--watch)}.rank-watch-strip b em{color:var(--watch)}.ranking-podium button.watched .athlete-photo{border-color:var(--watch);box-shadow:0 0 26px color-mix(in srgb,var(--watch) 30%,transparent)}.ranking-podium button.watched strong{color:var(--watch)}.ranking-person.watched{background:color-mix(in srgb,var(--watch) 10%,#0b1b1d);box-shadow:inset 3px 0 var(--watch)}.ranking-person.me,.ranking-person.me.watched{background:color-mix(in srgb,var(--watch) 13%,#0b1b1d);box-shadow:inset 3px 0 var(--watch),0 -8px 18px rgba(7,20,22,.7)}
.rank-people-explorer{margin:10px 0;padding:12px;border:1px solid rgba(180,146,255,.25);border-radius:22px;background:linear-gradient(145deg,rgba(180,146,255,.07),rgba(92,225,210,.025))}.rank-people-explorer .rank-people-picker{margin:0;padding:0 0 12px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}.rank-people-results{display:grid;gap:10px;padding:13px 2px 11px}.rank-people-results small,.rank-people-results strong,.rank-people-results span{display:block}.rank-people-results small{color:var(--cyan);font-size:7px!important;letter-spacing:.14em}.rank-people-results strong{margin:4px 0;font-size:12px}.rank-people-results span{color:var(--muted);font-size:8px;line-height:1.45}.rank-people-match{display:grid;grid-template-columns:1fr 1fr;gap:6px}.rank-people-match button{padding:8px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);color:var(--muted);font-size:8px}.rank-people-match button.active{border-color:var(--cyan);background:rgba(92,225,210,.1);color:var(--cyan)}.rank-people-explorer .rank-list-directory{margin-top:0}
.rank-filter-label{margin-top:4px;color:var(--muted);font-size:7px;letter-spacing:.14em}.rank-directory-intro{margin:10px 0;padding:12px 13px;border-left:2px solid var(--cyan);border-radius:0 15px 15px 0;background:linear-gradient(90deg,rgba(92,225,210,.08),rgba(92,225,210,.015))}.rank-directory-intro small,.rank-directory-intro strong{display:block}.rank-directory-intro small{color:var(--cyan);font-size:7px!important;letter-spacing:.14em}.rank-directory-intro strong{margin-top:5px;font-size:10px;line-height:1.45}.rank-people-explorer{margin:10px 0;padding:12px;border:1px solid rgba(180,146,255,.25);border-radius:22px;background:linear-gradient(145deg,rgba(180,146,255,.07),rgba(92,225,210,.025))}.rank-people-explorer .rank-people-picker{margin:0;padding:0 0 12px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}.rank-people-results{display:grid;gap:10px;padding:13px 2px 11px}.rank-people-results small,.rank-people-results strong,.rank-people-results span{display:block}.rank-people-results small{color:var(--cyan);font-size:7px!important;letter-spacing:.14em}.rank-people-results strong{margin:4px 0;font-size:12px}.rank-people-results span{color:var(--muted);font-size:8px;line-height:1.45}.rank-people-explorer .rank-list-directory{margin-top:0}
.rank-finder{display:grid;grid-template-columns:1fr auto;gap:7px}.rank-refine{display:flex;align-items:center;gap:5px;padding:0 11px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.045);color:var(--paper)}.rank-refine span{color:var(--cyan);font-size:14px}.rank-refine strong{font-size:9px}.rank-control-label{margin-top:14px;color:var(--muted);font-size:7px;letter-spacing:.14em}.rank-value-select{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;margin:0 0 11px;padding:9px 12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.03)}.rank-value-select span small,.rank-value-select span strong{display:block}.rank-value-select span small{color:var(--muted);font-size:6px!important;letter-spacing:.13em}.rank-value-select span strong{margin-top:2px;font-size:10px}.rank-value-select select{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.rank-value-select>b{color:var(--cyan)}.rank-filter-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;margin-top:16px}.rank-filter-actions .btn{width:100%}
.rank-refine.active{border-color:var(--cyan);background:rgba(92,225,210,.1);color:var(--cyan)}.rank-inline-filters{margin:0 0 12px;padding:12px;border:1px solid rgba(92,225,210,.24);border-radius:18px;background:linear-gradient(145deg,rgba(92,225,210,.065),rgba(255,255,255,.02))}.rank-inline-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--line)}.rank-inline-head small,.rank-inline-head strong{display:block}.rank-inline-head small{color:var(--cyan);font-size:7px!important;letter-spacing:.14em}.rank-inline-head strong{margin-top:3px;font-size:9px}.rank-inline-head>button{padding:5px 8px;border:1px solid var(--line);border-radius:99px;background:transparent;color:var(--muted);font-size:7px}.rank-inline-group{margin-top:11px}.rank-inline-group>small{display:block;margin-bottom:5px;color:var(--muted);font-size:7px!important;letter-spacing:.1em}.rank-inline-group>div{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none}.rank-inline-group button{flex:none;padding:6px 8px;border:1px solid var(--line);border-radius:99px;background:rgba(255,255,255,.025);color:var(--muted);font-size:7px}.rank-inline-group button.active{border-color:var(--cyan);background:rgba(92,225,210,.1);color:var(--cyan)}
.rank-controls-card{margin-top:9px;padding:11px;border:1px solid var(--line);border-radius:19px;background:rgba(255,255,255,.025)}.rank-controls-title{display:flex;align-items:center;justify-content:space-between}.rank-controls-title small{color:var(--cyan);font-size:8px!important;font-weight:800;letter-spacing:.12em}.rank-controls-title span{color:var(--muted);font-size:10px}.rank-controls-card .rank-control-label{margin-top:10px}.rank-controls-card .rank-shelves{margin-bottom:8px}.rank-controls-card .rank-shelves button{padding:6px 9px}.rank-controls-bottom{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:stretch}.rank-controls-bottom .rank-value-select{margin:0;padding:7px 10px}.rank-controls-bottom .rank-refine{min-width:84px;padding:5px 9px;border-radius:13px;justify-content:center}.rank-controls-card .rank-inline-filters{margin:9px 0 0;padding:10px;border-radius:15px}.rank-controls-card .rank-inline-group{margin-top:9px}.rank-controls-card .rank-inline-group button{padding:5px 7px}.rank-controls-card .rank-inline-head{padding-bottom:8px}
.rank-controls-card .rank-list-search{margin-top:9px;padding-top:5px;padding-bottom:5px}.rank-controls-card .rank-shelves{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:8px 0}.rank-controls-card .rank-shelves button{min-width:0;padding:6px 3px;overflow:hidden;text-overflow:ellipsis}.rank-compact-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.rank-compact-select{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;min-width:0;padding:7px 9px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.rank-compact-select small,.rank-compact-select strong{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rank-compact-select small{grid-column:1;color:var(--muted);font-size:7px!important;letter-spacing:.09em}.rank-compact-select strong{grid-column:1;margin-top:2px;font-size:9px}.rank-compact-select>b{grid-column:2;grid-row:1/3;color:var(--cyan);font-size:10px}.rank-compact-select select{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.rank-type-select{grid-column:1/-1}.rank-compact-footer{display:flex;align-items:center;justify-content:space-between;margin-top:7px;padding-top:7px;border-top:1px solid var(--line)}.rank-compact-footer span{color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.1em}.rank-compact-footer button{padding:4px 7px;border:0;border-radius:99px;background:rgba(92,225,210,.09);color:var(--cyan)}
.rank-results-card{margin-top:10px;padding:11px;border:1px solid rgba(92,225,210,.2);border-radius:20px;background:linear-gradient(145deg,rgba(92,225,210,.045),rgba(255,255,255,.018))}.rank-results-card .rank-directory-intro{margin:0 0 10px;padding:2px 3px 10px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}.rank-results-card .rank-list-directory{gap:7px}.rank-results-card .rank-list-directory>button{background:rgba(7,20,22,.5)}
.rank-results-flow{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;height:28px;color:var(--cyan)}.rank-results-flow::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:linear-gradient(var(--cyan),rgba(92,225,210,.12));transform:translateX(-50%)}.rank-results-flow span,.rank-results-flow small{position:relative;z-index:1;background:var(--ink)}.rank-results-flow span{display:grid;place-items:center;width:20px;height:20px;border:1px solid rgba(92,225,210,.32);border-radius:50%;font-size:12px}.rank-results-flow small{padding:2px 5px;color:var(--muted);font-size:7px!important;letter-spacing:.12em}.rank-results-flow+.rank-results-card,.rank-results-flow+.rank-people-explorer{margin-top:0}
.rank-results-flow{position:relative;display:grid;place-items:start center;height:14px;color:var(--cyan)}.rank-results-flow::before{content:"";position:absolute;top:0;left:50%;width:1px;height:7px;background:rgba(92,225,210,.55);transform:translateX(-50%)}.rank-results-flow span{position:relative;z-index:1;display:block;width:auto;height:auto;margin-top:2px;border:0;border-radius:0;background:var(--ink);font-size:18px;line-height:1}.rank-results-flow+.rank-results-card,.rank-results-flow+.rank-people-explorer{margin-top:0}
.rank-controls-card{position:relative;margin-bottom:8px}.rank-controls-card::after{content:"";position:absolute;z-index:2;bottom:-6px;left:50%;width:10px;height:10px;border-right:1px solid rgba(92,225,210,.5);border-bottom:1px solid rgba(92,225,210,.5);background:#0a191b;transform:translateX(-50%) rotate(45deg)}.rank-controls-card+.rank-results-card,.rank-controls-card+.rank-people-explorer{margin-top:0}
.rank-controls-card{padding:9px 10px}.rank-controls-title>div{min-width:0}.rank-controls-title strong{display:block;margin-top:2px;color:var(--paper);font-size:10px}.rank-controls-card .rank-list-search{margin-top:7px;padding-top:3px;padding-bottom:3px}.rank-controls-card .rank-shelves{margin:6px 0}.rank-controls-card .rank-shelves button{padding:5px 2px}.rank-compact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.rank-type-select{grid-column:auto}.rank-compact-select{padding:6px 7px}.rank-compact-select small{font-size:6px!important}.rank-compact-select strong{font-size:8px}.rank-compact-footer{margin-top:5px;padding-top:5px}.rank-compact-footer span{font-size:7px}
.rank-reset-cell{display:grid;align-content:center;justify-items:start;min-width:0;padding:6px 7px;border:1px solid rgba(255,116,125,.26);border-radius:12px;background:rgba(255,116,125,.055);color:rgba(255,160,167,.62);text-align:left}.rank-reset-cell small,.rank-reset-cell strong{display:block}.rank-reset-cell small{font-size:6px!important;letter-spacing:.09em}.rank-reset-cell strong{margin-top:2px;font-size:8px}.rank-reset-cell.active{border-color:rgba(255,116,125,.52);background:rgba(255,116,125,.12);color:#ff8f98}.rank-reset-cell:disabled{cursor:default;opacity:.55}.rank-results-summary{margin-top:6px;padding-top:6px;border-top:1px solid var(--line);color:var(--paper);font-size:11px;font-weight:800;text-align:center}.rank-controls-card::after{bottom:-6px}
.rank-reset-slot{display:grid;place-items:center;min-width:0}.rank-reset-slot .rank-reset-cell{display:grid;grid-template-columns:18px 1fr;grid-template-rows:auto auto;align-items:center;justify-items:start;width:auto;min-width:76px;min-height:38px;padding:4px 8px;border:1px solid rgba(255,116,125,.38);border-radius:99px;background:rgba(255,116,125,.08);color:#ff9aa2;box-shadow:inset 0 0 0 1px rgba(255,116,125,.04);text-align:left}.rank-reset-cell>span{grid-row:1/3;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:rgba(255,116,125,.14);font-size:12px}.rank-reset-cell>strong{margin:0;font-size:9px;line-height:1}.rank-reset-cell>small{margin-top:2px;color:currentColor;font-size:7px!important;line-height:1}.rank-reset-slot .rank-reset-cell.active{border-color:rgba(255,116,125,.7);background:rgba(255,116,125,.15);box-shadow:0 3px 12px rgba(255,116,125,.1)}.rank-reset-slot .rank-reset-cell:disabled{opacity:.48}
.rank-controls-card .rank-shelves button{min-height:38px;border-color:color-mix(in srgb,var(--shelf) 24%,var(--line));border-radius:11px;background:color-mix(in srgb,var(--shelf) 5%,transparent);color:color-mix(in srgb,var(--shelf) 58%,var(--muted))}.rank-controls-card .rank-shelves button.active{border-color:color-mix(in srgb,var(--shelf) 72%,transparent);background:color-mix(in srgb,var(--shelf) 15%,transparent);color:var(--shelf);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--shelf) 12%,transparent)}.rank-reset-slot .rank-reset-cell{min-width:70px;min-height:36px;border-radius:11px}.rank-reset-cell>span{border-radius:6px}
.rank-history-card{margin:12px 0;padding:12px;border:1px solid rgba(215,251,119,.22);border-radius:19px;background:linear-gradient(145deg,rgba(215,251,119,.07),rgba(255,255,255,.018))}.rank-history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.rank-history-head small,.rank-history-head strong{display:block}.rank-history-head small{color:var(--lime);font-size:7px!important;letter-spacing:.12em}.rank-history-head strong{margin-top:3px;font-size:11px}.rank-history-head button{padding:4px 0;border:0;background:transparent;color:var(--lime);font-size:9px}.rank-history-card>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:10px}.rank-history-card article{min-width:0;padding:8px 6px;border:1px solid var(--line);border-radius:12px;background:rgba(7,20,22,.48)}.rank-history-card article span,.rank-history-card article strong,.rank-history-card article small,.rank-history-card article em{display:block}.rank-history-card article span{color:var(--lime);font-size:12px}.rank-history-card article strong{margin:3px 0;font-size:18px}.rank-history-card article small{color:var(--paper);font-size:7px!important}.rank-history-card article em{margin-top:3px;color:var(--muted);font-size:7px;font-style:normal}.rank-edition{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:8px 12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(122,182,255,.055)}.rank-edition>button{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:7px;min-width:0;padding:0;border:0;background:transparent;text-align:left}.rank-edition>button>span{color:#7ab6ff;font-size:17px}.rank-edition p{margin:0}.rank-edition small,.rank-edition strong{display:block}.rank-edition small{color:var(--muted);font-size:7px!important;letter-spacing:.1em}.rank-edition strong{margin-top:1px;font-size:10px}.rank-edition b{color:#7ab6ff}.rank-edition>em{max-width:150px;color:var(--muted);font-size:7px;font-style:normal;text-align:right}.rank-archive-panel{padding:10px 12px;border-bottom:1px solid rgba(122,182,255,.2);background:rgba(122,182,255,.075)}.rank-archive-panel>div{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none}.rank-archive-panel button{flex:none;padding:6px 8px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.025);color:var(--muted)}.rank-archive-panel button.active{border-color:#7ab6ff;background:rgba(122,182,255,.14);color:#9bcaff}.rank-archive-panel label{display:grid;grid-template-columns:1fr auto;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid var(--line);color:var(--muted);font-size:9px}.rank-archive-panel input{max-width:145px;border:1px solid var(--line);border-radius:8px;background:rgba(7,20,22,.6);color:var(--paper);padding:5px}
.rank-overview-page .ranking-board{display:none}.rank-selected-preview{display:grid;grid-template-columns:38px 1fr auto auto;align-items:center;gap:9px;width:100%;margin-top:12px;padding:11px;border:1px solid rgba(122,182,255,.24);border-radius:17px;background:linear-gradient(100deg,rgba(122,182,255,.09),rgba(255,255,255,.02));text-align:left}.rank-selected-preview>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:rgba(122,182,255,.12);color:#9bcaff;font-size:18px}.rank-selected-preview p{min-width:0;margin:0}.rank-selected-preview p small,.rank-selected-preview p strong,.rank-selected-preview p em,.rank-selected-preview>div small,.rank-selected-preview>div strong{display:block}.rank-selected-preview p small{color:#9bcaff;font-size:7px!important;letter-spacing:.08em}.rank-selected-preview p strong{margin:2px 0;font-size:10px}.rank-selected-preview p em{overflow:hidden;color:var(--muted);font-size:7px;font-style:normal;white-space:nowrap;text-overflow:ellipsis}.rank-selected-preview>div{text-align:center}.rank-selected-preview>div small{color:var(--muted);font-size:6px!important}.rank-selected-preview>div strong{margin-top:2px;font-size:16px}.rank-selected-preview>b{color:#9bcaff;font-size:9px}.rank-detail-page .ranking-world-hero,.rank-detail-page .rank-lists-section>.section-head,.rank-detail-page .rank-controls-card,.rank-detail-page .rank-results-card,.rank-detail-page .rank-people-explorer,.rank-detail-page .rank-history-card{display:none}.rank-detail-page .rank-lists-section{padding-top:4px}.rank-detail-header{margin:0 0 12px;padding:8px 0 4px}.rank-detail-header>button{padding:7px 0;border:0;background:transparent;color:#9bcaff}.rank-detail-header>small{display:block;margin-top:14px;color:var(--cyan);font-size:8px!important;letter-spacing:.12em}.rank-detail-header h1{margin:4px 0;font-size:30px}.rank-detail-header p{margin:0;color:var(--muted);font-size:10px}.rank-detail-page .ranking-board{margin-top:0}
.rank-overview-page .ranking-board{display:block}.rank-archive-entry{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;width:100%;padding:9px 12px;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(122,182,255,.09),rgba(255,255,255,.02));text-align:left}.rank-archive-entry>span{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:rgba(122,182,255,.12);color:#9bcaff;font-size:17px}.rank-archive-entry p{margin:0}.rank-archive-entry small,.rank-archive-entry strong,.rank-archive-entry em{display:block}.rank-archive-entry small{color:#9bcaff;font-size:7px!important;letter-spacing:.08em}.rank-archive-entry strong{margin:2px 0;font-size:10px}.rank-archive-entry em{color:var(--muted);font-size:7px;font-style:normal}.rank-archive-entry>b{color:#9bcaff;font-size:9px}
.rank-history-entry{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;width:100%;padding:11px 12px;border:1px solid rgba(215,251,119,.23);border-radius:17px;background:linear-gradient(90deg,rgba(215,251,119,.075),rgba(255,255,255,.02));text-align:left}.rank-history-entry>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:rgba(215,251,119,.12);color:var(--lime);font-size:17px}.rank-history-entry p{margin:0}.rank-history-entry small,.rank-history-entry strong,.rank-history-entry em{display:block}.rank-history-entry small{color:var(--lime);font-size:7px!important;letter-spacing:.08em}.rank-history-entry strong{margin:2px 0;font-size:11px}.rank-history-entry em{color:var(--muted);font-size:8px;font-style:normal}.rank-history-entry>b{color:var(--lime);font-size:9px}.rank-history-lists{display:grid;gap:8px}.rank-history-lists>button{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;width:100%;padding:12px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.03);text-align:left}.rank-history-lists>button>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:rgba(215,251,119,.1);color:var(--lime);font-size:17px}.rank-history-lists p{min-width:0;margin:0}.rank-history-lists p small,.rank-history-lists p strong,.rank-history-lists p em,.rank-history-lists>button>div strong,.rank-history-lists>button>div small{display:block}.rank-history-lists p small{color:var(--lime);font-size:7px!important}.rank-history-lists p strong{margin:3px 0;font-size:10px}.rank-history-lists p em{overflow:hidden;color:var(--muted);font-size:7px;font-style:normal;white-space:nowrap;text-overflow:ellipsis}.rank-history-lists>button>div{text-align:right}.rank-history-lists>button>div strong{font-size:18px}.rank-history-lists>button>div small{margin-top:3px;color:#9bcaff;font-size:7px!important}
.public-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.public-media-grid>a{position:relative;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#0b2021;color:var(--ink);text-decoration:none}.public-media-grid img,.public-media-grid video{display:block;width:100%;aspect-ratio:1.15;object-fit:cover;background:#102627}.public-media-grid span{position:absolute;top:8px;left:8px;padding:4px 6px;border-radius:7px;background:rgba(4,19,20,.78);color:#fff;font-size:7px;font-weight:800;letter-spacing:.08em}.public-media-grid strong,.public-media-grid small{display:block;overflow:hidden;margin:7px 9px 0;white-space:nowrap;text-overflow:ellipsis}.public-media-grid strong{font-size:10px}.public-media-grid small{margin-top:2px;margin-bottom:9px;color:var(--muted);font-size:7px}.public-media-grid a:first-child:nth-last-child(odd){grid-column:1/-1}.public-media-grid a:first-child:nth-last-child(odd) img,.public-media-grid a:first-child:nth-last-child(odd) video{aspect-ratio:1.8}
.media-visual-card>video{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;transition:transform .3s ease}.media-library .media-visual-card:hover>video{transform:scale(1.035)}.media-detail-visual video{width:100%;height:100%;object-fit:cover}
.ranking-board>header>.rank-board-actions{display:grid;justify-items:stretch;gap:4px;flex:none}.rank-board-actions>button{padding:6px 8px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.05);font-size:8px;font-weight:800}.rank-board-actions>button.following{border-color:var(--lime);color:var(--lime)}.rank-board-actions>.rank-archive-mini{padding:3px 4px;border-color:transparent;background:transparent;color:#9bcaff;font-size:7px;font-weight:700}
.archive-theme .rank-detail-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;margin:0 -18px 10px;padding:9px 18px;border-bottom:1px solid rgba(255,116,125,.38);background:rgba(30,13,16,.94);box-shadow:0 8px 20px rgba(0,0,0,.28);backdrop-filter:blur(16px)}.archive-theme .rank-detail-header>button{display:grid;grid-template-columns:18px 1fr;grid-template-rows:auto auto;align-items:center;padding:6px 9px;border:1px solid rgba(255,116,125,.38);border-radius:10px;background:rgba(255,116,125,.11);color:#ff9aa2;text-align:left}.archive-theme .rank-detail-header>button>span{grid-row:1/3;font-size:16px}.archive-theme .rank-detail-header>button>strong,.archive-theme .rank-detail-header>button>small{display:block}.archive-theme .rank-detail-header>button>strong{font-size:9px}.archive-theme .rank-detail-header>button>small{color:#c79da1;font-size:6px!important}.archive-theme .rank-detail-header>div small,.archive-theme .rank-detail-header>div strong,.archive-theme .rank-detail-header>div span{display:block}.archive-theme .rank-detail-header>div small{color:#ff7f89;font-size:7px!important;letter-spacing:.12em}.archive-theme .rank-detail-header>div strong{margin:2px 0;font-size:11px}.archive-theme .rank-detail-header>div span{color:#c9aaad;font-size:8px}.archive-theme .ranking-board{border-color:rgba(255,116,125,.38)!important;background:radial-gradient(circle at 50% 0,rgba(255,116,125,.13),transparent 36%),#1a1012!important}.archive-theme .ranking-board header small,.archive-theme .ranking-board>header>div>span{color:#ff8d96}.archive-theme .ranking-board>header>div>span{background:rgba(255,116,125,.11)}.archive-theme .rank-edition{border-color:rgba(255,116,125,.24);background:rgba(255,116,125,.075)}.archive-theme .rank-edition>button>span,.archive-theme .rank-edition b{color:#ff8d96}.archive-theme .rank-archive-panel{border-color:rgba(255,116,125,.24);background:rgba(255,116,125,.08)}.archive-theme .rank-archive-panel button.active{border-color:#ff7f89;background:rgba(255,116,125,.16);color:#ffabb1}.archive-theme .archive-proof span:first-child{color:#ffabb1}
.archive-theme .rank-detail-header{grid-template-columns:auto 1fr;border-color:rgba(185,138,98,.4);background:rgba(28,22,18,.96)}.archive-theme .rank-detail-header>button{border-color:rgba(185,138,98,.42);background:rgba(185,138,98,.12);color:#d6aa84}.archive-theme .rank-detail-header>button>strong{font-size:8px}.archive-theme .rank-detail-header>div{text-align:center}.archive-theme .rank-detail-header>div small{color:#c6956d}.archive-theme .rank-detail-header>div span{color:#bba79a}.archive-theme .ranking-board{border-color:rgba(185,138,98,.4)!important;background:radial-gradient(circle at 50% 0,rgba(185,138,98,.12),transparent 34%),#181411!important}.archive-theme .ranking-board>header{display:none}.archive-theme .rank-edition{border-color:rgba(185,138,98,.26);background:rgba(185,138,98,.075)}.archive-theme .rank-edition>button>span,.archive-theme .rank-edition b{color:#d0a078}.archive-theme .rank-archive-panel{border-color:rgba(185,138,98,.26);background:rgba(185,138,98,.08)}.archive-theme .rank-archive-panel button.active{border-color:#bd8b63;background:rgba(185,138,98,.16);color:#e0b28c}.archive-theme .archive-proof span:first-child{color:#d7ac88}.rank-archive-focus{padding:8px 12px;border-bottom:1px solid rgba(185,138,98,.2);background:rgba(185,138,98,.045)}.rank-archive-focus>span,.rank-archive-focus>small{display:block}.rank-archive-focus>span{color:#c6956d;font-size:7px;font-weight:800;letter-spacing:.1em}.rank-archive-focus>div{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:6px 0}.rank-archive-focus button{padding:5px 4px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.025);color:var(--muted)}.rank-archive-focus button.active{border-color:#bd8b63;background:rgba(185,138,98,.15);color:#deb18d}.rank-archive-focus>small{color:var(--muted);font-size:7px!important}.archive-theme .archive-highlight{background:rgba(185,138,98,.13)!important;box-shadow:inset 3px 0 #bd8b63}.archive-theme .ranking-podium .archive-highlight .athlete-photo{border-color:#bd8b63;box-shadow:0 0 22px rgba(185,138,98,.23)}

/* Passport media and personalisation */
.media-filter-deck{display:grid;grid-template-columns:1fr 118px;gap:8px;align-items:start;margin-bottom:7px}.media-filter-deck .content-filters{margin:0}.media-sport-filter{position:relative;display:grid;padding:7px 24px 7px 9px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.035)}.media-sport-filter span{color:var(--cyan);font-size:6px;font-weight:800;letter-spacing:.11em}.media-sport-filter select{width:100%;border:0;outline:0;background:transparent;color:var(--paper);font-size:8px;font-weight:800;appearance:none}.media-sport-filter b{position:absolute;right:9px;top:13px;color:var(--cyan)}.media-filter-summary{margin:0 0 10px;color:var(--muted);font-size:8px}.media-detail-visual,.session-detail-visual{position:relative;overflow:hidden;height:300px;border-radius:22px;background:#10282c}.media-detail-visual img,.session-detail-visual img{width:100%;height:100%;object-fit:cover}.media-detail-visual i,.session-detail-visual i{position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(4,12,14,.82))}.media-detail-visual>b{position:absolute;inset:0;display:grid;place-items:center;color:white;font-size:36px;text-shadow:0 3px 14px #000}.media-detail-visual small{position:absolute;left:14px;bottom:13px;color:white;font-size:7px!important;font-weight:800;letter-spacing:.1em}.session-detail-visual .media-type{position:absolute;top:13px;left:13px}.session-detail-visual .metric-badge{position:absolute;right:14px;bottom:14px}.media-detail-visual.video-preview img,.session-detail-visual.video-preview img{animation:media-preview-motion 4s ease-in-out infinite alternate}.session-cover{position:relative;overflow:hidden;padding:0}.session-cover img{width:100%;height:100%;object-fit:cover}.session-cover>i{position:absolute;inset:0;background:linear-gradient(transparent,rgba(3,12,14,.78))}.session-cover>b{position:absolute;left:8px;bottom:7px;color:white;font:800 17px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.session-cover>b small{display:inline;margin-left:2px;color:white}.post-photo{display:block;overflow:hidden}.post-photo img{width:100%;height:100%;object-fit:cover}.personal-post-card .athlete-photo.small{width:38px;height:38px;min-width:38px}.cover-settings-preview{position:relative;overflow:hidden;display:grid;align-content:end;min-height:150px;margin:14px 0;padding:16px;border-radius:22px;background:var(--cover-color);isolation:isolate}.cover-settings-preview::before{content:"";position:absolute;z-index:-2;inset:-18px;background:url('/assets/profile/kite-silvaplana-cover.png') var(--cover-position)/cover no-repeat;filter:blur(var(--cover-blur))}.cover-settings-preview.color::before{display:none}.cover-settings-preview::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(transparent,rgba(3,13,15,.82))}.cover-settings-preview strong,.cover-settings-preview small{display:block;color:white}.cover-settings-preview small{margin-top:3px}.cover-setting-group{margin-top:14px}.cover-setting-group>strong,.cover-setting-group>small{display:block}.cover-setting-group>small{margin-top:3px;color:var(--muted)}.cover-position-grid{display:grid;grid-template-columns:repeat(3,42px);gap:6px;margin-top:10px}.cover-position-grid button{height:36px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.035);color:var(--muted)}.cover-position-grid button.active{border-color:var(--cyan);background:rgba(92,225,210,.13);color:var(--cyan)}.cover-color-control{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:16px}.cover-color-control span strong,.cover-color-control span small{display:block}.cover-color-control span small{margin-top:3px;color:var(--muted)}.cover-color-control input{width:48px;height:38px;padding:2px;border:1px solid var(--line);border-radius:10px;background:transparent}.cover-color-presets{display:flex;gap:8px;margin-top:10px}.cover-color-presets button{width:34px;height:34px;border:2px solid rgba(255,255,255,.25);border-radius:10px;background:var(--swatch)}
@media(max-width:390px){.media-filter-deck{grid-template-columns:1fr}.media-sport-filter{width:150px}.cover-position-grid{grid-template-columns:repeat(3,1fr)}}
.cover-settings-preview::before{background-image:var(--profile-cover-image,url('/assets/profile/kite-silvaplana-cover.png'))}
.spot-save-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.spot-save-actions .active{border-color:var(--lime);background:rgba(215,251,119,.1);color:var(--lime)}.saved-spot-list{display:grid;gap:8px}.saved-spot-list article{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.03)}.saved-spot-list article>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:rgba(92,225,210,.1);font-size:18px}.saved-spot-list article>button{min-width:0;padding:0;border:0;background:transparent;text-align:left}.saved-spot-list strong,.saved-spot-list small{display:block}.saved-spot-list small{margin-top:3px;color:var(--muted)}.saved-spot-list em{padding:5px 7px;border-radius:8px;background:rgba(255,255,255,.05);color:var(--muted);font-size:6px;font-style:normal;font-weight:800}.saved-spot-list em.active{background:rgba(215,251,119,.1);color:var(--lime)}
.route-destination-list{display:grid;gap:7px}.route-destination-list>button{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;width:100%;padding:11px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.03);text-align:left}.route-destination-list>button.selected{border-color:var(--cyan);background:rgba(92,225,210,.09)}.route-destination-list>button>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(92,225,210,.1);color:var(--cyan)}.route-destination-list p{min-width:0;margin:0}.route-destination-list strong,.route-destination-list small{display:block}.route-destination-list small{margin-top:3px;overflow:hidden;color:var(--muted);white-space:nowrap;text-overflow:ellipsis}.route-destination-list b{color:var(--cyan)}

/* Home v2: discovery first, dashboard data stays inside each Sport World */
.home-v2-intro{display:grid;grid-template-columns:1fr 46px;align-items:end;gap:12px;padding:18px 0 10px}.home-v2-intro h1{max-width:310px;margin:5px 0 7px;font-size:38px}.home-v2-intro p{max-width:330px;color:var(--muted);line-height:1.45}.home-search{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.045);color:var(--cyan);font-size:24px!important}.home-view-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:8px 0 18px;padding:4px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025)}.home-view-switch button{padding:8px 4px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:10px!important}.home-view-switch button.active{background:var(--paper);color:var(--ink);font-weight:800}.home-view-switch i{display:inline-grid;place-items:center;min-width:16px;height:16px;margin-left:2px;border-radius:99px;background:var(--cyan);color:var(--ink);font-size:8px;font-style:normal}.home-worlds{margin-top:0}.home-worlds .world-row span{position:relative}.home-worlds .world-row span i{position:absolute;right:3px;top:1px;color:var(--lime);font-size:19px;font-style:normal;text-shadow:0 0 8px var(--lime)}.home-lead-story{position:relative;overflow:hidden;min-height:360px;border:1px solid var(--line);border-radius:26px;background:var(--ink-2)}.home-lead-story>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.home-story-shade{position:absolute;inset:0;background:linear-gradient(rgba(3,12,14,.1),rgba(3,12,14,.08) 38%,rgba(3,12,14,.92) 86%)}.home-story-top{position:absolute;top:13px;left:13px;right:13px;display:flex;justify-content:space-between}.home-story-top span,.home-story-top b{padding:7px 9px;border-radius:99px;background:rgba(5,17,19,.72);color:white;font-size:8px;backdrop-filter:blur(10px)}.home-story-top b{color:var(--lime)}.home-story-play{position:absolute;inset:0;display:grid;place-items:center;margin:auto;width:52px;height:52px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(5,17,19,.54);color:white;font-size:18px;backdrop-filter:blur(8px)}.home-story-copy{position:absolute;left:17px;right:17px;bottom:16px;color:white}.home-story-copy>strong{font:800 32px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.home-story-copy h3{margin:1px 0 4px;font-size:19px}.home-story-copy p{display:inline;margin:0;color:rgba(255,255,255,.72)}.home-story-copy small{float:right;color:var(--lime)}.home-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.home-story-grid>button{min-width:0;padding:0 0 11px;overflow:hidden;border:1px solid var(--line);border-radius:19px;background:var(--ink-2);text-align:left}.home-story-grid>button>span{position:relative;display:block;height:115px;overflow:hidden}.home-story-grid img{width:100%;height:100%;object-fit:cover}.home-story-grid span i{position:absolute;left:9px;top:9px;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:rgba(5,17,19,.68);font-style:normal}.home-story-grid span b{position:absolute;right:9px;bottom:8px;color:white;text-shadow:0 2px 8px #000}.home-story-grid>button>small,.home-story-grid>button>strong,.home-story-grid>button>em{display:block;margin-left:10px;margin-right:10px}.home-story-grid>button>small{margin-top:9px;color:var(--cyan)}.home-story-grid>button>strong{margin-top:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.home-story-grid>button>em{margin-top:3px;overflow:hidden;color:var(--muted);font-size:8px;font-style:normal;white-space:nowrap;text-overflow:ellipsis}.home-rank-feature{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;width:100%;padding:13px;border:1px solid rgba(215,251,119,.25);border-radius:19px;background:linear-gradient(100deg,rgba(215,251,119,.09),rgba(255,255,255,.02));text-align:left}.home-rank-feature>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(215,251,119,.13);color:var(--lime);font-size:20px}.home-rank-feature small,.home-rank-feature strong,.home-rank-feature em{display:block}.home-rank-feature small{color:var(--lime);font-size:7px!important}.home-rank-feature strong{margin:3px 0}.home-rank-feature em{color:var(--muted);font-size:8px;font-style:normal}.home-rank-feature>b{color:var(--lime);font-size:18px}.home-rank-mini{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px}.home-rank-mini button{padding:11px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.03);text-align:left}.home-rank-mini span,.home-rank-mini strong,.home-rank-mini small{display:block}.home-rank-mini span{color:var(--cyan);font-size:17px}.home-rank-mini strong{margin:5px 0 2px}.home-rank-mini small{color:var(--muted)}.home-community-card{overflow:hidden;padding:16px;border:1px solid rgba(92,225,210,.22);border-radius:23px;background:radial-gradient(circle at 90% 10%,rgba(92,225,210,.14),transparent 45%),var(--ink-2)}.home-community-card h2{margin:5px 0}.home-community-card p{margin:0;color:var(--muted)}.home-people-stack{display:flex;margin-top:14px}.home-people-stack>span{width:38px;height:38px;margin-right:-8px;border:2px solid var(--ink-2);border-radius:50%}.home-people-stack>span:last-child{display:grid;place-items:center;background:var(--cyan);color:var(--ink);font-size:9px;font-weight:800}.home-community-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:14px}.home-community-actions button{padding:10px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.04)}.home-community-actions button:last-child{border-color:var(--cyan);background:rgba(92,225,210,.1);color:var(--cyan)}.home-event-card{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:11px;width:100%;padding:13px;border:1px solid var(--line);border-radius:19px;background:var(--ink-2);text-align:left}.home-event-card>span{display:grid;place-items:center;width:46px;height:50px;border-radius:13px;background:var(--cyan);color:var(--ink)}.home-event-card>span b,.home-event-card>span small{display:block}.home-event-card>span b{font:800 19px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.home-event-card>span small{font-size:7px!important}.home-event-card div small,.home-event-card div strong,.home-event-card div em{display:block}.home-event-card div small{color:var(--cyan)}.home-event-card div strong{margin:3px 0}.home-event-card div em{color:var(--muted);font-size:8px;font-style:normal}.home-event-card>b{color:var(--cyan)}
.home-article-feature{position:relative;display:block;overflow:hidden;width:100%;height:300px;padding:0;border:1px solid var(--line);border-radius:24px;background:var(--ink-2);text-align:left}.home-article-feature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.home-article-feature>span{position:absolute;inset:0;background:linear-gradient(transparent 28%,rgba(4,13,15,.94) 88%)}.home-article-feature>div{position:absolute;left:16px;right:16px;bottom:15px;color:white}.home-article-feature small,.home-article-feature strong,.home-article-feature p,.home-article-feature em{display:block}.home-article-feature small{color:var(--lime);font-size:7px!important;letter-spacing:.1em}.home-article-feature strong{margin:4px 0;font:800 20px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.home-article-feature p{margin:0;color:rgba(255,255,255,.76);line-height:1.4}.home-article-feature em{margin-top:7px;color:rgba(255,255,255,.58);font-size:8px;font-style:normal}.home-headlines{display:grid;margin-top:8px}.home-headlines button{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;width:100%;padding:12px 3px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left}.home-headlines>button>span{color:var(--cyan);font:800 13px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.home-headlines small,.home-headlines strong{display:block}.home-headlines small{color:var(--muted);font-size:7px!important}.home-headlines strong{margin-top:3px}.home-headlines>b{color:var(--cyan)}.discover-subtitle{margin:6px 0 14px;color:var(--muted);line-height:1.5}.discover-intent-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.discover-intent-grid button{min-height:122px;padding:13px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,rgba(92,225,210,.055),rgba(255,255,255,.022));text-align:left}.discover-intent-grid span,.discover-intent-grid strong,.discover-intent-grid small{display:block}.discover-intent-grid span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:rgba(92,225,210,.11);color:var(--cyan);font-size:18px}.discover-intent-grid strong{margin:11px 0 3px}.discover-intent-grid small{color:var(--muted);line-height:1.35}.discover-community{margin-top:20px}
.discover-section-intro{margin:-4px 0 12px;color:var(--muted);font-size:9px;line-height:1.5}.discover-public-feed>.section-head>span{display:grid;place-items:center;min-width:28px;height:28px;border-radius:10px;background:rgba(92,225,210,.1);color:var(--cyan);font-size:9px;font-weight:900}.discover-feed-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.discover-feed-grid>.discovery-empty-area{grid-column:1/-1}.discover-feed-card{min-width:0;overflow:hidden;padding:0;border:1px solid var(--line);border-radius:19px;background:var(--ink-2);text-align:left}.discover-feed-card.lead{grid-column:1/-1;display:grid;grid-template-columns:45% 1fr;min-height:168px}.discover-feed-media{position:relative;display:block;height:118px;overflow:hidden;background:linear-gradient(145deg,#274e54,#112b30)}.discover-feed-card.lead .discover-feed-media{height:100%}.discover-feed-media img,.discover-feed-media video{width:100%;height:100%;object-fit:cover}.discover-feed-media>i{position:absolute;inset:0;display:grid;place-items:center;margin:auto;width:34px;height:34px;border-radius:50%;background:rgba(4,16,17,.66);color:white;font-style:normal}.discover-feed-media>b{position:absolute;right:8px;bottom:7px;color:white;font-size:10px;text-shadow:0 2px 8px #000}.discover-feed-empty{display:grid;place-items:center;width:100%;height:100%;font-size:28px}.discover-feed-copy{display:flex;min-width:0;flex-direction:column;padding:11px}.discover-feed-copy small,.discover-feed-copy strong,.discover-feed-copy em{display:block}.discover-feed-copy small{color:var(--cyan);font-size:7px}.discover-feed-copy strong{margin:5px 0;overflow:hidden;font-size:11px;line-height:1.3;text-overflow:ellipsis}.discover-feed-copy em{margin-top:auto;overflow:hidden;color:var(--muted);font-size:7px;font-style:normal;white-space:nowrap;text-overflow:ellipsis}.discover-feed-card.lead .discover-feed-copy strong{font-size:15px}
.home-v2-intro{grid-template-columns:1fr}.home-worlds .world-row button.active span,.discover-world-filter .world-row button.active span{outline:2px solid var(--cyan);outline-offset:2px;background:color-mix(in srgb,var(--accent) 30%,var(--ink-2));box-shadow:0 0 18px color-mix(in srgb,var(--accent) 22%,transparent)}.home-worlds .world-row button.active strong,.discover-world-filter .world-row button.active strong{color:var(--cyan)}.home-context-note{margin:9px 0 0;color:var(--muted);font-size:8px;line-height:1.4}.rider-suggestions button>.athlete-photo{width:48px;height:48px;border-radius:15px;background-size:cover;background-position:center}.rider-suggestions button strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.discover-world-filter{padding:14px;border:1px solid rgba(92,225,210,.18);border-radius:22px;background:rgba(92,225,210,.035)}
.home-worlds-compact{margin:8px 0 4px;padding:10px 0 8px;border-bottom:1px solid var(--line)}.home-worlds-compact .section-head{margin-bottom:6px}.home-worlds-compact .section-head h2{margin-top:1px;font-size:15px}.home-worlds-compact .world-row{gap:7px}.home-worlds-compact .world-row button{min-width:48px}.home-worlds-compact .world-row span{width:44px;height:44px;border-radius:14px;font-size:20px}.home-worlds-compact .world-row strong{max-width:52px;margin-top:5px;overflow:hidden;font-size:7px;white-space:nowrap;text-overflow:ellipsis}.home-v2-intro{padding-top:12px}.home-personal-pulse>div:last-child,.passport-world-overview>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.home-personal-pulse article,.passport-world-overview article{min-width:0;padding:11px 8px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.03)}.home-personal-pulse article span,.home-personal-pulse article strong,.home-personal-pulse article small,.passport-world-overview article span,.passport-world-overview article strong,.passport-world-overview article small{display:block}.home-personal-pulse article span,.passport-world-overview article span{color:var(--cyan);font-size:17px}.home-personal-pulse article strong,.passport-world-overview article strong{margin:6px 0 4px;font-size:10px}.home-personal-pulse article small,.passport-world-overview article small{color:var(--muted);font-size:7px!important;line-height:1.35}.passport-world-overview{padding:17px;border:1px solid rgba(92,225,210,.18);border-radius:23px;background:linear-gradient(145deg,rgba(92,225,210,.08),rgba(255,255,255,.02))}.passport-connected{padding-top:4px}
.discover-world-filter-top{margin:8px 0 15px;padding:10px 0 9px;border-width:0 0 1px;border-radius:0;background:transparent}.discover-world-filter-top .section-head{margin-bottom:6px}.discover-world-filter-top .section-head h2{margin-top:1px;font-size:15px}.discover-world-filter-top .world-row{gap:7px}.discover-world-filter-top .world-row button{min-width:48px}.discover-world-filter-top .world-row span{width:44px;height:44px;border-radius:14px;font-size:20px}.discover-world-filter-top .world-row strong{max-width:52px;margin-top:5px;overflow:hidden;font-size:7px;white-space:nowrap;text-overflow:ellipsis}
.home-did-you-know{position:relative;display:grid;grid-template-columns:44px 1fr 28px;gap:11px;margin-bottom:16px;padding:16px 14px 22px;border:1px solid rgba(180,146,255,.28);border-radius:23px;background:radial-gradient(circle at 8% 10%,rgba(180,146,255,.17),transparent 42%),linear-gradient(145deg,rgba(180,146,255,.07),rgba(92,225,210,.035));overflow:hidden}.home-tip-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(180,146,255,.3);border-radius:14px;background:rgba(180,146,255,.12);color:#d8c7ff;font-size:20px}.home-tip-copy h2{margin:4px 0 5px;font-size:15px;line-height:1.2}.home-tip-copy p{margin:0;color:var(--muted);line-height:1.45}.home-tip-copy>button{margin-top:10px;padding:0;border:0;background:transparent;color:#d8c7ff;font-size:9px!important;font-weight:800}.home-tip-next{align-self:center;display:grid;place-items:center;width:28px;height:38px;border:1px solid rgba(180,146,255,.26);border-radius:10px;background:rgba(180,146,255,.08);color:#d8c7ff;font-size:20px!important}.home-tip-progress{position:absolute;left:69px;right:52px;bottom:10px;display:flex;gap:4px}.home-tip-progress i{width:12px;height:2px;border-radius:99px;background:rgba(255,255,255,.12)}.home-tip-progress i.active{width:24px;background:#b492ff}
.home-sponsored{overflow:hidden;padding:0;border:1px solid rgba(255,181,91,.25);border-radius:23px;background:rgba(255,181,91,.035)}.sponsor-visual{position:relative;height:150px;overflow:hidden}.sponsor-visual>img{width:100%;height:100%;object-fit:cover}.sponsor-visual>span{position:absolute;inset:0;background:linear-gradient(transparent 20%,rgba(5,14,16,.88))}.sponsor-visual>div{position:absolute;left:14px;bottom:12px;color:white}.sponsor-visual small,.sponsor-visual strong{display:block}.sponsor-visual small{color:#ffd199;font-size:7px!important;letter-spacing:.08em}.sponsor-visual strong{margin-top:3px;font:800 18px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.sponsor-visual>button{position:absolute;right:10px;top:10px;display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.22);border-radius:9px;background:rgba(5,14,16,.62);color:white}.sponsor-copy{padding:14px}.sponsor-copy>small{display:block;color:#ffca89;font-size:7px!important;font-weight:800;letter-spacing:.1em}.sponsor-copy h2{margin:5px 0 12px;font-size:14px;line-height:1.35}.sponsor-copy>div{display:flex;align-items:center;gap:12px}.sponsor-copy button{border:0}.sponsor-cta{padding:9px 12px;border-radius:11px!important;background:#ffbd6c;color:#172023;font-weight:800}.sponsor-why{padding:0;background:transparent;color:var(--muted);font-size:8px!important}.home-sponsored>p{margin:0;padding:9px 14px;border-top:1px solid rgba(255,181,91,.15);color:var(--muted);font-size:7px;line-height:1.4}
.home-context-hero{position:relative;min-height:430px;margin:8px -18px 0;padding:22px 18px 14px;overflow:hidden;background-image:var(--home-hero);background-position:center;background-size:cover;isolation:isolate}.home-context-hero::before{content:"";position:absolute;z-index:-2;inset:0;background-image:var(--home-hero);background-position:center;background-size:cover;animation:home-hero-breathe 14s ease-in-out infinite alternate}.home-context-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(4,13,15,.12),rgba(4,13,15,.28) 37%,rgba(4,13,15,.94) 82%,var(--ink) 100%)}.home-hero-copy{max-width:320px;padding-top:35px;color:white;text-shadow:0 3px 16px rgba(0,0,0,.65)}.home-hero-copy h1{margin:6px 0 8px;font-size:39px;line-height:1.02}.home-hero-copy p{max-width:280px;margin:0;color:rgba(255,255,255,.78);line-height:1.45}.home-world-switch{position:absolute;left:14px;right:14px;bottom:17px;padding:11px;border:1px solid rgba(255,255,255,.18);border-radius:20px;background:rgba(5,17,19,.67);box-shadow:0 12px 35px rgba(0,0,0,.28);backdrop-filter:blur(17px)}.home-world-switch>div:first-child{display:grid;grid-template-columns:1fr auto;align-items:center;margin-bottom:9px;padding:0 2px}.home-world-switch>div:first-child small,.home-world-switch>div:first-child strong{display:block}.home-world-switch>div:first-child small{grid-column:1;color:rgba(255,255,255,.58);font-size:6px!important;letter-spacing:.12em}.home-world-switch>div:first-child strong{grid-column:1;margin-top:1px;color:white;font-size:11px}.home-world-switch>div:first-child button{grid-column:2;grid-row:1/3;padding:4px 0;border:0;background:transparent;color:var(--cyan);font-size:8px!important}.home-world-pills{display:flex;gap:6px;overflow-x:auto;padding:2px;scrollbar-width:none}.home-world-pills>button{flex:none;display:grid;justify-items:center;width:47px;padding:5px 2px;border:1px solid transparent;border-radius:13px;background:transparent;color:rgba(255,255,255,.55)}.home-world-pills>button>span{display:grid;place-items:center;width:31px;height:31px;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:rgba(255,255,255,.06);font:800 8px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;letter-spacing:-.03em}.home-world-pills>button>small{display:block;width:100%;margin-top:4px;overflow:hidden;font-size:6px!important;white-space:nowrap;text-overflow:ellipsis}.home-world-pills>button.active{border-color:rgba(92,225,210,.38);background:rgba(92,225,210,.12);color:var(--cyan)}.home-world-pills>button.active>span{border-color:var(--cyan);background:var(--cyan);color:var(--ink);box-shadow:0 0 16px rgba(92,225,210,.3)}.home-context-hero+.home-now{margin-top:2px}@keyframes home-hero-breathe{from{transform:scale(1)}to{transform:scale(1.045)}}@media(prefers-reduced-motion:reduce){.home-context-hero::before{animation:none}}
.home-context-hero{min-height:390px}.home-hero-copy{padding-top:20px}.home-world-switch{bottom:12px;padding-top:9px;padding-bottom:8px}.home-world-switch>div:first-child{margin-bottom:6px}.home-world-pills>button{padding-top:3px;padding-bottom:3px}
.home-sport-rail{margin:8px -18px 0;padding:9px 18px 11px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.018)}.home-sport-rail-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:8px}.home-sport-rail-head small,.home-sport-rail-head strong{display:block}.home-sport-rail-head small{color:var(--muted);font-size:6px!important;letter-spacing:.12em}.home-sport-rail-head strong{margin-top:2px;color:var(--paper);font-size:11px}.home-sport-rail-head>button{padding:3px 0;border:0;background:transparent;color:var(--cyan);font-size:8px!important}.home-sport-scroll{display:flex;gap:10px;overflow-x:auto;margin:0 -18px;padding:2px 18px 5px;scrollbar-width:none}.home-sport-scroll>button{flex:none;display:grid;justify-items:center;width:60px;padding:3px 2px 4px;border:1px solid transparent;border-radius:16px;background:transparent;color:var(--muted)}.home-sport-scroll>button>span{display:grid;place-items:center;width:50px;height:50px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:17px;background:color-mix(in srgb,var(--accent) 14%,var(--ink-2));font-size:24px;line-height:1}.home-sport-scroll>button>strong{display:block;width:58px;margin-top:6px;overflow:hidden;font-size:8px;line-height:1.2;text-align:center;white-space:nowrap;text-overflow:ellipsis}.home-sport-scroll>button.active{border-color:rgba(92,225,210,.28);background:rgba(92,225,210,.07);color:var(--cyan)}.home-sport-scroll>button.active>span{border-color:var(--cyan);box-shadow:0 0 17px rgba(92,225,210,.18)}.home-context-hero{min-height:310px;margin-top:0}.home-hero-copy{padding-top:34px}.home-context-shade{background:linear-gradient(180deg,rgba(4,13,15,.12),rgba(4,13,15,.3) 45%,rgba(4,13,15,.9) 100%)}
.home-sport-scroll>button{width:70px;min-height:80px}.home-sport-scroll>button>strong{width:68px;min-height:19px;overflow:visible;white-space:normal;text-overflow:clip}.home-sport-scroll{gap:8px}

/* Home sport switcher: icon-first, calmer and easier to scan */
.home-sport-rail{margin-top:8px;padding:12px 18px 14px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012))}
.home-sport-rail-head{align-items:center;margin-bottom:10px}
.home-sport-rail-head small{font-size:6px!important;letter-spacing:.15em}
.home-sport-rail-head strong{margin-top:3px;font-size:17px;line-height:1.1;letter-spacing:-.02em}
.home-sport-scroll{gap:10px;padding-top:5px;padding-bottom:7px}
.home-sport-scroll>button{position:relative;width:62px;min-width:62px;min-height:62px;padding:2px;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important}
.home-sport-scroll>button>span{width:56px;height:56px;border:1px solid color-mix(in srgb,var(--accent) 42%,rgba(255,255,255,.16));border-radius:19px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 19%,#102427),rgba(7,19,20,.88));font-size:28px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 7px 18px rgba(0,0,0,.16);transition:transform .18s ease,box-shadow .18s ease,outline-color .18s ease}
.home-sport-scroll>button.active>span{outline:2px solid var(--cyan);outline-offset:2px;transform:translateY(-2px);box-shadow:0 0 0 5px rgba(82,213,225,.08),0 10px 25px rgba(35,195,208,.2)}
.home-sport-scroll>button>i{position:absolute;bottom:-4px;left:50%;width:17px;height:3px;border-radius:99px;background:var(--cyan);box-shadow:0 0 9px rgba(82,213,225,.65);transform:translateX(-50%)}

/* Shared sport context dock — Home and Discover */
.sport-context-switcher{position:relative;margin:8px -18px 0;padding:14px 18px 16px;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);background:radial-gradient(circle at 12% 0,color-mix(in srgb,var(--cyan) 8%,transparent),transparent 38%),linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.008))}
.sport-context-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}
.sport-context-heading small,.sport-context-heading strong{display:block}
.sport-context-heading small{margin-bottom:3px;color:var(--muted);font-size:6px;font-weight:800;letter-spacing:.18em}
.sport-context-heading strong{display:flex;align-items:center;gap:7px;color:var(--paper);font:800 18px/1.1 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;letter-spacing:-.025em}
.sport-context-heading strong>span{font-size:21px;line-height:1}
.sport-context-heading>button{padding:7px 10px;border:1px solid rgba(92,225,210,.22);border-radius:10px;background:rgba(92,225,210,.055);color:var(--cyan);font-size:7px;font-weight:800;letter-spacing:.04em}
.sport-icon-dock{display:flex;align-items:center;gap:10px;overflow-x:auto;margin:0 -18px;padding:5px 18px 8px;scroll-snap-type:x proximity;scrollbar-width:none}
.sport-icon-dock::-webkit-scrollbar{display:none}
.sport-icon-dock>button{position:relative;flex:0 0 55px;display:grid;place-items:center;width:55px;height:55px;padding:0;border:0;border-radius:18px;background:transparent;scroll-snap-align:start}
.sport-icon-dock>button>span{display:grid;place-items:center;width:48px;height:48px;border:1px solid color-mix(in srgb,var(--accent) 28%,rgba(255,255,255,.12));border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 16%,#122729),rgba(7,18,20,.94));font-size:24px;filter:saturate(.82);box-shadow:inset 0 1px rgba(255,255,255,.07),0 8px 18px rgba(0,0,0,.18);transition:width .2s ease,height .2s ease,transform .2s ease,filter .2s ease,box-shadow .2s ease}
.sport-icon-dock>button.active{flex-basis:65px;width:65px;height:58px}
.sport-icon-dock>button.active>span{width:56px;height:56px;border-color:color-mix(in srgb,var(--accent) 70%,white);border-radius:19px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 34%,#173033),rgba(8,24,26,.95));font-size:28px;filter:saturate(1.12);transform:translateY(-2px);box-shadow:0 0 0 3px rgba(255,255,255,.035),0 0 0 5px color-mix(in srgb,var(--accent) 13%,transparent),0 12px 27px color-mix(in srgb,var(--accent) 25%,rgba(0,0,0,.25))}
.sport-icon-dock>button>i{position:absolute;bottom:-5px;left:50%;width:5px;height:5px;border-radius:50%;background:var(--paper);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 34%,transparent),0 0 12px var(--accent);transform:translateX(-50%)}
.sport-context-switcher.for-discover{margin-bottom:18px}
.sport-context-switcher.for-discover+.eyebrow{margin-top:0}

/* Discover location chooser */
.location-choice{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:11px;width:100%;margin-top:20px;padding:14px;border:1px solid rgba(92,225,210,.25);border-radius:19px;background:linear-gradient(145deg,rgba(92,225,210,.1),rgba(255,255,255,.025));text-align:left}
.location-choice>span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--cyan);color:var(--ink);font-size:21px}
.location-choice strong,.location-choice small{display:block}.location-choice small{margin-top:4px;color:var(--muted);font-size:8px;line-height:1.35}.location-choice>b{color:var(--cyan);font-size:18px}
.location-divider{display:flex;align-items:center;gap:10px;margin:17px 0;color:var(--muted);font-size:8px;text-transform:uppercase}.location-divider::before,.location-divider::after{content:"";height:1px;flex:1;background:var(--line)}
.place-search-field{display:block;margin-bottom:10px}.place-search-field>small{display:block;margin:0 0 7px 3px;color:var(--muted);font-size:7px;font-weight:800;letter-spacing:.12em}.place-search-field>span{display:flex;align-items:center;gap:9px;padding:13px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.04)}.place-search-field b{color:var(--cyan);font-size:18px}.place-search-field input{width:100%;border:0;outline:0;background:transparent;color:var(--paper)}.results-place-search{margin-top:15px}.results-place-search>span>button{display:grid;place-items:center;flex:none;width:30px;height:30px;padding:0;border:0;border-radius:10px;background:var(--cyan);color:var(--ink);font-weight:900}.results-live-suggestions:not(:empty){margin-top:-3px;margin-bottom:12px}
.location-privacy-note{margin:13px 3px 0;color:var(--muted);font-size:8px;line-height:1.5}
.community-upcoming{display:grid;gap:7px;margin-top:17px;padding:13px;border:1px solid rgba(215,251,119,.2);border-radius:17px;background:linear-gradient(145deg,rgba(215,251,119,.07),rgba(255,255,255,.02))}.community-upcoming>div small,.community-upcoming>div strong{display:block}.community-upcoming>div small{color:var(--lime);font-size:7px;font-weight:900;letter-spacing:.09em}.community-upcoming>div strong{margin-top:4px;font-size:14px}.community-upcoming>button:not(.community-all-events){display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:9px;padding:10px;border:1px solid var(--line);border-radius:13px;background:rgba(4,17,18,.5);text-align:left}.community-upcoming time{color:var(--cyan);font-size:8px;font-weight:900}.community-upcoming span strong,.community-upcoming span small{display:block}.community-upcoming span strong{font-size:10px}.community-upcoming span small{margin-top:3px;color:var(--muted);font-size:7px}.community-upcoming>p{margin:2px 0;color:var(--muted);font-size:9px;line-height:1.45}.community-all-events{padding:8px 0 0;border:0;background:transparent;color:var(--lime);font-size:8px;font-weight:800;text-align:left}
.place-live-suggestions{display:grid;gap:6px;margin:-2px 0 11px}.place-live-suggestions>button{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;width:100%;padding:9px 11px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.025);text-align:left}.place-live-suggestions>button>span{color:var(--cyan)}.place-live-suggestions strong,.place-live-suggestions small{display:block}.place-live-suggestions small{margin-top:2px;color:var(--muted);font-size:7px}.place-live-suggestions>button>b{color:var(--muted)}.place-no-suggestion{padding:9px 11px;color:var(--muted);font-size:8px;line-height:1.4}
.event-place-results{display:grid;gap:6px;margin:-2px 0 11px}.event-place-results>button{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;width:100%;padding:9px 11px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.025);text-align:left}.event-place-results>button>span{color:var(--cyan)}.event-place-results strong,.event-place-results small,.event-place-selected strong,.event-place-selected small{display:block}.event-place-results small,.event-place-selected small{margin-top:2px;color:var(--muted);font-size:7px}.event-place-results>button>b{color:var(--muted)}
.modal-back-link{display:inline-flex;align-items:center;gap:7px;margin:2px 0 15px;padding:7px 10px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.035);color:var(--cyan);font-size:9px}.modal-back-link span{color:var(--paper);font-weight:800}
.recent-place-searches{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.recent-place-searches>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.recent-place-searches>div:first-child>strong{font:800 11px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.recent-place-searches>div:first-child>button{padding:5px;border:0;background:transparent;color:var(--muted);font-size:7px}.recent-place-searches>div:last-child{display:grid;gap:5px}.recent-place-searches>div:last-child>div{display:grid;grid-template-columns:1fr 30px;align-items:center;border-radius:13px;background:rgba(255,255,255,.025)}.recent-place-searches [data-recent-spot]{display:grid;grid-template-columns:25px 1fr;align-items:center;column-gap:8px;padding:9px 10px;border:0;background:transparent;text-align:left}.recent-place-searches [data-recent-spot]>span{grid-row:1/3;color:var(--cyan)}.recent-place-searches [data-recent-spot]>strong,.recent-place-searches [data-recent-spot]>small{display:block}.recent-place-searches [data-recent-spot]>small{color:var(--muted);font-size:7px}.recent-place-searches [data-remove-recent-spot]{display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid rgba(255,116,125,.2);border-radius:9px;background:rgba(255,116,125,.07);color:#ff8b92}.recent-place-searches [data-remove-recent-spot]>span{font-size:16px;line-height:1;transform:translateY(-1px)}
.place-result-list{display:grid;gap:8px}.place-result-list>button{display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:10px;width:100%;padding:13px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.035);text-align:left}.place-result-list>button>span{color:var(--cyan);font:800 11px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.place-result-list strong,.place-result-list small,.place-result-list em{display:block}.place-result-list small{margin-top:3px;color:var(--muted)}.place-result-list em{margin-top:6px;color:var(--lime);font-size:8px;font-style:normal}.place-result-list>button>b{color:var(--cyan);font-size:17px}
.discovery-empty-area{display:grid;justify-items:center;margin-top:17px;padding:24px 16px;border:1px dashed rgba(92,225,210,.22);border-radius:20px;background:rgba(255,255,255,.02);text-align:center}.discovery-empty-area>span{display:grid;place-items:center;width:48px;height:48px;margin-bottom:12px;border-radius:16px;background:rgba(92,225,210,.1);color:var(--cyan);font-size:22px}.discovery-empty-area h3{margin:0}.discovery-empty-area p{margin:7px 0 17px;color:var(--muted);line-height:1.5}.discovery-empty-area .btn+.btn{margin-top:8px}.discovery-empty-area .link-btn{margin-top:9px}
.universal-live-field>button{width:25px;height:25px;padding:0;border:0;border-radius:9px;background:rgba(255,255,255,.06);color:var(--muted)}
.search-live-status{min-height:16px;padding:8px 3px 1px;color:var(--muted);font-size:7px;letter-spacing:.04em}
.universal-live-results button{grid-template-columns:44px 1fr auto}.universal-live-results button>b{color:var(--cyan);font-size:16px}.universal-live-results mark{padding:0;background:transparent;color:var(--lime)}
.search-empty-live{display:grid;justify-items:center;padding:32px 15px;text-align:center}.search-empty-live>span{display:grid;place-items:center;width:45px;height:45px;margin-bottom:11px;border-radius:15px;background:rgba(92,225,210,.09);color:var(--cyan);font-size:21px}.search-empty-live strong,.search-empty-live small{display:block}.search-empty-live small{margin-top:4px;color:var(--muted)}
.event-directory-filters{display:flex;gap:6px;overflow-x:auto;margin-top:17px;scrollbar-width:none}.event-directory-filters button{flex:none;padding:8px 11px;border:1px solid var(--line);border-radius:11px;background:transparent;color:var(--muted);font-size:8px}.event-directory-filters button.active{border-color:rgba(92,225,210,.28);background:rgba(92,225,210,.09);color:var(--cyan)}
.event-filter-summary{margin:9px 2px 12px;color:var(--cyan);font-size:8px;font-weight:800}
.event-directory-list{display:grid;gap:8px}.event-directory-list>button{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:11px;width:100%;padding:12px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035);text-align:left}.event-directory-list>button>span{display:grid;place-items:center;width:46px;height:52px;border-radius:13px;background:var(--cyan);color:var(--ink)}.event-directory-list>button>span strong{font:800 17px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.event-directory-list>button>span small{font-size:7px;font-weight:800}.event-directory-list>button>div>small,.event-directory-list>button>div>strong,.event-directory-list>button>div>em{display:block}.event-directory-list>button>div>small{color:var(--muted);font-size:7px}.event-directory-list>button>div>strong{margin:4px 0}.event-directory-list>button>div>em{color:var(--lime);font-size:7px;font-style:normal}.event-directory-list>button>b{color:var(--cyan);font-size:17px}
.community-room-list{display:grid;gap:8px}.community-room-list>button{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;width:100%;padding:12px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(92,225,210,.045),rgba(255,255,255,.02));text-align:left}.community-room-list>button>span{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:rgba(92,225,210,.1);color:var(--cyan);font-size:18px}.community-room-list small,.community-room-list strong,.community-room-list em{display:block}.community-room-list small{color:var(--cyan);font-size:6px;font-weight:800;letter-spacing:.1em}.community-room-list strong{margin:4px 0}.community-room-list em{max-width:210px;color:var(--muted);font-size:7px;line-height:1.35;font-style:normal}.community-room-list>button>b{display:grid;justify-items:end;gap:5px;color:var(--lime);font-size:7px}.community-room-list>button>b>i{color:var(--cyan);font-size:16px;font-style:normal}
.community-area-summary{display:flex;align-items:center;gap:8px;margin-top:13px;padding:10px 12px;border:1px solid rgba(92,225,210,.16);border-radius:14px;background:rgba(92,225,210,.045)}.community-area-summary>span{color:var(--cyan)}.community-area-summary>strong{flex:1}.community-area-summary>small{color:var(--lime);font-size:7px}
.community-appointments{display:grid;gap:7px;margin-top:15px;padding:12px;border:1px solid rgba(215,251,119,.18);border-radius:16px;background:rgba(215,251,119,.045)}.community-appointments>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.community-appointments>div small{color:var(--muted);font-size:7px}.community-appointments>button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:10px;border:1px solid var(--line);border-radius:12px;background:rgba(2,16,17,.42);color:var(--text);text-align:left}.community-appointments>button span{color:var(--lime);font-size:8px;font-weight:800}.community-appointments>button b{color:var(--cyan)}.community-no-appointment{display:flex;align-items:center;gap:11px;margin-top:15px;padding:13px;border:1px dashed var(--line);border-radius:15px;color:var(--muted)}.community-no-appointment>span{font-size:21px;color:var(--cyan)}.community-no-appointment>div{flex:1}.community-no-appointment>button{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(92,225,210,.28);border-radius:10px;background:rgba(92,225,210,.1);color:var(--cyan);font-size:18px}.community-no-appointment strong,.community-no-appointment small{display:block}.community-no-appointment strong{color:var(--text)}.community-no-appointment small{margin-top:3px;font-size:8px;line-height:1.35}
.people-directory-list,.public-session-list{display:grid;gap:8px;margin-top:12px}.people-directory-list>button,.public-session-list>article{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:11px;padding:11px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025);color:var(--text);text-align:left}.people-directory-list strong,.people-directory-list small,.people-directory-list em,.public-session-list strong,.public-session-list small,.public-session-list em{display:block}.people-directory-list small,.public-session-list small{margin-top:3px;color:var(--muted);font-size:8px}.people-directory-list em,.public-session-list em{margin-top:4px;color:var(--cyan);font-size:7px;font-style:normal}.people-directory-list>b{color:var(--cyan)}.public-session-list>article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(92,225,210,.08);font-size:18px}.public-session-list>article{grid-template-columns:42px 1fr}.presence-pill.public{background:rgba(92,225,210,.1);color:var(--cyan)}
.catalog-product{display:grid!important;grid-template-columns:1fr auto;align-items:center;gap:13px}.catalog-product>div:first-child>small{display:block;margin-bottom:5px;color:var(--cyan);font-size:7px;font-weight:800;letter-spacing:.08em}.catalog-product>div:first-child>strong{display:block}.catalog-product p{margin:7px 0 0;color:var(--muted);font-size:8px;line-height:1.45}.catalog-product>div:last-child{display:grid;justify-items:end;gap:8px}

/* Admin publishing workspace */
.admin-content-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0 24px}.admin-content-actions .btn{margin:0}
.prelaunch-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.prelaunch-toolbar{display:grid;gap:10px;margin:18px 0 14px;padding:12px;border:1px solid rgba(92,225,210,.16);border-radius:20px;background:rgba(92,225,210,.035)}.prelaunch-view-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px}.prelaunch-view-tabs button{display:flex;align-items:center;justify-content:space-between;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--ink-2);color:var(--muted);font-size:11px;font-weight:800}.prelaunch-view-tabs button.active{border-color:rgba(92,225,210,.42);background:rgba(92,225,210,.12);color:var(--paper)}.prelaunch-view-tabs span{display:grid;place-items:center;min-width:24px;height:24px;padding:0 5px;border-radius:8px;background:rgba(255,255,255,.06);color:var(--cyan)}.prelaunch-search{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:5px;padding:0 10px;border:1px solid var(--line);border-radius:13px;background:var(--ink)}.prelaunch-search>span{color:var(--cyan);font-size:18px}.prelaunch-search input{min-width:0;padding:12px 0;border:0;outline:0;background:transparent;color:var(--paper);font-size:12px}.prelaunch-filter-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.prelaunch-filter-row label{display:grid;gap:4px}.prelaunch-filter-row label>span{color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase}.prelaunch-filter-row select{min-width:0;padding:10px;border:1px solid var(--line);border-radius:11px;background:var(--ink);color:var(--paper);font-size:11px;text-transform:capitalize}.prelaunch-filter-row .btn{min-height:40px;margin:0;padding:8px 11px;font-size:10px}.prelaunch-result-summary{display:flex;align-items:baseline;justify-content:center;gap:5px;color:var(--muted);font-size:10px}.prelaunch-result-summary strong{color:var(--paper);font-size:13px}.prelaunch-record-list{display:grid;gap:8px}.prelaunch-record{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:start;padding:12px;border:1px solid var(--line);border-radius:17px;background:var(--ink-2)}.prelaunch-record-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(92,225,210,.11);color:var(--cyan);font-size:10px;font-weight:900}.prelaunch-record.organization .prelaunch-record-icon{background:rgba(255,159,100,.11);color:#ffb37f;font-size:8px}.prelaunch-record div{min-width:0}.prelaunch-record strong,.prelaunch-record small,.prelaunch-record em{display:block;overflow-wrap:anywhere}.prelaunch-record strong{font-size:12px}.prelaunch-record small{margin-top:4px;color:var(--muted);font-size:10px;line-height:1.45}.prelaunch-record em{margin-top:5px;color:var(--cyan);font-size:9px;font-style:normal}.prelaunch-record p{margin:8px 0 0;padding-top:8px;border-top:1px solid var(--line);color:var(--muted);font-size:10px;line-height:1.45}.prelaunch-status{padding:6px 7px;border-radius:7px;background:rgba(255,255,255,.06);color:var(--muted);font-size:7px}.prelaunch-status.subscribed,.prelaunch-status.qualified{background:rgba(184,255,118,.1);color:var(--lime)}.prelaunch-status.new{background:rgba(92,225,210,.1);color:var(--cyan)}.prelaunch-status.contacted{background:rgba(255,159,100,.1);color:#ffb37f}.prelaunch-status.blocked,.prelaunch-status.unsubscribed{background:rgba(255,116,125,.1);color:var(--red)}
.admin-content-list{display:grid;gap:8px}.admin-content-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.03)}.admin-content-row>span{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:rgba(92,225,210,.1);color:var(--cyan)}.admin-content-row p,.admin-content-row strong,.admin-content-row small{display:block;margin:0}.admin-content-row p{min-width:0}.admin-content-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-content-row small{margin-top:3px;color:var(--muted);font-size:7px}.admin-content-row>.status{color:var(--lime);font-size:6px;letter-spacing:.08em}.admin-content-row>button{grid-column:2/4;justify-self:end;padding:6px 9px;border:1px solid rgba(255,137,120,.22);border-radius:9px;background:rgba(255,137,120,.07);color:#ff9d8f;font-size:7px}
.home-knowledge{display:grid;gap:13px}.knowledge-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.knowledge-card{display:flex;min-height:205px;flex-direction:column;padding:15px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(155deg,rgba(92,225,210,.1),rgba(255,255,255,.025))}.knowledge-card.learn{background:linear-gradient(155deg,rgba(184,255,118,.1),rgba(255,255,255,.025))}.knowledge-card>span{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:rgba(92,225,210,.13);color:var(--cyan);font-size:17px}.knowledge-card.learn>span{background:rgba(184,255,118,.12);color:var(--lime)}.knowledge-card small{margin-top:16px;color:var(--cyan);font-size:7px;font-weight:900;letter-spacing:.13em}.knowledge-card strong{margin-top:5px;font-size:13px;line-height:1.15}.knowledge-card p{margin:7px 0;color:var(--muted);font-size:9px;line-height:1.5}.knowledge-card em{margin-top:auto;color:var(--muted);font-size:7px;font-style:normal}.framework-panel{padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:#101d20}.framework-panel>div small,.framework-panel>div strong{display:block}.framework-panel>div small{color:#ffb37f;font-size:7px;font-weight:900;letter-spacing:.12em}.framework-panel>div strong{margin-top:5px;font-size:14px}.framework-panel>div p{margin:5px 0 12px;color:var(--muted);font-size:9px;line-height:1.45}.framework-panel>a{display:grid;grid-template-columns:46px 1fr;gap:3px 10px;padding:11px 0;border-top:1px solid var(--line);color:var(--paper);text-decoration:none}.framework-panel>a span{grid-row:1/3;align-self:center;padding:6px;border-radius:9px;background:rgba(255,179,127,.11);color:#ffb37f;text-align:center;font-size:8px;font-weight:900}.framework-panel>a strong{font-size:10px}.framework-panel>a small{color:var(--muted);font-size:7px}
.home-newsroom{position:relative;padding:18px;border:1px solid rgba(101,225,211,.2);border-radius:27px;background:radial-gradient(circle at 100% 0,rgba(92,225,210,.13),transparent 38%),linear-gradient(145deg,#112124,#091516);overflow:hidden}.home-newsroom .section-head{margin:0}.newsroom-signal{color:#8cf0c7;font-size:11px;text-shadow:0 0 13px rgba(140,240,199,.8)}.newsroom-intro{max-width:360px;margin:7px 0 15px;color:#9bafad;font-size:10px;line-height:1.55}.newsroom-list{display:grid;gap:9px}.newsroom-card{display:grid;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.035);overflow:hidden}.newsroom-card.lead{grid-template-columns:112px 1fr;min-height:160px}.newsroom-image{position:relative;min-height:100%;overflow:hidden}.newsroom-image img{width:100%;height:100%;object-fit:cover}.newsroom-image>span{position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(3,12,13,.8))}.newsroom-image>b{position:absolute;left:9px;bottom:9px;padding:5px 7px;border-radius:7px;background:#b6ff79;color:#102019;font-size:7px;text-transform:uppercase;letter-spacing:.08em}.newsroom-copy{display:flex;min-width:0;flex-direction:column;padding:13px}.newsroom-copy>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.newsroom-copy>div span{color:#72e4da;font-size:7px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.newsroom-copy time{color:#778d8b;font-size:7px;text-transform:uppercase}.newsroom-copy h3{margin:8px 0 5px;font-size:13px;line-height:1.22}.newsroom-copy p{display:-webkit-box;margin:0;color:#9bafad;font-size:8px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.newsroom-copy footer{display:flex;align-items:end;justify-content:space-between;gap:8px;margin-top:auto;padding-top:11px}.newsroom-copy footer small{color:#819795;font-size:6.5px;line-height:1.35}.newsroom-copy footer em{color:#d5ff8c;font-size:7px;font-style:normal;font-weight:800;white-space:nowrap}.newsroom-card:not(.lead) .newsroom-copy{padding:12px 13px}.newsroom-card:not(.lead) .newsroom-copy p{display:none}.newsroom-empty{display:flex;align-items:center;gap:12px;padding:14px;border:1px dashed rgba(255,255,255,.14);border-radius:17px;background:rgba(255,255,255,.025)}.newsroom-empty>span{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:rgba(92,225,210,.09);color:var(--cyan)}.newsroom-empty strong{font-size:10px}.newsroom-empty p{margin:3px 0 0;color:var(--muted);font-size:8px;line-height:1.4}
.editorial-calendar-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:15px 0}.editorial-calendar-kpis>div{padding:11px 9px;border:1px solid var(--line);border-radius:15px;background:var(--ink-2)}.editorial-calendar-kpis small,.editorial-calendar-kpis strong{display:block}.editorial-calendar-kpis small{color:var(--muted);font-size:6px}.editorial-calendar-kpis strong{margin-top:5px;font-size:9px}.calendar-controls{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px;border:1px solid rgba(92,225,210,.18);border-radius:18px;background:rgba(92,225,210,.05)}.calendar-controls label{display:grid;gap:4px}.calendar-controls label span{color:var(--muted);font-size:7px}.calendar-controls input{width:100%;padding:9px;border:1px solid var(--line);border-radius:10px;background:var(--ink);color:var(--paper)}.calendar-controls .btn{margin:0;padding:9px}.calendar-controls .btn-primary{grid-column:1/3}.editorial-slot-list{display:grid;gap:8px}.editorial-slot{display:grid;grid-template-columns:40px 30px minmax(0,1fr) auto;gap:8px;align-items:start;padding:11px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.025)}.editorial-slot time{padding-top:3px;color:var(--cyan);font-size:8px;font-weight:900;text-transform:uppercase}.editorial-slot>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:rgba(92,225,210,.1)}.editorial-slot div small,.editorial-slot div strong,.editorial-slot div p{display:block;margin:0}.editorial-slot div small{color:var(--muted);font-size:6px;letter-spacing:.08em}.editorial-slot div strong{margin-top:3px;font-size:9px}.editorial-slot div p{margin-top:4px;color:var(--muted);font-size:7px;line-height:1.35}.editorial-slot>b{color:#ffb37f;font-size:6px}.editorial-slot>button,.editorial-slot>em{grid-column:3/5;justify-self:end;padding:6px 9px;border:1px solid rgba(92,225,210,.22);border-radius:9px;background:rgba(92,225,210,.07);color:var(--cyan);font-size:7px;font-style:normal}.editorial-slot.published{border-color:rgba(184,255,118,.18)}.editorial-slot.published>b{color:var(--lime)}.editor-access-panel{padding:14px;border:1px solid rgba(255,179,127,.15);border-radius:20px;background:rgba(255,179,127,.035)}.editor-grant-form{display:grid;grid-template-columns:1fr 1fr;gap:7px}.editor-grant-form input,.editor-grant-form select{min-width:0;padding:9px;border:1px solid var(--line);border-radius:10px;background:var(--ink);color:var(--paper)}.editor-grant-form label{display:flex;gap:6px;align-items:center;color:var(--muted);font-size:8px}.editor-grant-form label input{width:auto}.editor-grant-form button{grid-column:1/3;padding:10px;border:0;border-radius:11px;background:var(--cyan);color:#072125;font-weight:900}.editor-permission-list{display:grid;gap:7px;margin-top:12px}.editor-permission-row{display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;padding:9px;border-top:1px solid var(--line)}.editor-permission-row>span{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:rgba(255,179,127,.1);color:#ffb37f}.editor-permission-row p,.editor-permission-row strong,.editor-permission-row small{display:block;margin:0}.editor-permission-row small{color:var(--muted);font-size:7px}.editor-permission-row>b{color:var(--lime);font-size:6px}.admin-content-actions.single{grid-template-columns:1fr}
.editor-sport-scope{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.035)}.editor-sport-scope label{font-size:7px}.editor-permission-row>button{border:1px solid rgba(255,120,120,.35);background:rgba(255,92,92,.08);color:#ffb0b0;border-radius:9px;padding:7px 9px;font-size:7px;font-weight:800}.warning-note{border-color:rgba(255,184,92,.32);background:rgba(255,184,92,.08)}.success-note{border-color:rgba(119,236,184,.32);background:rgba(119,236,184,.08)}.editorial-reader>img{width:100%;max-height:230px;object-fit:cover;border-radius:18px;margin-bottom:18px}.editorial-reader h2{font-size:30px;line-height:1.05;margin:8px 0 12px}.editorial-reader-lead{font-size:17px;line-height:1.5;color:#d9e3e1}.editorial-reader-meta{display:flex;justify-content:space-between;gap:12px;padding:12px 0 16px;border-bottom:1px solid rgba(255,255,255,.12);color:var(--muted);font-size:12px}.editorial-source{display:grid;grid-template-columns:1fr auto;gap:3px 12px;align-items:center;margin:15px 0 4px;padding:13px 14px;border:1px solid rgba(92,225,210,.22);border-radius:15px;background:rgba(92,225,210,.07);color:var(--paper);text-decoration:none}.editorial-source span{color:var(--cyan);font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.editorial-source strong{grid-column:1;font-size:12px}.editorial-source small{grid-column:1;color:var(--muted);font-size:8px}.editorial-source b{grid-column:2;grid-row:1/4;color:var(--lime);font-size:20px}.editorial-reader-body{padding:10px 0}.editorial-reader-body p{font-size:16px;line-height:1.68;color:#edf3f1;margin:16px 0}
.admin-publish-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-publish-form label{display:block}.admin-publish-form label.wide{grid-column:1/-1}.admin-publish-form label>span{display:block;margin:0 0 6px 2px;color:var(--muted);font-size:7px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.admin-publish-form input,.admin-publish-form select,.admin-publish-form textarea{box-sizing:border-box;width:100%;min-height:42px;padding:10px;border:1px solid var(--line);border-radius:12px;outline:0;background:rgba(255,255,255,.04);color:var(--paper);font:inherit}.admin-publish-form textarea{min-height:92px;resize:vertical}.admin-publish-form input:focus,.admin-publish-form select:focus,.admin-publish-form textarea:focus{border-color:rgba(92,225,210,.55);box-shadow:0 0 0 3px rgba(92,225,210,.08)}
.recent-place-searches [data-recent-community]{display:grid;grid-template-columns:25px 1fr;align-items:center;column-gap:8px;padding:9px 10px;border:0;background:transparent;text-align:left}.recent-place-searches [data-recent-community]>span{grid-row:1/3;color:var(--cyan)}.recent-place-searches [data-recent-community]>strong,.recent-place-searches [data-recent-community]>small{display:block}.recent-place-searches [data-recent-community]>small{color:var(--muted);font-size:7px}.recent-place-searches [data-remove-recent-community]{display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid rgba(255,116,125,.2);border-radius:9px;background:rgba(255,116,125,.07);color:#ff8b92}

/* Admin catalog quality control */
.spot-alert-list{display:grid;gap:8px}.spot-alert-list>article{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.spot-alert-list>article>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:rgba(92,225,210,.09);font-size:17px}.spot-alert-list p,.spot-alert-list strong,.spot-alert-list small{display:block;margin:0}.spot-alert-list small{margin-top:3px;color:var(--muted);font-size:7px}.spot-alert-list button{padding:6px 8px;border:1px solid rgba(92,225,210,.24);border-radius:9px;background:rgba(92,225,210,.07);color:var(--cyan);font-size:7px}.spot-alert-list article.matched{border-color:rgba(215,251,119,.25);background:rgba(215,251,119,.04)}.spot-alert-list article.cancelled{opacity:.55}.spot-alert-list article>b{color:var(--muted)}
.spot-correction-link{width:100%;margin-top:13px;padding:10px;border:1px dashed rgba(92,225,210,.25);border-radius:12px;background:rgba(92,225,210,.035);color:var(--cyan);font-size:8px}.spot-change-form{display:grid;gap:10px}.spot-change-form label>span{display:block;margin:0 0 6px 2px;color:var(--muted);font-size:7px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.spot-change-form input,.spot-change-form select,.spot-change-form textarea{box-sizing:border-box;width:100%;padding:10px;border:1px solid var(--line);border-radius:12px;outline:0;background:rgba(255,255,255,.04);color:var(--paper);font:inherit}.spot-change-form textarea{min-height:84px;resize:vertical}.spot-change-form input:focus,.spot-change-form select:focus,.spot-change-form textarea:focus{border-color:rgba(92,225,210,.55);box-shadow:0 0 0 3px rgba(92,225,210,.08)}
.admin-change-report-list{display:grid;gap:7px}.admin-change-report{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;padding:10px;border:1px solid rgba(255,177,91,.25);border-radius:14px;background:rgba(255,177,91,.035);text-align:left}.admin-change-report>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:rgba(255,177,91,.12);color:#ffc27c}.admin-change-report p,.admin-change-report strong,.admin-change-report small{display:block;margin:0}.admin-change-report small{margin-top:3px;color:var(--muted);font-size:7px}.admin-change-report>b{color:#ffc27c;font-size:6px}.change-review-diff{display:grid;grid-template-columns:1fr 1fr;gap:7px}.change-review-diff>div{padding:9px;border-radius:12px;background:rgba(255,255,255,.035)}.change-review-diff small,.change-review-diff strong{display:block}.change-review-diff small{color:var(--muted);font-size:6px}.change-review-diff strong{margin-top:3px}.change-review-diff blockquote{grid-column:1/-1;margin:0;padding:13px;border-left:3px solid var(--cyan);border-radius:0 12px 12px 0;background:rgba(92,225,210,.045);color:var(--paper);font-size:10px;line-height:1.45}.admin-report-decisions{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:6px}.admin-report-decisions button{padding:9px 5px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.035);color:var(--muted);font-size:7px}.admin-report-decisions button.accept{border-color:rgba(92,225,210,.28);background:rgba(92,225,210,.1);color:var(--cyan)}
.admin-catalog-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:17px}.admin-catalog-kpis>div{padding:11px 8px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);text-align:center}.admin-catalog-kpis strong,.admin-catalog-kpis span{display:block}.admin-catalog-kpis strong{color:var(--cyan);font:800 18px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.admin-catalog-kpis span{margin-top:3px;color:var(--muted);font-size:6px}.admin-place-list{display:grid;gap:9px}.admin-place-row{padding:12px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}.admin-place-row.needs-review{border-color:rgba(255,177,91,.32);background:rgba(255,177,91,.035)}.admin-place-top{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px}.admin-place-top>span{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:rgba(92,225,210,.09);font-size:16px}.admin-place-top p,.admin-place-top strong,.admin-place-top small{display:block;margin:0}.admin-place-top strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-place-top small{margin-top:3px;color:var(--muted);font-size:7px}.admin-place-top>b{color:var(--lime);font-size:9px}.admin-place-meta{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}.admin-place-meta>span{padding:4px 6px;border-radius:7px;background:rgba(255,255,255,.045);color:var(--muted);font-size:6px;text-transform:uppercase}.admin-place-meta>.proposal-state{background:rgba(255,177,91,.1);color:#ffbd71}.admin-place-actions{display:flex;justify-content:flex-end;gap:6px}.admin-place-actions button{padding:6px 8px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.025);color:var(--paper);font-size:7px}.admin-place-actions button.review{border-color:rgba(92,225,210,.28);background:rgba(92,225,210,.08);color:var(--cyan)}.admin-review-checks{display:grid;gap:7px;margin-top:15px}.admin-review-checks>div{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:9px;padding:9px;border-radius:13px;background:rgba(255,255,255,.03)}.admin-review-checks>div>span{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:rgba(92,225,210,.09);color:var(--cyan)}.admin-review-checks p,.admin-review-checks strong,.admin-review-checks small{display:block;margin:0}.admin-review-checks small{margin-top:2px;color:var(--muted);font-size:7px}.admin-review-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:8px}.admin-review-actions .btn{margin:0}.admin-place-form{display:grid;gap:10px}.admin-place-form label>span{display:block;margin:0 0 6px 2px;color:var(--muted);font-size:7px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.admin-place-form input,.admin-place-form textarea{box-sizing:border-box;width:100%;padding:10px;border:1px solid var(--line);border-radius:12px;outline:0;background:rgba(255,255,255,.04);color:var(--paper);font:inherit}.admin-place-form textarea{min-height:78px;resize:vertical}.admin-place-form label:nth-child(2) textarea{min-height:110px}.admin-place-form input:focus,.admin-place-form textarea:focus{border-color:rgba(92,225,210,.55);box-shadow:0 0 0 3px rgba(92,225,210,.08)}

/* A place is described through the selected sport, not as a generic pin */
.sport-place-profile{padding:15px;border:1px solid rgba(92,225,210,.2);border-radius:21px;background:linear-gradient(145deg,rgba(92,225,210,.065),rgba(255,255,255,.022))}.sport-place-profile>.section-head{align-items:start}.sport-place-profile>.section-head h3{margin-top:4px}.profile-completeness{padding:5px 7px;border:1px solid rgba(215,251,119,.22);border-radius:8px;background:rgba(215,251,119,.07);color:var(--lime);font-size:6px;font-weight:800;letter-spacing:.06em}.sport-place-profile>p{margin:10px 0 13px;color:var(--muted);line-height:1.5}.sport-place-profile.incomplete{border-style:dashed}.sport-place-level{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding:10px 11px;border-radius:13px;background:rgba(255,255,255,.035)}.sport-place-level span{color:var(--muted);font-size:7px}.sport-place-level strong{color:var(--paper);font-size:9px;text-align:right}.sport-place-facts{padding:11px 0;border-top:1px solid rgba(255,255,255,.07)}.sport-place-facts>div{display:flex;align-items:center;gap:8px}.sport-place-facts>div>span{display:grid;place-items:center;width:25px;height:25px;border-radius:9px;background:rgba(92,225,210,.09);color:var(--cyan);font-size:10px}.sport-place-facts>div>strong{font-size:9px}.sport-place-facts ul{display:grid;gap:5px;margin:9px 0 0;padding:0;list-style:none}.sport-place-facts li{position:relative;padding-left:13px;color:var(--muted);font-size:8px;line-height:1.4}.sport-place-facts li::before{content:"·";position:absolute;left:2px;color:var(--cyan);font-weight:900}
.sport-specs{margin:18px 0;padding:15px;border:1px solid rgba(92,225,210,.22);border-radius:20px;background:rgba(92,225,210,.055)}.sport-specs-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}.sport-specs-title>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:rgba(92,225,210,.12);color:var(--cyan)}.sport-specs-title strong,.sport-specs-title small{display:block}.sport-specs-title small{margin-top:2px;color:var(--muted);font-size:8px}.sport-specs>div:last-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.sport-specs article{padding:10px;border-radius:13px;background:rgba(255,255,255,.04)}.sport-specs article span,.sport-specs article strong{display:block}.sport-specs article span{color:var(--muted);font-size:8px}.sport-specs article strong{margin-top:4px;font-size:10px;overflow-wrap:anywhere}.place-condition-assessment{margin-top:12px;padding:13px;border-radius:17px;background:rgba(255,255,255,.035)}.place-condition-assessment>div strong,.place-condition-assessment>div small{display:block}.place-condition-assessment>div small{margin-top:2px;color:var(--muted);font-size:8px}.place-condition-assessment article{display:grid;grid-template-columns:1fr auto;gap:2px 8px;margin-top:9px;padding:9px 10px;border-left:3px solid var(--muted);border-radius:10px;background:rgba(255,255,255,.035)}.place-condition-assessment article.good{border-color:var(--lime)}.place-condition-assessment article.caution{border-color:#ffad69}.place-condition-assessment article span{font-size:9px}.place-condition-assessment article strong{font-size:10px}.place-condition-assessment article small{grid-column:1/-1;color:var(--muted);font-size:8px}
.home-lead-story>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.session-media-empty{position:absolute;inset:0;display:grid;place-content:center;gap:6px;background:radial-gradient(circle at 50% 35%,rgba(92,225,210,.18),transparent 48%),var(--ink-2);color:var(--cyan);text-align:center}.session-media-empty b{font-size:42px}.session-media-empty small{color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.home-story-grid video,.home-story-grid .session-media-empty{width:100%;height:100%;object-fit:cover}.home-story-grid .session-media-empty{position:relative}
.guest-video-art video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.guest-player video{display:block;width:100%;max-height:58vh;border-radius:18px;background:#000}.feed-card>video,.feed-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* Product architecture refinement */
.discover-focus-tabs{position:sticky;top:70px;z-index:5;padding:8px;background:rgba(5,20,21,.92);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08);border-radius:18px}
.discover-focus-tabs button{min-width:max-content}
.discover-focus-tabs button.active{background:var(--paper);color:#061617;border-color:var(--paper)}
.compact-empty{padding:22px}

.passport-area-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:rgba(9,29,31,.78)}
.passport-area-nav button{display:grid;place-items:center;gap:5px;min-height:58px;border-radius:14px;color:var(--muted);font-weight:800}
.passport-area-nav button>span{font-size:11px;letter-spacing:.04em}
.passport-area-nav button.active{color:#071719;background:linear-gradient(135deg,#d9fb75,#5ce1d2);box-shadow:0 10px 28px rgba(92,225,210,.16)}

.community-page{background:radial-gradient(circle at 85% 4%,rgba(92,225,210,.12),transparent 28%),#041415}
.community-hero{position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;min-height:215px;margin:8px 0 22px;padding:28px 22px;border:1px solid rgba(92,225,210,.2);border-radius:30px;background:linear-gradient(145deg,rgba(8,46,47,.96),rgba(7,24,26,.94))}
.community-hero:after{content:"";position:absolute;inset:auto -35px -70px auto;width:190px;height:190px;border:42px solid rgba(92,225,210,.08);border-radius:50%}
.community-hero h1{max-width:290px;margin:9px 0;font-size:37px;line-height:.98}
.community-hero p{max-width:360px;margin:0;color:#adc0c0;line-height:1.5}
.community-hero>span{position:relative;z-index:1;display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:rgba(92,225,210,.13);font-size:31px}
.community-today{border:1px solid rgba(255,255,255,.1);border-radius:25px;padding:20px;background:linear-gradient(145deg,rgba(16,51,55,.9),rgba(8,28,30,.9))}
.community-today>p{color:var(--muted);line-height:1.5}
.live-dot{color:#d8fb75;font-size:10px;font-weight:900;letter-spacing:.08em}
.community-today-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}
.community-today-stats button{display:flex;min-height:76px;flex-direction:column;justify-content:center;padding:10px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.035);text-align:left}
.community-today-stats strong{color:var(--paper);font-size:17px}
.community-today-stats small{margin-top:4px;color:var(--muted);font-size:10px;line-height:1.2}
.community-find{padding:20px;border:1px solid rgba(255,255,255,.09);border-radius:25px;background:rgba(8,27,29,.74)}
.community-find>div:first-child p{color:var(--muted);line-height:1.45}
.community-recent-inline{margin-top:18px}
.community-recent-inline>small{color:var(--aqua);font-weight:900;letter-spacing:.1em}
.community-recent-inline>div{display:flex;gap:8px;overflow:auto;margin-top:9px}
.community-recent-inline button{display:flex;gap:14px;min-width:max-content;padding:10px 13px;border:1px solid rgba(255,255,255,.09);border-radius:12px;color:var(--paper)}
.community-page-events{margin-bottom:18px}

.rank-value-explainer{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:start;margin:18px 0;padding:18px;border:1px solid rgba(92,225,210,.2);border-radius:20px;background:linear-gradient(145deg,rgba(13,46,49,.92),rgba(8,27,29,.92))}
.rank-value-explainer>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(92,225,210,.12);color:var(--aqua);font-size:21px}
.rank-value-explainer small{display:block;color:var(--aqua);font-size:9px;font-weight:900;letter-spacing:.11em}
.rank-value-explainer strong{display:block;margin:4px 0 6px;color:var(--paper)}
.rank-value-explainer p,.rank-value-explainer em{display:block;margin:0;color:var(--muted);font-size:12px;line-height:1.45}
.rank-value-explainer em{margin-top:7px;color:#c7d4d4}
.rank-value-explainer button{color:var(--aqua);font-size:11px;font-weight:900}

@media(max-width:520px){
  .community-hero h1{font-size:34px}
  .community-hero>span{width:52px;height:52px}
  .rank-value-explainer{grid-template-columns:auto 1fr}
  .rank-value-explainer>button{grid-column:2;text-align:left}
}
.founding-quest{position:relative;overflow:hidden;border:1px solid rgba(215,251,119,.28);border-radius:28px;padding:20px;background:linear-gradient(145deg,rgba(21,58,56,.96),rgba(9,26,27,.98));box-shadow:0 20px 50px rgba(0,0,0,.22)}
.founding-quest:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-70px;top:-90px;background:radial-gradient(circle,rgba(215,251,119,.24),transparent 68%);pointer-events:none}
.founding-quest header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.founding-quest h2{margin:4px 0 7px;font-size:25px;line-height:1.05}
.founding-quest p{margin:0;color:#b9ccca;line-height:1.48}
.founding-quest-mark{display:flex;flex-direction:column;gap:4px;min-width:104px;padding:14px;border:1px solid rgba(215,251,119,.35);background:rgba(215,251,119,.08)}
.founding-quest-mark span{font-size:22px;font-weight:900;letter-spacing:-1px;color:#d7fb77}.founding-quest-mark b{font-size:9px;letter-spacing:1.4px;color:#aabbb8}
.founding-quest.invitation{display:grid;grid-template-columns:112px 1fr;gap:18px;align-items:start}
.founding-quest-copy .btn{margin-top:15px}.founding-capacity{margin-top:14px}.founding-capacity>span,.founding-progress>span{display:block;height:7px;background:rgba(255,255,255,.1);overflow:hidden;border-radius:2px}.founding-capacity i,.founding-progress i{display:block;height:100%;background:linear-gradient(90deg,#5ce1d2,#d7fb77)}
.founding-capacity small{display:block;margin-top:7px;color:#d7fb77;font-weight:750}
.founding-number{position:relative;z-index:1;flex:0 0 auto;padding:10px 12px;background:#d7fb77;color:#102425;font-size:19px;font-weight:950;letter-spacing:.4px;border-radius:9px;box-shadow:0 8px 24px rgba(215,251,119,.16)}
.founding-progress{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin:18px 0 13px}.founding-progress strong{font-size:13px;color:#d7fb77}
.founding-task-list{display:grid;gap:7px}.founding-task-list button{width:100%;display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:center;text-align:left;padding:11px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);color:#f4f8f5;border-radius:12px}.founding-task-list button>span{display:grid;place-items:center;min-height:32px;padding:0 4px;background:rgba(92,225,210,.12);color:#5ce1d2;font-size:11px;font-weight:850;border-radius:8px}.founding-task-list button strong,.founding-task-list button small{display:block}.founding-task-list button small{margin-top:2px;color:#829b98;font-size:10px;line-height:1.35}.founding-task-list button>b{font-size:9px;letter-spacing:.8px;color:#78918e}.founding-task-list button.complete{opacity:.76}.founding-task-list button.complete>span{background:rgba(215,251,119,.14);color:#d7fb77}.founding-task-list button.complete>b{color:#d7fb77}
.founding-terms{display:block;margin-top:13px;color:#77908d;font-size:10px;line-height:1.45}.founding-reward{display:flex;gap:12px;align-items:center;margin-top:15px;padding:14px;background:rgba(215,251,119,.1);border:1px solid rgba(215,251,119,.28);border-radius:14px}.founding-reward>span{font-size:25px;color:#d7fb77}.founding-reward strong,.founding-reward small{display:block}.founding-reward small{margin-top:4px;color:#bad0cc;line-height:1.4}
.founding-quest.qualified{border-color:rgba(215,251,119,.58);background:linear-gradient(145deg,#183e38,#0d2928)}.founding-quest.expired{display:flex;gap:16px;align-items:flex-start;border-color:rgba(255,159,100,.3);background:linear-gradient(145deg,rgba(66,37,29,.92),rgba(29,21,20,.98))}
.founding-admin-tools{display:grid;gap:12px;padding:14px;border:1px solid rgba(215,251,119,.18);border-radius:18px;background:rgba(215,251,119,.035)}.founding-admin-tools>div>small{display:block;margin-bottom:7px;color:#9bb0ad;font-size:7px;font-weight:850;letter-spacing:.09em}.founding-admin-tools>div>div{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:6px}.founding-admin-tools>div+div>div{grid-template-columns:minmax(0,1fr) auto}.founding-admin-tools input{min-width:0;padding:9px;border:1px solid var(--line);border-radius:10px;background:var(--ink);color:var(--paper)}.founding-admin-tools button{padding:9px 11px;border:0;border-radius:10px;background:var(--lime);color:var(--ink);font-weight:900}.founding-admin-list{display:grid;gap:6px}.founding-admin-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.founding-admin-row>span{font-weight:900;color:var(--cyan)}.founding-admin-row strong,.founding-admin-row small{display:block}.founding-admin-row small{margin-top:2px;color:var(--muted);font-size:7px}.founding-admin-row>b{color:var(--lime);font-size:8px}.founding-admin-row.manual_reserved{border-color:rgba(215,251,119,.23)}.founding-admin-row.expired,.founding-admin-row.cancelled{opacity:.55}.founding-admin-row.redeemed{background:rgba(215,251,119,.05)}
@media(max-width:520px){.founding-quest.invitation{grid-template-columns:1fr}.founding-quest-mark{width:112px}.founding-quest{border-radius:22px;padding:17px}.founding-quest h2{font-size:22px}}
[data-athlete-id="person-andrea"] .athlete-photo{background-image:url('/assets/profile/giovanni-ungaro-avatar-v1.png');background-size:cover;background-position:center}
.demo-library-control{border-color:rgba(215,251,119,.25)!important;background:rgba(215,251,119,.055)!important}

/* Readability baseline — compact enough for mobile, never microscopic */
.phone{--text-xs:11px;--text-sm:12px;--text-md:14px}
.phone p,.phone input,.phone textarea,.phone select{font-size:var(--text-md)}
.phone small,.phone .small{font-size:var(--text-sm)!important;line-height:1.42}
.phone .top-sport-copy small{font-size:7px!important;line-height:1.05}
.phone button,.phone label{font-size:var(--text-sm)}
.phone .eyebrow{font-size:10px!important;line-height:1.3}
.phone .muted{line-height:1.48}
.nav-btn{font-size:11px}
.top-sport-select strong,.profile-tabs button,.content-filters button,.btn.compact{font-size:12px}
.passport-stats span{font-size:11px!important;line-height:1.25}
.passport-stats strong{font-size:20px}
.athlete-photo.profile{padding:0;cursor:pointer;appearance:none}
.profile-tabs{gap:7px;margin-top:16px}
.profile-tabs button{min-height:40px;padding:10px 5px}
.content-filters button{min-height:36px;padding:8px 12px}
.media-sport-filter{min-height:49px;padding:8px 27px 8px 11px}
.media-sport-filter span{font-size:9px}
.media-sport-filter select{font-size:12px}
.media-filter-summary,.post-stats,.session-list em,.session-list small{font-size:11px}
.session-list strong{font-size:14px;line-height:1.3}
.ranking-person-name strong,.ranking-points strong,.rank-list-nav strong{font-size:12px}
.ranking-person-name small,.ranking-points small,.ranking-scroll-head,.ranking-proof,.rank-list-nav small,.rank-mode-switch small{font-size:10px!important}
.rank-mode-switch strong,.ranking-board header strong{font-size:13px}
.location-choice small,.location-divider,.place-search-field>small,.location-privacy-note,.place-live-suggestions small,.place-no-suggestion,.event-place-results small,.recent-place-searches [data-recent-spot]>small,.search-live-status,.event-filter-summary,.event-directory-filters button,.community-room-list small,.community-room-list em,.people-directory-list em,.public-session-list em{font-size:11px!important}
.place-search-field input,.search-field input{font-size:14px}
.founding-admin-tools>div>small,.founding-admin-row small,.founding-admin-row>b{font-size:10px}

@media(max-width:390px){
  .phone{--text-md:13px}
  .phone .top-sport-copy small{font-size:6px!important}
  .media-filter-deck{gap:10px}
}
