/* HOME-V11F4-FINAL-ALIGNMENT */ /* ========================================================= RUNS + JUMPS โ€” IDENTICAL LEFT GEOMETRY ========================================================= */ /* * Both modes now use: * * 56px visual/type slot * 10px gap * player identity * * The jump accent line is absolutely positioned and therefore * consumes ZERO horizontal space. */ #tab-home .home-run-main-v11f, #tab-home .home-jump-main-v11f{ min-width:0!important; display:grid!important; grid-template-columns: 56px minmax(0,1fr)!important; align-items:center!important; gap:10px!important; } #tab-home .home-run-map-v11f{ width:56px!important; min-width:56px!important; max-width:56px!important; margin:0!important; } #tab-home .home-jump-row-v11f{ position:relative!important; } #tab-home .home-jump-kind-v11f1{ position:static!important; width:56px!important; min-width:56px!important; max-width:56px!important; height:auto!important; margin:0!important; padding:0!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:0!important; box-sizing:border-box!important; white-space:normal!important; } /* * The line is now the equivalent of the RUN category accent: * attached to the ROW edge, not placed before the jump name. */ #tab-home .home-jump-kind-line-v11f3{ position:absolute!important; left:0!important; top:50%!important; width:2px!important; height:32px!important; margin:0!important; padding:0!important; flex:none!important; transform: translateY(-50%)!important; border-radius: 0 2px 2px 0!important; background: currentColor!important; box-shadow: 0 0 7px currentColor!important; opacity:.88!important; pointer-events:none!important; } /* * Jump name occupies the same 56px space that the map thumbnail * occupies in RUNS. */ #tab-home .home-jump-kind-v11f1 > span:last-child{ width:56px!important; max-width:56px!important; margin:0!important; padding:0!important; color:inherit!important; font-family: 'Inter', system-ui, sans-serif!important; font-size:8.5px!important; font-weight:680!important; line-height:1.12!important; letter-spacing:-.01em!important; white-space:normal!important; overflow:hidden!important; display:-webkit-box!important; -webkit-line-clamp:2; -webkit-box-orient:vertical; } /* player copy starts at exactly the same x position */ #tab-home .home-run-copy-v11f, #tab-home .home-jump-copy-v11f{ min-width:0!important; width:100%!important; margin:0!important; padding:0!important; } /* ========================================================= RUN/JUMP SECONDARY META โ€” ONE VISUAL LANGUAGE ========================================================= */ #tab-home .home-run-meta-v11f, #tab-home .home-jump-meta-v11f{ margin-top:5px!important; color:var(--dim)!important; font-family: 'Inter', system-ui, sans-serif!important; font-size:9px!important; font-weight:400!important; line-height:1.2!important; letter-spacing:.04em!important; opacity:1!important; } #tab-home .home-jump-meta-v11f{ display:flex!important; align-items:center!important; flex-wrap:wrap!important; } #tab-home .home-jump-meta-v11f span{ color:inherit!important; font:inherit!important; letter-spacing:inherit!important; } #tab-home .home-jump-meta-v11f span:not(:last-child)::after{ content:"ยท"!important; margin: 0 4px!important; color:inherit!important; opacity:.82!important; } /* ========================================================= ONE METRIC BOX: RUN TIME / JUMP DISTANCE / ELO ========================================================= */ /* * POINTS and LEVEL are intentionally NOT included here. * They continue to use pointsBadge() / levelBadge(). */ #tab-home .home-elo-metric-v1{ min-width:78px!important; height:34px!important; padding: 0 10px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:5px!important; box-sizing:border-box!important; border:0!important; outline:0!important; border-radius:7px!important; background: rgba(255,255,255,.030)!important; box-shadow:none!important; color:#e7ecef!important; font-family: 'Inter', system-ui, sans-serif!important; font-size:11px!important; font-weight:720!important; line-height:1!important; font-variant-numeric: tabular-nums!important; white-space:nowrap!important; } #tab-home .home-elo-metric-v1 span{ margin:0!important; padding:0!important; color:#687680!important; font-family: 'Inter', system-ui, sans-serif!important; font-size:6px!important; font-weight:760!important; line-height:1!important; letter-spacing:.075em!important; text-transform:uppercase!important; } /* * Explicitly remove any border inherited by the RUN/JUMP * modifiers from previous revisions. */ #tab-home .home-elo-metric-v1.home-home-metric-v11f1, #tab-home .home-elo-metric-v1.home-jump-distance-v11f1{ border:0!important; outline:0!important; box-shadow:none!important; } /* ========================================================= MOBILE โ€” SAME RULE, 48px SLOT ========================================================= */ @media(max-width:760px){ #tab-home .home-run-main-v11f, #tab-home .home-jump-main-v11f{ grid-template-columns: 48px minmax(0,1fr)!important; gap:10px!important; } #tab-home .home-run-map-v11f{ width:48px!important; min-width:48px!important; max-width:48px!important; } #tab-home .home-jump-kind-v11f1{ width:48px!important; min-width:48px!important; max-width:48px!important; } #tab-home .home-jump-kind-v11f1 > span:last-child{ width:48px!important; max-width:48px!important; font-size:7.8px!important; } #tab-home .home-jump-kind-line-v11f3{ height:28px!important; } #tab-home .home-run-meta-v11f, #tab-home .home-jump-meta-v11f{ font-size:8px!important; } #tab-home .home-elo-metric-v1{ min-width:68px!important; height:32px!important; padding: 0 8px!important; font-size:10px!important; } }