:root{--display-text: #1A1A1A;--display-text-muted: #555;--display-primary: #B10C2C;--display-accent: #FF8200;--display-ink: #303030;--display-row-male: rgba(0, 0, 0, .06);--display-row-female: rgba(255, 255, 255, .65);--display-header-bg: rgba(0, 0, 0, .05);--display-border: rgba(0, 0, 0, .12)}.display-page--agility{background:#e4f1da}.display-page--cardio{background:#fce8d3}.display-page--dynamic_balance{background:#ccedf7}.display-page--power{background:#fff8d9}.display-page--strength{background:#fadbe9}.display-page{min-height:100vh;color:var(--display-text);display:flex;flex-direction:column;padding:2vh 3vw;font-family:var(--font-sans)}.display-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;padding-bottom:1.5vh}.display-brand{display:flex;align-items:center;gap:1.2rem}.display-brand__logo{height:clamp(48px,4.5vh,72px);width:auto;display:block}.display-eyebrow{margin:0;font-size:clamp(.9rem,1vh + .4rem,1.2rem);font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--display-primary)}.display-title{margin:.2rem 0 0;font-size:clamp(2.4rem,4.5vh + .5rem,4.5rem);font-weight:700;text-transform:uppercase;letter-spacing:-.01em;line-height:1;color:var(--display-ink)}.display-meta{text-align:right;font-size:clamp(.95rem,1.2vh + .2rem,1.4rem);color:var(--display-text-muted)}.display-meta__clock{font-variant-numeric:tabular-nums;font-weight:700;color:var(--display-ink);display:block;font-size:1.5em}.gender-stats{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:1.5vh 0;border-radius:10px;overflow:hidden;background:var(--display-ink);color:#fff}.gender-stat{display:flex;align-items:center;gap:1.5rem;padding:1.5vh 2rem}.gender-stat+.gender-stat{border-left:1px solid rgba(255,255,255,.15)}.gender-stat__icon{width:clamp(52px,5vh,80px);height:clamp(52px,5vh,80px);display:grid;place-items:center;font-size:clamp(28px,3vh,42px);font-weight:700;border-radius:50%;border:2px solid currentColor;flex-shrink:0}.gender-stat__body p{margin:.15rem 0;font-size:clamp(1rem,1.6vh + .2rem,1.4rem);font-weight:400}.gender-stat__body strong{font-weight:700;margin-left:.4em}.matrix{flex:1;width:100%;border-collapse:collapse;table-layout:fixed;font-size:clamp(1rem,1.7vh + .2rem,1.6rem);background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 6px 24px -8px #0000002e}.matrix thead th{background:var(--display-header-bg);padding:1.4vh 1rem;text-align:center;font-weight:700;font-size:clamp(1.1rem,1.9vh + .3rem,1.8rem);border-bottom:1px solid var(--display-border);color:var(--display-ink);text-transform:uppercase;letter-spacing:.04em}.matrix thead th:first-child{background:transparent;border-bottom-color:transparent}.matrix thead th.col-median{font-size:clamp(.95rem,1.5vh + .1rem,1.4rem);font-weight:500;background:var(--display-header-bg)}.matrix .gender-row td{padding:1.5vh 1rem;border-bottom:1px solid var(--display-border);vertical-align:middle}.matrix .gender-row:last-child td{border-bottom:0}.matrix .gender-row--male{background:#00000006}.matrix .gender-row--female{background:transparent}.matrix td.gender-label{text-align:center;font-weight:700;font-size:clamp(1rem,1.7vh + .2rem,1.5rem);letter-spacing:.18em;text-transform:uppercase;color:var(--display-primary);width:8%}.cell-top{width:22%;padding-right:.5rem!important}.cell-median{width:8%;text-align:center;font-weight:700;font-size:clamp(1.2rem,2.2vh + .3rem,2rem);color:var(--display-ink)}.cell-rows{display:grid;gap:.45vh}.cell-row{display:grid;grid-template-columns:1fr auto;gap:.8rem;align-items:baseline}.cell-row__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.cell-row__score{font-weight:700;font-variant-numeric:tabular-nums;color:var(--display-ink)}.cell-row--empty{color:var(--display-text-muted);font-style:italic}.cell-row--empty .cell-row__score{display:none}.display-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1.5vh;color:var(--display-text-muted);font-size:clamp(.85rem,1.1vh + .1rem,1.05rem);letter-spacing:.1em;text-transform:uppercase}.display-footer strong{color:var(--display-ink);font-weight:700}.picker-page{min-height:100vh;background:var(--color-surface);color:var(--display-ink);font-family:var(--font-sans);padding:4vh 4vw}.picker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:2rem}.picker-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;min-height:180px;background:#fff;border:0;border-radius:10px;color:var(--display-ink);text-decoration:none;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:1.15rem;text-align:center;overflow:hidden;transition:transform .12s ease}.picker-tile:hover{transform:translateY(-2px)}.picker-tile span{color:var(--display-text-muted);font-size:.85rem;margin-top:.4rem;letter-spacing:.08em}.rotation-tile,.rotation-tile:hover{background:var(--display-primary);color:#fff}.rotation-tile span,.rotation-tile:hover span{color:#ffffffd9}.picker-tile--station{background:var(--tile-bg) center / cover no-repeat #0a2540;color:#0a2540}.picker-tile--station:before{content:"";position:absolute;inset:0;background:transparent;pointer-events:none;transition:background .15s ease}.picker-tile--station:hover{background:var(--tile-bg) center / cover no-repeat #0a2540;color:#0a2540}.picker-tile--station:hover:before{background:#b10c2c2e}.picker-tile span.picker-tile__label{position:relative;z-index:1;font-size:clamp(1.4rem,1.6vw + .6rem,1.9rem);font-weight:800;letter-spacing:.06em;line-height:1.1;text-transform:uppercase;margin-top:0;color:inherit}