/* Sport in low gravity: this stop's own drawings (05-17 sections.sports). Shared looks are in living/explain.css. */
.sp-leap { display: grid; gap: 14px; }
.sp-svg { width: 100%; max-width: 620px; height: auto; display: block; }
.sp-sky.e { fill: #9CC7EE; } .sp-sky.m { fill: #E2B48A; }
.sp-floor.e { fill: #C98B55; } .sp-floor.m { fill: #C98B55; }
.sp-peak { stroke: rgba(28,31,36,0.55); stroke-width: 1.4; }
.sp-peakt { font: 600 12px/1 var(--wum-mono); fill: #1C1F24; }
.sp-man circle { fill: #2E2C31; }
.sp-man path { fill: none; stroke: #2E2C31; stroke-width: 5; stroke-linecap: round; stroke-linejoin: round; }
.sp-lane[data-w="m"] .sp-man circle { fill: #B4502B; }
.sp-lane[data-w="m"] .sp-man path { stroke: #B4502B; }
.sp-name { font: 700 18px/1 var(--wum-display); text-transform: uppercase; fill: #1C1F24; }
.sp-clock { font: 600 14px/1 var(--wum-mono); fill: #1C1F24; }
.sp-key { display: flex; flex-wrap: wrap; gap: 8px 22px; font-size: 14px; width: fit-content; max-width: 100%; padding: 12px 16px; border-radius: 14px; background: rgba(255,252,247,0.86); color: #3E2F27; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.sp-svg { border-radius: 16px; box-shadow: 0 14px 34px -16px rgba(60,30,10,0.7); }
.sp-key span { display: inline-flex; align-items: center; gap: 8px; }
.sp-key .sc { font: 500 11px/1 var(--wum-mono); letter-spacing: 0.12em; text-transform: uppercase; opacity: 0.7; }
.sp-rim, .sp-flight { width: 100%; height: auto; display: block; overflow: visible; }