*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f1e9;color:#111}header{height:72px;background:#0b0b0b;color:white;display:flex;align-items:center;padding:0 6%;position:sticky;top:0;z-index:10}.brand{font-size:23px;font-weight:900;color:white;text-decoration:none}.brand span{font-weight:400}nav{margin-left:auto;display:flex;gap:28px}nav a{color:#ddd;text-decoration:none;font-size:14px}#menuBtn{display:none;margin-left:auto;background:none;border:0;color:white;font-size:25px}.hero{padding:110px 7%;min-height:600px;background:linear-gradient(135deg,#111 0%,#1e1e1e 68%,#6f251e 100%);color:white}.eyebrow{letter-spacing:2px;font-size:12px;font-weight:bold;color:#b94c3f}.hero h1{font-size:clamp(45px,7vw,82px);line-height:.95;margin:20px 0;max-width:900px}.hero em{font-style:normal;color:#d86655}.hero>p:not(.eyebrow){max-width:690px;color:#c9c9c9;font-size:19px;line-height:1.6}.actions{display:flex;gap:12px;margin-top:35px}.actions a{padding:15px 20px;text-decoration:none;font-weight:bold}.primary{background:#b94c3f;color:white}.secondary{border:1px solid #777;color:white}section{padding:80px 7%}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end}.section-head>p{max-width:500px;color:#555}.section-head h2,section h2{font-size:44px;margin:8px 0 30px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cards article{background:white;padding:28px;border-top:4px solid #b94c3f}.cards b{font-size:38px;color:#ddd}.cards h3{margin-bottom:8px}.cards p{color:#666;line-height:1.5}.dark{background:#101010;color:white}.metric-feature{border:1px solid #333;background:#171717;padding:34px;max-width:1100px}.metric-spacer{margin-top:28px}.metric-title{display:flex;gap:20px;align-items:flex-start}.metric-number{color:#b94c3f;font-weight:bold}.metric-title h3{font-size:48px;margin:0}.metric-title h4{margin:3px 0 0;color:#bbb;font-size:18px}.metric-definition{font-size:20px;line-height:1.65;color:#ddd;max-width:900px}.formula-box{margin:28px 0;padding:22px;background:#090909;border-left:4px solid #b94c3f}.formula-label{font-size:11px;letter-spacing:2px;color:#999;margin-top:0}.formula{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:18px;line-height:1.6;overflow-wrap:anywhere}.small-formula{font-size:15px;background:#0e0e0e;padding:12px;margin:12px 0}.formula-explain{color:#aaa;line-height:1.65;margin-bottom:0}.pie-grid,.pir-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:30px 0}.pie-grid>div,.limitation,.pir-card,.example-box{border:1px solid #303030;padding:24px}.metric-feature h5{font-size:17px;margin:0 0 12px}.pie-grid p,.limitation p,.otto-note,.pir-card p,.example-box p{color:#aaa;line-height:1.65}.weights{margin:30px 0}.weight-table{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#333;border:1px solid #333}.weight-table>div{display:flex;justify-content:space-between;padding:14px 16px;background:#151515}.weight-table span{color:#bbb}.weight-table strong{color:white}.limitation{border-left:4px solid #b94c3f}.otto-note{font-size:14px;margin-bottom:0}.scope-row{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 6px}.scope-row span{border:1px solid #444;padding:8px 12px;font-size:12px;letter-spacing:.5px;color:#ccc}.net-box{border-left-color:#e06b56}.example-box{background:#141414}.result-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#333;border:1px solid #333;margin-top:22px}.result-strip>div{background:#0d0d0d;padding:16px;display:flex;justify-content:space-between;gap:12px}.result-strip span{color:#999}.result-strip strong{color:white}.compare-box{background:white;padding:30px;display:grid;grid-template-columns:1fr auto 1fr auto;gap:20px;align-items:end}.compare-box label{display:block;font-size:11px;font-weight:bold;margin-bottom:8px}.compare-box select{width:100%;padding:14px;border:1px solid #bbb;background:white}.compare-box button{padding:15px;background:#b94c3f;color:white;border:0;font-weight:bold}.compare-box strong{align-self:center;margin-top:18px}.research{background:#ded9cc}.research>p:last-child{max-width:800px;font-size:20px;line-height:1.7}#result{font-weight:bold;margin-top:20px}footer{background:#080808;color:white;padding:40px 7%;display:flex;gap:25px;align-items:center;flex-wrap:wrap}footer span,footer small{color:#888}footer small{margin-left:auto}
.msd-meaning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}
.msd-meaning{border:1px solid #333;padding:18px;background:#121212;display:flex;flex-direction:column;gap:8px}
.msd-meaning strong{font-size:14px;letter-spacing:.7px}
.msd-meaning span{color:#aaa;font-size:13px}
.msd-meaning.positive{border-top:3px solid #54a86a}
.msd-meaning.neutral{border-top:3px solid #c1a24c}
.msd-meaning.negative{border-top:3px solid #b94c3f}
.msd-scale{margin:30px 0;border:1px solid #303030;padding:24px;background:#121212}
.scale-note{color:#999;line-height:1.55;margin-top:-2px}
.scale-row{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;border-top:1px solid #2c2c2c;padding:15px 0}
.scale-row:first-of-type{margin-top:10px}
.scale-row>div{display:flex;justify-content:space-between;gap:18px}
.scale-row strong{min-width:78px}
.scale-row span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#fff}
.scale-row small{color:#888;text-align:right}
.scale-row.poor strong{color:#c9675a}
.scale-row.average strong{color:#c59b58}
.scale-row.good strong{color:#c7c7c7}
.scale-row.great strong{color:#7ebd88}
.scale-row.elite strong{color:#5ed07a}
@media(max-width:760px){header{padding:0 5%}#menuBtn{display:block}nav{display:none;position:absolute;top:72px;left:0;right:0;background:#111;padding:20px 5%;flex-direction:column}nav.open{display:flex}.hero{padding:75px 6%;min-height:560px}.hero h1{font-size:50px}.actions{flex-direction:column;align-items:stretch;text-align:center}.section-head{display:block}.cards,.pie-grid,.pir-grid,.msd-meaning-grid{grid-template-columns:1fr}.weight-table{grid-template-columns:1fr}.scale-row{grid-template-columns:1fr}.scale-row small{text-align:left}.result-strip{grid-template-columns:1fr}.compare-box{grid-template-columns:1fr}.compare-box strong{text-align:center;margin:0}.section-head h2,section h2{font-size:37px}section{padding:60px 6%}.metric-feature{padding:24px}.metric-title h3{font-size:42px}.formula{font-size:15px}footer small{margin-left:0;width:100%}}

/* Analytics Archive */
.archive-section { border-top: 1px solid rgba(255,255,255,.12); }
.archive-card { margin-top: 28px; }
.metric-badge {
  display:inline-block; padding:8px 12px; border:1px solid #c74e40;
  color:#e16a5c; font-size:.76rem; font-weight:800; letter-spacing:.12em;
}
.metric-kicker { margin-top:18px; letter-spacing:.12em; font-weight:700; color:#aaa; }
.metric-lead { max-width:850px; font-size:1.08rem; line-height:1.75; color:#d2d2d2; }
.archive-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:22px 0; }
.archive-panel, .source-card {
  background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.13);
  padding:22px;
}
.archive-panel h4, .source-card h4 { margin-top:0; }
.archive-panel p, .archive-list, .source-card p { color:#c9c9c9; line-height:1.65; }
.archive-list { padding-left:20px; }
.archive-list li { margin-bottom:10px; }
.formula-card {
  margin:26px 0; padding:24px; border:1px solid #c74e40;
  background:linear-gradient(135deg,rgba(199,78,64,.12),rgba(255,255,255,.02));
}
.formula-label { color:#e16a5c; font-size:.78rem; font-weight:800; letter-spacing:.13em; }
.formula-text { font-size:clamp(1rem,2.2vw,1.35rem); line-height:1.6; font-weight:700; overflow-wrap:anywhere; }
.source-note { font-size:.9rem; opacity:.8; }
.scale-note { color:#aaa; line-height:1.5; }

@media (max-width: 760px) {
  .archive-grid { grid-template-columns:1fr; }
  .archive-panel, .source-card, .formula-card { padding:18px; }
}


/* v7 — Analytics Archive light-background contrast fix */
#analytics-archive,
#analytics-archive .metric-detail {
  color: #171717;
}

#analytics-archive .section-copy,
#analytics-archive .metric-lead,
#analytics-archive .archive-panel p,
#analytics-archive .archive-list,
#analytics-archive .source-card p {
  color: #292929;
  opacity: 1;
}

#analytics-archive .metric-kicker {
  color: #666666;
  opacity: 1;
}

#analytics-archive .archive-panel,
#analytics-archive .source-card {
  color: #171717;
  background: rgba(255,255,255,.28);
  border-color: rgba(23,23,23,.14);
}

#analytics-archive .archive-panel h4,
#analytics-archive .source-card h4,
#analytics-archive h2,
#analytics-archive h3,
#analytics-archive strong {
  color: #171717;
}

#analytics-archive .formula-card {
  color: #171717;
  background: rgba(199,78,64,.055);
}

#analytics-archive .formula-text {
  color: #171717;
}

#analytics-archive .source-note {
  color: #4b4b4b;
  opacity: 1;
}

/* v11 — Player Hub */
.player-hub-section{overflow:hidden}
.player-hub{display:grid;grid-template-columns:minmax(560px,1.25fr) minmax(300px,.75fr);gap:54px;align-items:center;margin-top:28px}
.player-wheel{position:relative;width:min(650px,100%);aspect-ratio:1;margin:10px auto;border-radius:50%;background:radial-gradient(circle at center,#171717 0 23%,#252525 23.5% 24%,transparent 24.5% 48%,rgba(185,76,63,.18) 48.5% 49%,transparent 49.5%);border:1px solid rgba(17,17,17,.12)}
.player-wheel::before{content:"";position:absolute;inset:8%;border:1px dashed rgba(17,17,17,.16);border-radius:50%;pointer-events:none}
.wheel-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:31%;aspect-ratio:1;border-radius:50%;background:#111;color:white;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-shadow:0 12px 36px rgba(0,0,0,.22);z-index:2}
.wheel-core span{font-size:clamp(28px,4vw,42px);font-weight:900;line-height:1;color:#d86655}.wheel-core strong{font-size:12px;letter-spacing:1.6px;margin-top:5px}.wheel-core small{font-size:9px;letter-spacing:1.5px;color:#999;margin-top:8px}
.player-node{--angle:calc(var(--i) * 24deg - 90deg);position:absolute;left:50%;top:50%;width:132px;min-height:52px;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-245px) rotate(calc(-1 * var(--angle)));border:1px solid #cfc8bb;background:#fff;color:#151515;padding:9px 10px;font-weight:800;font-size:11px;line-height:1.2;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.08);transition:.18s ease;z-index:3}
.player-node:hover,.player-node:focus-visible{border-color:#b94c3f;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-245px) rotate(calc(-1 * var(--angle))) scale(1.06);outline:none}
.player-node.active{background:#b94c3f;color:#fff;border-color:#b94c3f;box-shadow:0 8px 24px rgba(185,76,63,.28)}
.player-entry{background:#111;color:white;padding:32px;border-top:5px solid #b94c3f;box-shadow:0 16px 44px rgba(0,0,0,.12)}
.player-entry .eyebrow{margin-top:0}.player-entry-title{display:flex;gap:17px;align-items:center;margin:18px 0}.player-entry-title>span{width:68px;height:68px;display:grid;place-items:center;background:#262626;border:1px solid #444;color:#d86655;font-weight:900;font-size:20px}.player-entry-title h3{font-size:29px;margin:0 0 5px}.player-entry-title p{margin:0;color:#999;font-size:13px}.player-status{display:inline-block;border:1px solid #555;color:#bbb;padding:7px 10px;font-size:10px;letter-spacing:1.2px;font-weight:800}.player-entry-copy{color:#bbb;line-height:1.65;margin:20px 0}.player-entry-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}.player-entry-links a{background:#1e1e1e;color:#eee;text-decoration:none;padding:12px;font-size:12px;font-weight:700;border:1px solid #333}.player-entry-links a:hover{border-color:#b94c3f;color:#fff}
@media(max-width:1050px){.player-hub{grid-template-columns:1fr}.player-entry{max-width:650px;margin:0 auto;width:100%}}
@media(max-width:760px){.player-wheel{width:100%;aspect-ratio:auto;border-radius:0;background:none;border:0;display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.player-wheel::before,.wheel-core{display:none}.player-node{position:static;width:auto;min-height:48px;transform:none!important;font-size:11px}.player-entry{padding:24px}.player-entry-links{grid-template-columns:1fr}.player-entry-title h3{font-size:24px}}


/* v11.1 — true circular Player Hub on phones and tablets */
.node-short{display:none}
@media(max-width:760px){
  .player-wheel{
    position:relative;
    width:min(94vw,420px);
    aspect-ratio:1;
    margin:14px auto 26px;
    border-radius:50%;
    display:block;
    background:radial-gradient(circle at center,#171717 0 23%,#252525 23.5% 24%,transparent 24.5% 48%,rgba(185,76,63,.18) 48.5% 49%,transparent 49.5%);
    border:1px solid rgba(17,17,17,.12);
    overflow:visible;
  }
  .player-wheel::before{display:block;content:"";position:absolute;inset:8%;border:1px dashed rgba(17,17,17,.16);border-radius:50%;pointer-events:none}
  .wheel-core{display:flex;width:30%;min-width:104px;max-width:126px;z-index:2}
  .wheel-core span{font-size:30px}.wheel-core strong{font-size:10px}.wheel-core small{font-size:8px}
  .player-node{
    --angle:calc(var(--i) * 24deg - 90deg);
    position:absolute;
    left:50%;top:50%;
    width:50px;height:50px;min-height:50px;
    padding:0;
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(-1 * min(38vw, 160px))) rotate(calc(-1 * var(--angle))) !important;
    font-size:9px;line-height:1;font-weight:900;
    box-shadow:0 3px 10px rgba(0,0,0,.11);
  }
  .player-node:hover,.player-node:focus-visible{
    transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(-1 * min(38vw, 160px))) rotate(calc(-1 * var(--angle))) scale(1.08) !important;
  }
  .node-full{display:none}.node-short{display:inline}
  .player-entry{padding:24px}.player-entry-links{grid-template-columns:1fr}.player-entry-title h3{font-size:24px}
}
@media(max-width:390px){
  .player-wheel{width:96vw}
  .player-node{width:44px;height:44px;min-height:44px;font-size:8px;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(-1 * min(37vw, 145px))) rotate(calc(-1 * var(--angle))) !important}
  .player-node:hover,.player-node:focus-visible{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(-1 * min(37vw, 145px))) rotate(calc(-1 * var(--angle))) scale(1.08) !important}
  .wheel-core{min-width:94px}.wheel-core span{font-size:26px}
}

/* v12 — visual navigation for OTTO Metrics + Analytics Archive */
.metrics-intro{max-width:760px;color:#bdbdbd;line-height:1.65;margin-top:-12px}
.metrics-hub{display:grid;grid-template-columns:minmax(430px,.95fr) minmax(300px,.75fr);gap:54px;align-items:center;max-width:1100px;margin:34px 0 50px}
.metrics-wheel{position:relative;width:min(500px,100%);aspect-ratio:1;border-radius:50%;margin:auto;background:radial-gradient(circle at center,#0b0b0b 0 26%,#3a1713 26.5% 27%,transparent 27.5% 49%,rgba(216,102,85,.22) 49.5% 50%,transparent 50.5%);border:1px solid #343434}
.metrics-wheel::after{content:"";position:absolute;inset:9%;border:1px dashed #444;border-radius:50%}
.metrics-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:35%;aspect-ratio:1;border-radius:50%;background:#080808;border:1px solid #3c3c3c;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 14px 40px rgba(0,0,0,.4)}
.metrics-core span{font-size:38px;font-weight:900;color:#d86655;line-height:1}.metrics-core strong{font-size:13px;letter-spacing:2px;margin-top:6px}.metrics-core small{font-size:8px;letter-spacing:1.4px;color:#888;margin-top:7px}
.metric-node{--angle:calc(var(--mi) * 120deg - 90deg);position:absolute;left:50%;top:50%;width:158px;min-height:82px;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-185px) rotate(calc(-1 * var(--angle)));z-index:3;background:#171717;border:1px solid #444;color:white;text-decoration:none;padding:15px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-shadow:0 7px 20px rgba(0,0,0,.25);transition:.18s ease}
.metric-node:hover,.metric-node:focus-visible{border-color:#d86655;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-185px) rotate(calc(-1 * var(--angle))) scale(1.06);outline:none}.metric-node b{font-size:24px;color:#d86655}.metric-node span{font-size:10px;color:#bbb;line-height:1.25;margin-top:4px}
.metrics-hub-copy{border-left:4px solid #b94c3f;padding:6px 0 6px 26px}.metrics-hub-copy h3{font-size:34px;margin:7px 0 14px}.metrics-hub-copy>p:not(.eyebrow){color:#aaa;line-height:1.7}.hub-key{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.hub-key span{border:1px solid #3a3a3a;padding:9px 11px;font-size:11px;color:#ddd}
#otto-pie,#otto-pir,#otto-msd{scroll-margin-top:92px}

.archive-timeline{position:relative;display:grid;grid-template-columns:1fr 1fr .7fr;gap:24px;align-items:start;margin:36px 0 46px;padding:30px 0 4px}
.timeline-line{position:absolute;left:4%;right:6%;top:55px;height:2px;background:linear-gradient(90deg,#b94c3f,#b94c3f 64%,#b9b2a6)}
.timeline-stop{position:relative;color:#171717;text-decoration:none;padding-top:52px;z-index:2}.timeline-year{position:absolute;top:0;left:0;font-weight:900;font-size:30px;color:#b94c3f}.timeline-dot{position:absolute;top:48px;left:0;width:15px;height:15px;border-radius:50%;background:#b94c3f;border:4px solid #f4f1e9;box-shadow:0 0 0 1px #b94c3f}.timeline-stop strong{display:block;font-size:23px;margin:17px 0 4px}.timeline-stop small{color:#666;line-height:1.4}.timeline-stop:hover strong{color:#b94c3f}.timeline-future{padding-top:40px;color:#777}.timeline-future span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px dashed #999;font-size:22px}.timeline-future p{font-size:12px;max-width:150px;line-height:1.4}
#points-created,#tendex{scroll-margin-top:92px}

@media(max-width:900px){.metrics-hub{grid-template-columns:1fr}.metrics-hub-copy{max-width:650px;margin:auto}.archive-timeline{grid-template-columns:1fr 1fr}.timeline-future{display:none}}
@media(max-width:760px){
  .metrics-wheel{width:min(92vw,390px)}
  .metrics-core{width:32%;min-width:106px}.metrics-core span{font-size:29px}.metrics-core strong{font-size:10px}
  .metric-node{width:110px;min-height:64px;padding:10px;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(-1 * min(35vw,145px))) rotate(calc(-1 * var(--angle)))}
  .metric-node:hover,.metric-node:focus-visible{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(-1 * min(35vw,145px))) rotate(calc(-1 * var(--angle))) scale(1.05)}
  .metric-node b{font-size:19px}.metric-node span{font-size:8px}
  .metrics-hub-copy{border-left:0;border-top:4px solid #b94c3f;padding:22px 0 0}.metrics-hub-copy h3{font-size:29px}
  .archive-timeline{display:block;padding-left:26px;margin-top:24px}.timeline-line{left:6px;top:20px;bottom:0;width:2px;height:auto;right:auto}.timeline-stop{display:block;padding:0 0 34px 24px}.timeline-year{position:static;font-size:20px}.timeline-dot{top:5px;left:-26px}.timeline-stop strong{margin:5px 0 3px;font-size:21px}
}

/* v12.1 — click-to-reveal content */
.metric-node,.timeline-stop{font-family:inherit;cursor:pointer}
.metric-node{appearance:none}
.timeline-stop{appearance:none;background:transparent;border:0;text-align:left;width:100%}
.metric-node.active{border-color:#d86655;background:#24110e;box-shadow:0 0 0 2px rgba(216,102,85,.16),0 10px 28px rgba(0,0,0,.35)}
.timeline-stop.active strong,.timeline-stop.active .timeline-year{color:#8f3329}.timeline-stop.active .timeline-dot{box-shadow:0 0 0 4px rgba(185,76,63,.18)}
.interactive-detail[hidden]{display:none!important}
.reveal-stage{margin:12px 0 28px;padding:18px 20px;border:1px dashed #4b4b4b;background:#141414;color:#aaa;font-size:13px;line-height:1.55}
.archive-reveal-stage{background:#eee9de;border-color:#c9c0b3;color:#6b655d}
.interactive-detail.revealed{animation:ottoReveal .22s ease-out}
@keyframes ottoReveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
\n\n/* v13 — Player Portrait Wheel */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.player-node{width:82px;height:98px;min-height:98px;padding:0 0 7px;border:0;background:transparent;box-shadow:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:visible}
.player-node img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 5px 18px rgba(0,0,0,.20);background:#ddd;transition:.18s ease}
.player-node-label{margin-top:5px;padding:3px 6px;min-width:30px;border-radius:999px;background:#fff;border:1px solid #d7d0c5;color:#171717;font-size:9px;line-height:1;font-weight:900;letter-spacing:.35px;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.player-node.active{background:transparent;color:inherit;border-color:transparent;box-shadow:none}
.player-node.active img{border-color:#b94c3f;box-shadow:0 0 0 4px rgba(185,76,63,.18),0 7px 20px rgba(0,0,0,.22)}
.player-node.active .player-node-label{background:#b94c3f;color:#fff;border-color:#b94c3f}
.player-node:hover img,.player-node:focus-visible img{border-color:#b94c3f}
.player-node:hover,.player-node:focus-visible{border-color:transparent;background:transparent;outline:none}
.selected-player-photo{width:84px;height:84px;position:relative;flex:0 0 84px}
.selected-player-photo img{width:84px;height:84px;border-radius:50%;object-fit:cover;border:3px solid #d86655;display:block}
.selected-player-photo span{position:absolute;right:-7px;bottom:-4px;background:#d86655;color:#fff;border:3px solid #111;border-radius:999px;min-width:34px;height:34px;padding:0 7px;display:grid;place-items:center;font-size:10px;font-weight:900}
.photo-credit-section{padding-top:18px;padding-bottom:40px}.photo-credits{max-width:1100px;margin:auto;border-top:1px solid #ddd;padding-top:18px}.photo-credits summary{cursor:pointer;font-weight:800}.photo-credits>p{color:#666;line-height:1.5}.photo-credit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.photo-credit-grid a{text-decoration:none;color:#222;border:1px solid #ddd;padding:10px;background:#fff}.photo-credit-grid strong,.photo-credit-grid span{display:block}.photo-credit-grid span{font-size:10px;color:#777;margin-top:3px;line-height:1.3}
@media(max-width:760px){
 .player-node{width:54px;height:66px;min-height:66px;padding:0;background:transparent!important;box-shadow:none!important}
 .player-node img{width:48px;height:48px;border-width:2px}
 .player-node-label{font-size:7px;margin-top:3px;padding:2px 4px}
 .node-full,.node-short{display:none!important}
 .player-entry-title{align-items:center}.selected-player-photo{width:72px;height:72px;flex-basis:72px}.selected-player-photo img{width:72px;height:72px}
 .photo-credit-grid{grid-template-columns:1fr}
}
@media(max-width:390px){.player-node{width:48px;height:60px;min-height:60px}.player-node img{width:42px;height:42px}}

@media(min-width:761px){
 .player-node{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-250px) rotate(calc(-1 * var(--angle)))}
 .player-node:hover,.player-node:focus-visible{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-250px) rotate(calc(-1 * var(--angle))) scale(1.06)}
}
@media(max-width:760px){
 .player-node{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(-1 * min(38vw,160px))) rotate(calc(-1 * var(--angle)))!important}
 .player-node:hover,.player-node:focus-visible{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(-1 * min(38vw,160px))) rotate(calc(-1 * var(--angle))) scale(1.06)!important}
}

/* v14 — dashboard drill-down navigation */
.hero{min-height:410px;padding-top:82px;padding-bottom:72px}
.category-dashboard{padding-top:44px;padding-bottom:48px;background:#f4f1e9}
.dashboard-heading{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:22px}
.dashboard-heading h2{margin-bottom:0}
.dashboard-heading>p{max-width:540px;color:#5b5b5b;line-height:1.55;margin:0}
.category-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.category-card{appearance:none;border:1px solid #d2cdc1;background:#fff;color:#111;text-decoration:none;padding:20px 16px;min-height:145px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease;box-shadow:0 8px 24px rgba(0,0,0,.045)}
.category-card:hover,.category-card:focus-visible{transform:translateY(-3px);border-color:#b94c3f;outline:none}
.category-card.active{background:#111;color:#fff;border-color:#111}
.category-card span{margin-bottom:auto;color:#b94c3f;font-size:12px;font-weight:800;letter-spacing:1.5px}
.category-card b{font-size:18px;line-height:1.1;margin-bottom:7px}
.category-card small{color:#777;line-height:1.35}
.category-card.active small{color:#bbb}
.dashboard-hint{font-size:13px;color:#777;margin:16px 0 0}
.category-workspace{min-height:0}
.category-view{display:none}
.category-view.category-active{display:block;animation:categoryIn .2s ease-out}
@keyframes categoryIn{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}
.category-view{scroll-margin-top:72px}

@media(max-width:980px){
  .category-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;margin-right:-7%;padding-right:7%}
  .category-card{flex:0 0 190px;scroll-snap-align:start}
}
@media(max-width:760px){
  .hero{min-height:390px;padding-top:62px;padding-bottom:55px}
  .category-dashboard{padding-top:34px;padding-bottom:38px}
  .dashboard-heading{display:block}
  .dashboard-heading h2{font-size:32px;margin-bottom:12px}
  .category-strip{margin-right:-6%;padding-right:6%}
  .category-card{flex-basis:172px;min-height:132px;padding:16px 14px}
}

/* v15 — website polish + basketball analytics hero */
.hero-lab{min-height:600px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:48px;align-items:center;position:relative;overflow:hidden;padding-top:72px;padding-bottom:74px;background:
 radial-gradient(circle at 88% 28%,rgba(216,102,85,.15),transparent 26%),
 linear-gradient(135deg,#090909 0%,#131313 56%,#351511 100%)}
.hero-lab::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to right,transparent,black 46%,black)}
.hero-copy{position:relative;z-index:2}.hero-copy h1{max-width:760px}.hero-copy>p:not(.eyebrow){max-width:650px}
.hero-statline{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.hero-statline span{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.035);padding:9px 12px;color:#aaa;font-size:11px;letter-spacing:.5px}.hero-statline b{color:#fff;font-size:15px;margin-right:5px}
.hero-visual{position:relative;z-index:2;width:min(520px,100%);aspect-ratio:1;margin:auto;border-radius:38px;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 50% 50%,rgba(216,102,85,.12),transparent 31%),rgba(255,255,255,.025);box-shadow:0 35px 80px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden}
.hero-visual::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.03),transparent 40%)}
.lab-orbit{position:absolute;left:50%;top:50%;border:1px dashed rgba(216,102,85,.38);border-radius:50%;transform:translate(-50%,-50%)}.orbit-one{width:70%;height:70%}.orbit-two{width:88%;height:88%;border-color:rgba(255,255,255,.12);transform:translate(-50%,-50%) rotate(18deg)}
.basketball-core{position:absolute;left:50%;top:50%;width:190px;height:190px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 27%,#f08a63,#c94d37 58%,#7b2119 100%);box-shadow:0 24px 46px rgba(0,0,0,.42),inset -16px -18px 30px rgba(0,0,0,.22),inset 12px 12px 24px rgba(255,255,255,.11);border:2px solid rgba(255,255,255,.12)}
.basketball-core::before,.basketball-core::after,.basketball-core span,.basketball-core i{content:"";position:absolute;background:#1b1210;opacity:.84}.basketball-core::before{width:7px;height:100%;left:50%;top:0;transform:translateX(-50%) rotate(19deg)}.basketball-core::after{height:7px;width:100%;left:0;top:50%;transform:translateY(-50%) rotate(-9deg)}.basketball-core span{width:150px;height:210px;border:6px solid #1b1210;border-top:0;border-bottom:0;background:transparent;border-radius:50%;left:20px;top:-10px;transform:rotate(55deg)}.basketball-core i{width:150px;height:210px;border:6px solid #1b1210;border-top:0;border-bottom:0;background:transparent;border-radius:50%;left:20px;top:-10px;transform:rotate(-55deg)}.basketball-core b{position:absolute;inset:16px;border-radius:50%;background-image:radial-gradient(rgba(0,0,0,.22) 1px,transparent 1.4px);background-size:7px 7px;mix-blend-mode:multiply;opacity:.55}
.formula-chip{position:absolute;z-index:3;padding:8px 11px;border:1px solid rgba(255,255,255,.16);background:rgba(7,7,7,.84);backdrop-filter:blur(8px);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;color:#ddd;box-shadow:0 8px 20px rgba(0,0,0,.25)}.chip-a{top:12%;left:8%}.chip-b{top:21%;right:6%}.chip-c{bottom:20%;left:5%}.chip-d{bottom:9%;right:9%}
.mini-chart{position:absolute;right:8%;top:43%;width:88px;height:62px;border-left:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);display:flex;align-items:flex-end;gap:7px;padding:8px 8px 0}.mini-chart span{width:9px;height:var(--h);background:#d86655;box-shadow:0 0 12px rgba(216,102,85,.25)}
.grid-dots{position:absolute;left:8%;top:42%;width:62px;height:62px;background-image:radial-gradient(rgba(255,255,255,.3) 1.2px,transparent 1.4px);background-size:10px 10px;opacity:.55}
.visual-caption{position:absolute;left:50%;bottom:4.5%;transform:translateX(-50%);text-align:center;white-space:nowrap}.visual-caption strong{display:block;color:#d86655;letter-spacing:4px;font-size:11px}.visual-caption span{display:block;color:#777;font-size:8px;letter-spacing:2px;margin-top:3px}

.category-dashboard{background:linear-gradient(180deg,#f6f2e9,#ece5d8)}
.category-strip{gap:14px}
.category-card{position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.09);border-radius:18px;background:linear-gradient(145deg,#fff,#f7f5f0);padding:18px 16px 16px;min-height:210px;justify-content:flex-start;box-shadow:0 14px 34px rgba(49,38,23,.08);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}
.category-card::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#b94c3f,#e48b69)}
.category-card::after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-55px;top:-56px;background:radial-gradient(circle,rgba(185,76,63,.12),transparent 68%);pointer-events:none}
.category-card:hover,.category-card:focus-visible{transform:translateY(-7px);box-shadow:0 22px 44px rgba(49,38,23,.15);border-color:rgba(185,76,63,.45)}
.category-card.active{background:linear-gradient(145deg,#141414,#27201f);color:#fff;border-color:#211f1c;box-shadow:0 24px 48px rgba(0,0,0,.22)}
.category-icon{display:grid!important;place-items:center;width:44px;height:44px;border-radius:13px;background:#171717!important;color:#fff!important;font-size:20px!important;letter-spacing:0!important;margin:2px 0 24px!important;box-shadow:0 7px 18px rgba(0,0,0,.14)}
.card-no{position:absolute;right:15px;top:17px;margin:0!important;font-size:10px!important;color:#9c9388!important;letter-spacing:1.3px!important}
.category-card b{font-size:19px;margin-bottom:9px;max-width:150px}.category-card small{font-size:12px;color:#777;line-height:1.45;margin-bottom:18px}.category-card em{margin-top:auto;font-style:normal;font-size:9px;font-weight:900;letter-spacing:1.1px;color:#b94c3f}
.category-card.active .category-icon{background:#d86655!important}.category-card.active .card-no{color:#777!important}.category-card.active small{color:#bbb}.category-card.active em{color:#f18d7d}
.card-metrics::before{background:linear-gradient(90deg,#d86655,#f0b26d)}.card-history::before{background:linear-gradient(90deg,#8a5a44,#c49a73)}.card-rise::before{background:linear-gradient(90deg,#b94c3f,#6d8f72)}.card-compare::before{background:linear-gradient(90deg,#5e6472,#9098a9)}.card-research::before{background:linear-gradient(90deg,#6e5546,#a8876e)}

@media(max-width:1000px){.hero-lab{grid-template-columns:1fr;gap:32px}.hero-visual{width:min(560px,90vw)}.hero-copy{max-width:780px}.category-strip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.hero-lab{padding-top:54px;padding-bottom:50px;min-height:auto}.hero-visual{width:min(92vw,430px);border-radius:26px}.basketball-core{width:145px;height:145px}.basketball-core span,.basketball-core i{width:114px;height:160px;left:15px;top:-7px}.formula-chip{font-size:7px;padding:6px 7px}.mini-chart{width:70px;height:50px}.visual-caption{bottom:3%}.hero-statline{gap:7px}.hero-statline span{font-size:9px}.category-card{flex-basis:205px;min-height:190px;border-radius:16px;padding:16px}.category-icon{width:40px;height:40px;margin-bottom:20px!important}.category-card b{font-size:18px}}

/* v16 — prototype-inspired unified homepage */
:root{--otto-red:#e20d16;--otto-dark:#050505;--otto-ink:#111;--otto-paper:#f3f3f3}
body{background:#050505}
header{background:rgba(2,2,2,.96);border-bottom:1px solid #272727;position:sticky;top:0;z-index:50}
.brand{font-weight:1000;letter-spacing:.6px;color:var(--otto-red)}
.brand span{color:#f5f5f5}
nav a{color:#f0f0f0;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.7px}
nav a:hover,nav a.active{color:var(--otto-red)}
.hero-prototype{min-height:545px;display:grid;grid-template-columns:minmax(420px,.82fr) minmax(520px,1.18fr);gap:0;align-items:stretch;background:#030303;padding:0!important;overflow:hidden;border-bottom:1px solid #222}
.prototype-copy{padding:54px 28px 42px max(34px,calc((100vw - 1440px)/2));display:flex;flex-direction:column;justify-content:center;z-index:2;background:linear-gradient(90deg,#030303 0%,#030303 78%,rgba(3,3,3,.92) 92%,rgba(3,3,3,.2) 100%)}
.prototype-copy h1{margin:0;color:#f5f5f5;font-size:clamp(54px,6.2vw,92px);line-height:.84;letter-spacing:-3px;font-weight:1000;text-transform:uppercase;text-shadow:0 3px 18px rgba(0,0,0,.45)}
.prototype-copy h1 .otto-word{color:var(--otto-red)}
.hero-rule{width:96%;max-width:590px;height:5px;background:var(--otto-red);margin:24px 0 19px}
.prototype-copy h2{margin:0 0 14px;color:#f0f0f0;font-size:clamp(23px,2.1vw,35px);line-height:1.25;letter-spacing:.2px;font-weight:950}
.prototype-copy p{color:#d4d4d4;max-width:620px;font-size:17px;line-height:1.55;margin:0 0 24px}
.prototype-actions{display:flex;gap:14px;flex-wrap:wrap}.prototype-actions a{border-radius:4px;padding:15px 22px;font-size:13px;font-weight:950;letter-spacing:.3px;text-transform:uppercase}.prototype-actions .primary{background:linear-gradient(180deg,#d90a13,#b90008);border:1px solid #e31a22;color:#fff;box-shadow:0 8px 24px rgba(226,13,22,.18)}.prototype-actions .secondary{background:rgba(0,0,0,.35);border:1px solid #858585;color:#fff}
.prototype-art{min-height:545px;background-image:linear-gradient(90deg,#030303 0%,rgba(3,3,3,.62) 10%,rgba(3,3,3,0) 33%),url('assets/otto-hero-art.webp');background-repeat:no-repeat;background-size:cover;background-position:center right;position:relative}.prototype-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),transparent 70%,rgba(0,0,0,.22))}
.prototype-dashboard{background:#f4f4f4!important;padding:18px 28px 20px!important;border-bottom:1px solid #ddd}.prototype-strip{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:20px!important;max-width:1460px;margin:auto;overflow:visible!important;padding:0!important}
.proto-card{min-width:0!important;min-height:296px!important;background:linear-gradient(180deg,#fff,#fafafa)!important;border:1px solid #dedede!important;border-radius:8px!important;color:#171717!important;padding:18px 18px 14px!important;box-shadow:0 5px 16px rgba(0,0,0,.09)!important;text-align:center!important;align-items:center!important;justify-content:flex-start!important;transform:none!important}.proto-card::before{display:none}.proto-card::after{display:none}.proto-card:hover,.proto-card:focus-visible{transform:translateY(-4px)!important;box-shadow:0 13px 26px rgba(0,0,0,.14)!important;border-color:#c9c9c9!important}.proto-card.active{background:#fff!important;color:#171717!important;border-color:var(--otto-red)!important;box-shadow:0 0 0 2px rgba(226,13,22,.08),0 13px 26px rgba(0,0,0,.14)!important}
.proto-icon{display:grid!important;place-items:center!important;width:64px!important;height:64px!important;min-height:64px;border:2px solid var(--otto-red)!important;border-radius:50%!important;background:#070707!important;color:var(--otto-red)!important;font-size:29px!important;margin:0 auto 13px!important;box-shadow:none!important}.proto-card b{font-size:18px!important;line-height:1.15!important;margin:0!important;max-width:none!important;text-transform:uppercase!important}.proto-card b::after{content:"";display:block;width:34px;height:2px;background:var(--otto-red);margin:10px auto 11px}.proto-card small{display:block;color:#333!important;font-size:12px!important;line-height:1.55!important;margin:0 auto 16px!important;max-width:240px}.proto-card em{display:block;width:100%;border-top:1px solid #ddd;padding-top:14px;margin-top:auto!important;color:var(--otto-red)!important;font-style:normal;font-size:11px!important;font-weight:950!important;letter-spacing:.3px!important;text-transform:uppercase}
.otto-quote{background:#050505;color:#eee;text-align:center;padding:14px 20px 16px;font-size:16px;border-bottom:1px solid #1d1d1d}.otto-quote span,.otto-quote strong{color:var(--otto-red)}.otto-quote span{font-size:28px;vertical-align:-4px;margin:0 9px}.otto-quote i{font-style:normal;color:#aaa;margin:0 8px}
.category-workspace{background:#f4efe6}.category-view.category-active{scroll-margin-top:76px}
@media(max-width:1100px){.hero-prototype{grid-template-columns:1fr 1fr}.prototype-copy{padding-left:34px}.prototype-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important}.proto-card{min-height:260px!important}}
@media(max-width:760px){header{position:sticky}.hero-prototype{grid-template-columns:1fr;min-height:auto}.prototype-copy{padding:38px 22px 28px;background:linear-gradient(180deg,#030303 0%,#030303 94%,rgba(3,3,3,.9) 100%)}.prototype-copy h1{font-size:clamp(47px,15vw,76px);line-height:.88;letter-spacing:-2px}.hero-rule{margin:18px 0 16px}.prototype-copy h2{font-size:22px}.prototype-copy p{font-size:14px}.prototype-actions{display:grid;grid-template-columns:1fr}.prototype-actions a{text-align:center}.prototype-art{min-height:310px;background-image:linear-gradient(180deg,#030303 0%,rgba(3,3,3,.15) 28%,rgba(3,3,3,0) 80%),url('assets/otto-hero-art.webp');background-size:cover;background-position:62% center}.prototype-dashboard{padding:16px 14px 18px!important}.prototype-strip{display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;scroll-snap-type:x mandatory;gap:12px!important;padding:2px 2px 10px!important}.proto-card{flex:0 0 78vw!important;max-width:305px;min-height:245px!important;scroll-snap-align:start}.otto-quote{font-size:13px}.otto-quote span{font-size:20px;margin:0 5px}}


/* v17 — Historical Ranking (HRR + HRG) */
.metric-node{--angle:calc(var(--mi) * 51.428571deg - 90deg)}
.scale-row.exceptional strong{color:#c86cff}
.historical-scale .scale-row.elite strong{color:#4f83ff}
.historical-scale .scale-row.good strong{color:#52a9df}
.historical-scale .scale-row.great strong{color:#83b95c}
.historical-scale .scale-row.poor strong{color:#e0574f}
@media(max-width:760px){.metric-node{width:104px}.metric-node span{font-size:7.5px}}

/* v19 Greatness Lab */
.card-greatness{--card-accent:#d6aa38}
.greatness-lab{padding:48px 5%;max-width:1280px;margin:auto}
.greatness-preface,.case-files{border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg,rgba(150,0,0,.16),rgba(255,255,255,.025));padding:28px;border-radius:18px;margin:22px 0}
.greatness-preface h3,.case-files h3{font-size:clamp(1.5rem,3vw,2.3rem);margin:.25rem 0 1rem}
.greatness-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:24px 0}
.greatness-node{min-height:116px;text-align:left;padding:16px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#111;color:#fff;cursor:pointer}
.greatness-node b{display:block;color:#d6aa38;font-size:.78rem;margin-bottom:9px}.greatness-node span{font-weight:800;line-height:1.1}
.greatness-node:hover,.greatness-node.active{border-color:#d6aa38;transform:translateY(-2px);background:#18130a}
.greatness-detail{border:1px solid rgba(214,170,56,.4);background:#0d0d0d;border-radius:16px;padding:24px;margin:18px 0}
.greatness-detail h3{font-size:1.8rem;margin:.2rem 0 1rem}.why-box{margin-top:18px;padding:16px;border-left:3px solid #d6aa38;background:rgba(214,170,56,.06)}
.case-file-card{width:100%;display:grid;grid-template-columns:1.1fr 2fr auto;align-items:center;gap:18px;padding:18px;border:1px solid rgba(214,170,56,.45);background:#0b0b0b;color:#fff;border-radius:12px;text-align:left;cursor:pointer}
.case-file-card b{color:#d6aa38}.case-file-card em{font-style:normal;font-size:.8rem}
@media(max-width:900px){.greatness-grid{grid-template-columns:repeat(2,1fr)}.case-file-card{grid-template-columns:1fr}.greatness-lab{padding:32px 18px}}

.methodology-section{padding:48px 5%;max-width:1280px;margin:auto}.methodology-section h2{margin-bottom:18px}@media(max-width:900px){.methodology-section{padding:32px 18px}}

/* v23 — The Extended Lab */
.extended-lab{margin-top:34px;padding-top:28px;border-top:1px solid rgba(255,255,255,.12)}
.extended-lab-head{display:grid;grid-template-columns:1fr 1.35fr;gap:24px;align-items:end;margin-bottom:18px}
.extended-lab-head h3{font-size:clamp(1.6rem,3vw,2.35rem);margin:.25rem 0}
.extended-lab-head p{margin:0;line-height:1.65}
.extended-player-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.extended-player{appearance:none;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#151515,#0c0c0c);color:#fff;border-radius:15px;padding:17px 12px;text-align:center;cursor:pointer;transition:.2s ease}
.extended-player>span{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;margin:0 auto 10px;border:2px solid #c90000;background:#050505;color:#fff;font-weight:900}
.extended-player b{display:block;font-size:.92rem;min-height:2.2em}.extended-player small{display:block;margin-top:10px;color:#e22828;font-weight:800;font-size:.68rem;letter-spacing:.05em}
.extended-player:hover,.extended-player.active{transform:translateY(-3px);border-color:#d71920;box-shadow:0 10px 28px rgba(0,0,0,.32)}
.extended-player-reveal{margin-top:16px;padding:16px 18px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#0b0b0b}
.extended-selected{display:flex;align-items:center;gap:14px}.extended-selected>span{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#b80000;font-weight:900}.extended-selected h4{margin:0;font-size:1.25rem}.extended-selected p{margin:.25rem 0 0}
@media(max-width:900px){.extended-lab-head{grid-template-columns:1fr}.extended-player-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.extended-player-grid{grid-template-columns:repeat(2,1fr)}}

/* v24 — Michael Jordan player profile header */
.mj-profile-entry{overflow:hidden}.mj-profile-hero{display:grid;grid-template-columns:170px 1fr;gap:24px;align-items:center}
.mj-profile-photo{width:160px!important;height:160px!important}.mj-profile-photo img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.mj-kicker{font-size:.72rem;font-weight:900;letter-spacing:.12em;color:#d71920;margin:0 0 5px}.mj-profile-identity h3{font-size:clamp(2rem,4vw,3.6rem);line-height:.95;margin:0 0 9px;text-transform:uppercase}
.mj-meta{font-weight:700;opacity:.78;margin:0 0 16px}.mj-legacy-strip{display:flex;flex-wrap:wrap;gap:7px}.mj-legacy-strip span{border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:7px 10px;font-size:.74rem;background:#0a0a0a}.mj-legacy-strip b{color:#e1262c}
.mj-career-numbers{display:grid;grid-template-columns:repeat(3,minmax(90px,130px));gap:10px;margin-top:18px}.mj-career-numbers div{padding:12px;border-left:3px solid #c80000;background:rgba(255,255,255,.035)}.mj-career-numbers strong{display:block;font-size:1.8rem}.mj-career-numbers span{font-size:.7rem;font-weight:900;letter-spacing:.1em;opacity:.65}
@media(max-width:700px){.mj-profile-hero{grid-template-columns:1fr;text-align:center}.mj-profile-photo{margin:auto}.mj-legacy-strip{justify-content:center}.mj-career-numbers{justify-content:center;margin-left:auto;margin-right:auto}}

.profile-splits{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.profile-splits>div{padding:12px 14px;background:#090909;border:1px solid rgba(255,255,255,.12);border-radius:10px}.profile-splits small{display:block;color:#d71920;font-weight:900;letter-spacing:.1em;margin-bottom:5px}.profile-splits b{font-size:.86rem}.phase1-profile-card{margin-top:18px;padding:24px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:linear-gradient(145deg,#141414,#080808)}.phase1-profile-card h3{font-size:clamp(2rem,4vw,3.4rem);margin:.2rem 0;text-transform:uppercase}.profile-legacy-text{padding:12px 0;font-weight:800;line-height:1.7}.profile-coming{opacity:.72;margin-top:16px}@media(max-width:650px){.profile-splits{grid-template-columns:1fr}}

/* v26 — seven OTTO metrics visible around the wheel */
@media(max-width:760px){
  .metrics-wheel{width:min(94vw,430px)}
  .metric-node{
    width:96px;min-height:60px;padding:8px;
    transform:translate(-50%,-50%) rotate(var(--angle))
      translateY(calc(-1 * min(39vw,158px)))
      rotate(calc(-1 * var(--angle)));
  }
  .metric-node:hover,.metric-node:focus-visible{
    transform:translate(-50%,-50%) rotate(var(--angle))
      translateY(calc(-1 * min(39vw,158px)))
      rotate(calc(-1 * var(--angle))) scale(1.04);
  }
  .metric-node b{font-size:18px}
  .metric-node span{font-size:7.5px}
}


/* v28 — Historical Analytics contrast correction */
#analytics-archive{
  background:#f4f1e9 !important;
  color:#111 !important;
}
#analytics-archive .section-heading .eyebrow{
  color:#a63f33 !important;
  opacity:1 !important;
  font-weight:900;
}
#analytics-archive .section-copy{
  color:#242424 !important;
  opacity:1 !important;
  font-weight:500;
}
#analytics-archive .archive-timeline{
  color:#111 !important;
}
#analytics-archive .timeline-stop{
  color:#111 !important;
  opacity:1 !important;
}
#analytics-archive .timeline-stop strong{
  color:#151515 !important;
}
#analytics-archive .timeline-stop small{
  color:#4a4a4a !important;
  opacity:1 !important;
}
#analytics-archive .timeline-future,
#analytics-archive .timeline-future p{
  color:#555 !important;
  opacity:1 !important;
}
#analytics-archive .archive-reveal-stage{
  background:#fff !important;
  border-color:#a99f92 !important;
  color:#333 !important;
  opacity:1 !important;
}
#analytics-archive .archive-panel,
#analytics-archive .source-card{
  background:#fff !important;
  border-color:#d0c7ba !important;
  box-shadow:0 7px 20px rgba(0,0,0,.05);
}
#analytics-archive .metric-lead,
#analytics-archive .archive-panel p,
#analytics-archive .archive-list,
#analytics-archive .source-card p{
  color:#242424 !important;
  opacity:1 !important;
}
#analytics-archive .metric-kicker{
  color:#555 !important;
  opacity:1 !important;
}

/* v28 — Career stat + OTTO PIE profile module */
.otto-profile-impact{
  margin-top:16px;
  border:1px solid rgba(255,255,255,.16);
  background:#111;
  color:#fff;
  overflow:hidden;
}
.impact-head{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:center;
  padding:11px 14px;
  border-bottom:1px solid rgba(255,255,255,.13);
  background:#181818;
}
.impact-head span{
  color:#d86655;
  font-size:10px;
  font-weight:900;
  letter-spacing:1.2px;
}
.impact-head strong{
  font-size:10px;
  letter-spacing:.8px;
  color:#eee;
}
.impact-split-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
}
.impact-split{
  padding:13px;
}
.impact-split + .impact-split{
  border-left:1px solid rgba(255,255,255,.13);
}
.impact-split-title{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  margin-bottom:10px;
}
.impact-split-title small{
  font-size:9px;
  font-weight:900;
  letter-spacing:1px;
  color:#bbb;
}
.impact-split-title b{
  color:#d86655;
  font-size:13px;
}
.impact-stat-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
}
.impact-stat-grid div{
  background:#1c1c1c;
  border:1px solid rgba(255,255,255,.08);
  padding:8px 5px;
  text-align:center;
}
.impact-stat-grid strong{
  display:block;
  font-size:14px;
  line-height:1.1;
}
.impact-stat-grid span{
  display:block;
  margin-top:4px;
  font-size:7px;
  font-weight:900;
  letter-spacing:.55px;
  color:#aaa;
}
.impact-rise{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:10px 12px;
  background:#1a211b;
  border-top:1px solid rgba(255,255,255,.12);
}
.impact-rise b{
  color:#71c77c;
  font-size:15px;
}
.impact-rise span{
  color:#d7e9d9;
  font-size:9px;
  font-weight:900;
  letter-spacing:1px;
}
.impact-pending .impact-rise{
  background:#191919;
}
.impact-pending .impact-rise b,
.impact-pending .impact-rise span{
  color:#8f8f8f;
}
.impact-pending-note{
  grid-column:1/-1;
  padding:18px;
  text-align:center;
  background:#171717;
}
.impact-pending-note strong{
  display:block;
  color:#ddd;
  font-size:11px;
  letter-spacing:1px;
}
.impact-pending-note span{
  display:block;
  margin-top:6px;
  color:#999;
  font-size:10px;
  line-height:1.45;
}

@media(max-width:760px){
  .impact-head{align-items:flex-start;flex-direction:column;gap:4px}
  .impact-split-grid{grid-template-columns:1fr}
  .impact-split + .impact-split{border-left:0;border-top:1px solid rgba(255,255,255,.13)}
  .impact-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* v29 — PIE-H historical methodology */
.pieh-methodology{margin-top:18px;padding:16px;border:1px solid #c8bcae;background:#f8f5ef;color:#222}
.pieh-badge{display:inline-block;padding:5px 8px;background:#222;color:#fff;font-size:8px;font-weight:900;letter-spacing:1px}
.pieh-methodology h5{margin:10px 0 7px;font-size:17px}
.pieh-methodology p{color:#333;line-height:1.55}
.pieh-formula{margin:10px 0}
.pieh-warning{margin-top:12px;padding:12px;border-left:4px solid #a63f33;background:#eee8de}
.pieh-warning>strong{color:#8f3026;font-size:10px;letter-spacing:.8px}
.pieh-warning p{margin:7px 0 0;font-size:11px}
.historical-profile-note{width:100%;margin-top:7px;padding-top:8px;border-top:1px solid rgba(255,255,255,.12);text-align:center}
.historical-profile-note strong,.historical-profile-note span{display:block}
.historical-profile-note strong{color:#e0b36c;font-size:8px;letter-spacing:1px}
.historical-profile-note span{margin-top:4px;color:#bbb;font-size:8px;line-height:1.4}

/* v30 — PIE-E Kareem methodology */
.piee-subsection{margin-top:16px;padding-top:16px;border-top:1px solid #c9bfb2}
.piee-subsection h5{margin:10px 0 7px;font-size:17px}
.piee-subsection p{color:#333;line-height:1.55}
.piee-note strong{color:#79b8e8}