/* Prospect Anatomy — visual craft pass. Visual hierarchy and density only; no product/data semantics changed. */
:root{--bg:#0a0f14;--panel:#0d1319;--panel2:#0a1016;--line:#27313b;--line2:#1d252d;--text:#eef3f6;--muted:#8d9aa7;--dim:#697581;--blue:#78bce3;--blue2:#142b3a;--good:#91d9b3;--warn:#e0bc71;--bad:#e7a0a4}
html{background:var(--bg)}
body{background:var(--bg);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.45;letter-spacing:0}
.app{width:min(1320px,100%);padding:0 18px 88px}
.topbar{min-height:66px;background:var(--bg);backdrop-filter:none;border-bottom:1px solid var(--line)}
.brand{gap:12px}.brandmark{width:42px;height:42px;border-radius:5px;background:#0b151e;border-color:#356581;box-shadow:none}.brandmark span{font-size:12px;font-weight:800;letter-spacing:.02em}.brandmark span+span{border-top-color:#315069;color:#9ad5f4}.brand h1{font-size:20px;font-weight:760;letter-spacing:-.018em}.brand small{font-size:11px;color:#74818e}.status{padding:5px 8px;border-radius:4px;background:transparent;border-color:#315065;color:#9bcbe5;font-weight:650;letter-spacing:.01em}
.desktopNav{gap:18px;padding:0;border-bottom:1px solid var(--line)}.desktopNav button{min-height:46px;padding:0 2px;border:0;border-radius:0;background:transparent;color:#7f8b97;font-weight:680}.desktopNav button.active{background:transparent;border:0;color:var(--text);box-shadow:inset 0 -2px 0 var(--blue)}
.controls{margin-top:0;padding:18px 0 16px;grid-column-gap:14px;border:0;border-radius:0;border-bottom:1px solid var(--line);background:transparent}.field span,.search span,.eyebrow{margin-bottom:5px;color:#8495a4;font-size:10px;font-weight:700;letter-spacing:.055em}.field select,.search input{min-height:42px;padding:0 11px;border:1px solid #33404b;border-radius:4px;background:#0b1117;font-weight:650}.field select:focus,.search input:focus{border-color:#639fc2;box-shadow:0 0 0 2px #5794b72b}.seg{gap:4px}.seg button,.icon,#close{min-height:42px;border-radius:4px;background:#0b1117;border-color:#33404b;font-weight:700}.seg button.active{background:#132736;border-color:#477792;color:#f0f7fa}
.card{margin-top:22px;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none;overflow:visible}.profileCard{margin-top:0;border-top:0;border-bottom:1px solid var(--line)}.compactIdentity{padding:24px 2px 20px}.compactIdentity .eyebrow{color:#7e8b97}.nameRow h2,.compactIdentity .nameRow h2{margin:3px 0 4px;font-size:34px;font-weight:780;letter-spacing:-.035em}.compactIdentity .muted{font-size:14px;color:#8996a3}
.sectionHead{padding:15px 0 10px;background:transparent;border-bottom:0;align-items:flex-end}.sectionHead h3{font-size:17px;font-weight:730;letter-spacing:-.012em}.sectionHead .eyebrow{margin-bottom:3px}.sectionHead small{color:#778591;font-size:10px;line-height:1.35}.profileFootnote{display:none}
.metrics{gap:0;background:transparent;border-top:1px solid var(--line);border-left:1px solid var(--line)}.metric{min-height:88px;padding:12px 14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel)}.metric .metricLabel{color:#8b98a4;font-size:10px;font-weight:650;letter-spacing:.015em;text-transform:none}.metric .value{margin:4px 0 6px;font-size:22px;font-weight:760;font-variant-numeric:tabular-nums}.bar{height:5px;border-radius:999px;background:linear-gradient(90deg,#202b35 0%,#2d3944 100%);overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.35)}.bar i{display:block;height:100%;border-radius:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 0 6px rgba(0,0,0,.18)}.bar.pct-red i{background:linear-gradient(90deg,#b95f65 0%,#d8797d 58%,#ea9999 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 0 7px rgba(234,153,153,.16)}.bar.pct-yellow i{background:linear-gradient(90deg,#b8963f 0%,#d7bd67 58%,#ffe599 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 0 7px rgba(255,229,153,.14)}.bar.pct-green i{background:linear-gradient(90deg,#6f9d69 0%,#91bd86 58%,#b6d7a8 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 0 7px rgba(182,215,168,.15)}.bar.pct-blue i{background:linear-gradient(90deg,#598fb2 0%,#7aabd0 58%,#9fc5e8 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 0 8px rgba(159,197,232,.18)}.metricFoot{font-size:9px;color:#687580;font-variant-numeric:tabular-nums}
.outcomes{padding:0;gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.out{padding:12px 14px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;background:var(--panel)}.out span,.mini span,.mstat span{font-size:9px;color:#7d8a96;letter-spacing:.025em}.out b{font-size:22px;font-weight:760;font-variant-numeric:tabular-nums}.out small{color:#66727d}
.tableWrap{border-top:1px solid var(--line)}table{font-variant-numeric:tabular-nums}th{padding:10px 11px;background:#0b1117;color:#7e8b97;font-size:9px;font-weight:700;letter-spacing:.035em}td{padding:11px;border-bottom-color:#202830}tbody tr[data-comp]:hover,tbody tr[data-player]:hover{background:#10171d}.sim{font-weight:760}.chip{border-radius:3px;background:transparent}.legend{padding:10px 0;border-top:1px solid var(--line);font-size:10px;color:#6f7b86}
.list{gap:0;padding:0}.compCard,.classCard{padding:15px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}.compCard:first-child,.classCard:first-child{border-top:1px solid var(--line)}.rowTop b{font-size:15px;font-weight:720}.score b{font-weight:760}.badge{width:26px;height:26px;border-radius:3px;background:#132936;font-weight:760}.miniGrid{gap:5px}.mini,.mstat{padding:8px;border-radius:3px;background:#0b1117}.why .chip,.compWhy .chip{border-radius:3px;font-weight:650}
.classMetricGrid{gap:5px;margin-top:11px}.classMetric{min-height:44px;padding:7px 8px;border-radius:3px;border-color:#28323b;background:#0b1117}.classMetric span{font-size:8px;letter-spacing:.025em}.classMetric b{font-size:12px;font-weight:740;font-variant-numeric:tabular-nums}.classMetric.srcMini,.srcCell{box-shadow:none}.classTable td:first-child{background:#0a0f14}.classTable th:first-child{background:#0b1117}
.keyRow{grid-template-columns:200px 1fr 72px;border-bottom-color:#202830}.keyRow>div{padding:13px 0}.keyTerm{font-weight:720}.keyDef{color:#b9c3cb;padding-left:16px!important;padding-right:16px!important}.keyPos{color:#687580}
.modal{background:#000b;backdrop-filter:none}.sheet{border-color:#394650;border-radius:6px;background:#0b1117;box-shadow:0 24px 70px #0008}.modalHead{border-bottom-color:var(--line)}#close{padding:0 12px}.modalStats{gap:5px}.familyLine{border-bottom-color:#222b33}.modalNote{border-top-color:var(--line)}
.mobileNav{background:#090e13;border-top-color:#2a343d;backdrop-filter:none}.mobileNav button{font-weight:650}.mobileNav button.active{color:#b7dff3;box-shadow:inset 0 2px 0 #69aace}
.srcCell,.srcMini{color:#17202a!important;text-shadow:none}
@media(max-width:720px){body{font-size:13px}.app{padding-left:14px;padding-right:14px}.topbar{min-height:58px}.brandmark{width:38px;height:38px}.brand h1{font-size:18px}.controls{padding:14px 0}.compactIdentity{padding:18px 0 17px}.nameRow h2,.compactIdentity .nameRow h2{font-size:28px}.card{margin-top:20px}.sectionHead{padding:13px 0 9px}.sectionHead h3{font-size:16px}.sectionHead small{max-width:48%;font-size:9px}.metric{min-height:84px;padding:11px 12px}.metric .value{font-size:21px}.out{padding:11px 12px}.compCard,.classCard{padding:14px 0}.classMetric{min-height:43px}.mobileNav{padding-top:5px}.mobileNav button{min-height:51px}.sheet{border-radius:8px 8px 0 0}}

/* Center historical outcome tile content. */
.outcomes .out{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}