/* Strava Cup: the arena board is deliberately bold; supporting information stays quiet. */
.sc-challenge { width: 100%; margin: 0 0 var(--space-12); text-align: left; }
.sc-loading, .sc-state { padding: var(--space-6); text-align: center; color: var(--text-muted); background: var(--glass); border: 1px solid var(--glass-border); border-radius: var(--radius-lg); }
.sc-board { overflow: hidden; background: linear-gradient(135deg, color-mix(in srgb, var(--surface) 92%, var(--c-red)), var(--surface) 48%, color-mix(in srgb, var(--surface) 92%, var(--c-blue))); border: 1px solid var(--glass-border); border-radius: var(--radius-xl); box-shadow: var(--shadow-2); }
.sc-board-head { display:flex; align-items:center; justify-content:space-between; gap:var(--space-3); padding:var(--space-3) var(--space-5); border-bottom:1px solid var(--glass-border); font:var(--weight-bold) var(--text-xs)/1 var(--font-mono); letter-spacing:var(--tracking-label); text-transform:uppercase; color:var(--text-muted); }
.sc-preview { color:var(--warning); }
.sc-season { display:grid; grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr); align-items:stretch; }
.sc-side { min-width:0; padding:clamp(16px,4vw,36px) var(--space-4); text-align:center; }
.sc-side--y { color:var(--c-red); background:color-mix(in srgb, var(--c-red) 8%, transparent); }.sc-side--e { color:var(--c-blue); background:color-mix(in srgb, var(--c-blue) 8%, transparent); }
.sc-name,.sc-label,.sc-kicker { display:block; font-size:var(--text-xs); font-weight:var(--weight-bold); letter-spacing:var(--tracking-label); text-transform:uppercase; }.sc-name { color:inherit; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sc-score { font-family:var(--font-ui); font-weight:var(--weight-black); font-size:clamp(3.1rem,12vw,7.5rem); line-height:.92; font-variant-numeric:normal; letter-spacing:-.1em; margin:var(--space-3) 0; }.sc-label { color:var(--text-muted); }
.sc-recap { min-width:0; margin-top:var(--space-3); padding-top:var(--space-2); border-top:1px solid var(--glass-border); text-align:left; }.sc-recap-list { margin:0; padding:0; list-style:none; }.sc-recap-line,.sc-recap-empty { min-width:0; font-size:var(--text-xs); line-height:1.5; }.sc-recap-line { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:var(--space-1); align-items:baseline; }.sc-recap-line::before { content:'•'; }.sc-recap--y .sc-recap-line::before { color:var(--c-red); }.sc-recap--e .sc-recap-line::before { color:var(--c-blue); }.sc-recap-name,.sc-recap-metric { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.sc-recap-metric { color:var(--text-muted); }.sc-recap-empty { color:var(--text-dim); }.sc-recap-toggle { min-height:44px; margin:var(--space-1) 0 0; padding:0; border:0; background:transparent; color:inherit; font:var(--weight-bold) var(--text-xs)/1 var(--font-mono); cursor:pointer; }.sc-recap-toggle:hover { text-decoration:underline; }
.sc-spine { display:grid; place-items:center; border-inline:1px solid var(--glass-border); font:var(--weight-black) var(--text-sm)/1 var(--font-mono); color:var(--text-dim); letter-spacing:var(--tracking-label); }
.sc-week { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:var(--space-3); padding:var(--space-4) var(--space-5); background:color-mix(in srgb, var(--bg) 44%, transparent); border-top:1px solid var(--glass-border); }
.sc-week-score { font-family:var(--font-ui); font-size:clamp(1.7rem,7vw,3rem); font-weight:var(--weight-black); font-variant-numeric:normal; }.sc-week-score:last-child{text-align:right}.sc-week-center{text-align:center}.sc-status{font-weight:var(--weight-bold);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.04em}.sc-time{font:var(--text-xs) var(--font-mono);color:var(--text-muted);margin-top:var(--space-1)}
.sc-updated { padding:var(--space-2) var(--space-5); font-size:var(--text-xs); color:var(--text-dim); text-align:center; border-top:1px solid var(--glass-border); }
.sc-refresh { display:inline-flex; align-items:baseline; gap:var(--space-2); margin-left:var(--space-2); }
.sc-refresh-button { min-width:44px; min-height:44px; padding:0 var(--space-2); border:0; border-radius:var(--radius-sm); background:transparent; color:var(--accent); font:var(--weight-bold) var(--text-xs)/1 var(--font-mono); letter-spacing:var(--tracking-label); text-transform:uppercase; cursor:pointer; }
.sc-refresh-button:hover:not(:disabled) { color:var(--text); background:color-mix(in srgb, var(--accent) 10%, transparent); }
.sc-refresh-button:disabled { cursor:wait; opacity:.72; }
.sc-refresh-status { color:var(--text-muted); font-size:var(--text-xs); }
.sc-refresh-status--success { color:var(--success); }.sc-refresh-status--cooldown,.sc-refresh-status--warning { color:var(--warning); }.sc-refresh-status--error { color:var(--danger); }
.sc-more { display:flex; width:fit-content; min-height:44px; margin:var(--space-3) auto 0; }.sc-more-content { margin-top:var(--space-1); }
.sc-layout { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr); gap:var(--space-4); margin-top:var(--space-4); }.sc-panel { background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-4); }.sc-panel h2 { font-size:var(--text-sm); text-transform:uppercase; letter-spacing:var(--tracking-label); margin-bottom:var(--space-3); }
.sc-activity { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:var(--space-3); align-items:start; margin-top:var(--space-2); padding:var(--space-3); border:1px solid var(--glass-border); border-radius:var(--radius); }.sc-activity:first-of-type{margin-top:0}.sc-activity--y{background:color-mix(in srgb,var(--c-red) 9%,transparent)}.sc-activity--e{background:color-mix(in srgb,var(--c-blue) 9%,transparent)}.sc-dot{width:10px;height:10px;border-radius:var(--radius-full);margin-top:6px}.sc-dot--y{background:var(--c-red)}.sc-dot--e{background:var(--c-blue)}.sc-act-name{font-weight:var(--weight-bold)}.sc-meta{font-size:var(--text-xs);color:var(--text-muted)}
.sc-stat-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2); }.sc-stat { padding:var(--space-3);background:color-mix(in srgb,var(--surface-2) 72%,transparent);border-radius:var(--radius-sm); }.sc-stat b{display:block;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.sc-stat span{font-size:var(--text-xs);color:var(--text-muted)}
.sc-history { margin-top:var(--space-4); }.sc-week-link { width:100%; min-height:44px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:var(--space-3); text-align:left; padding:var(--space-3) 0; border:0; border-top:1px solid var(--glass-border); background:transparent; color:var(--text); }.sc-week-link:hover{color:var(--accent)}.sc-history-score{font-family:var(--font-mono);font-weight:var(--weight-bold)}.sc-week-detail{margin-top:var(--space-4)}.sc-return{min-height:44px;margin-bottom:var(--space-3)}.sc-detail-score{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-3);padding:var(--space-4);background:var(--surface-2);border-radius:var(--radius)}.sc-detail-score strong{font:var(--weight-black) var(--text-2xl) var(--font-ui);font-variant-numeric:normal}
.sc-reviews { margin-top:var(--space-4); }.sc-review-group { margin-top:var(--space-4); }.sc-review-group > b { display:block; margin-bottom:var(--space-2); font-size:var(--text-xs); text-transform:uppercase; letter-spacing:var(--tracking-label); color:var(--text-muted); }.sc-review-activity { display:flex; align-items:center; justify-content:space-between; gap:var(--space-3); padding:var(--space-3) 0; border-top:1px solid var(--glass-border); }.sc-review-action { min-height:44px; white-space:nowrap; }.sc-review-buttons { display:flex; gap:var(--space-2); }.sc-review-state { font:var(--weight-bold) var(--text-xs)/1 var(--font-mono); text-transform:uppercase; }.sc-review-state--pending { color:var(--warning); }.sc-review-state--approved { color:var(--success); }.sc-review-state--rejected,.sc-review-message--error { color:var(--danger); }.sc-review-message { min-height:1.2em; margin:var(--space-3) 0 0; font-size:var(--text-xs); color:var(--text-muted); }.sc-review-message--success { color:var(--success); }.sc-review-events { margin:0; padding-left:var(--space-4); color:var(--text-muted); font-size:var(--text-xs); }
@media (max-width: 680px){.sc-layout{grid-template-columns:1fr}.sc-season{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr)}.sc-side{padding:var(--space-4) var(--space-2)}.sc-week{padding:var(--space-3)}.sc-board-head{padding-inline:var(--space-3)}.sc-recap-line{font-size:.66rem}}
@media (max-width: 360px){.sc-score{font-size:clamp(2.6rem,18vw,3.4rem)}.sc-name{font-size:.62rem}.sc-week-score{font-size:1.55rem}.sc-week{gap:var(--space-2)}}
