/* FAB palette sampled from logo: blue #0000FF, red #FF0000, gold #DEB967, white #FFFFFF, near-black #0B0B0F */
:root{--fab-blue:#0000ff;--fab-red:#ff0000;--fab-gold:#deb967;--fab-white:#fff;--fab-ink:#0b0b0f;--bg:#fff;--bg2:#f5f5f7;--tx:#1d1d1f;--tx2:#6e6e73;--ln:#d2d2d7;--ac:#0000ff;--ac2:#d40000;--hot:#ff0000;--cold:#0000ff;--gold:#deb967;--goldtx:#7a5a14}
@media(prefers-color-scheme:dark){:root{--bg:#0b0b0f;--bg2:#1c1c1f;--tx:#f5f5f7;--tx2:#a1a1a6;--ln:#38383a;--ac:#7c8cff;--ac2:#ff6b6b;--hot:#ff3b3b;--cold:#5b6bff;--goldtx:#deb967}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--tx);font:17px/1.5 -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Inter,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--ac);text-decoration:none}
nav{position:sticky;top:0;z-index:9;backdrop-filter:saturate(180%) blur(20px);background:color-mix(in srgb,var(--bg) 72%,transparent);border-bottom:1px solid var(--ln)}
nav .in{max-width:1080px;margin:auto;display:flex;flex-wrap:wrap;gap:6px 22px;align-items:center;padding:12px 22px;font-size:13px}
nav .brand{font-weight:600;font-size:17px;color:var(--tx);margin-right:auto}nav a{color:var(--tx)}nav a.on{color:var(--ac)}
nav .soon{color:var(--tx2)}nav .soon small{font-size:10px;border:1px solid var(--ln);border-radius:9px;padding:1px 6px;margin-left:4px}
.wrap{max-width:1080px;margin:auto;padding:0 22px}
.hero{text-align:center;padding:48px 22px 32px}.eyebrow{color:var(--tx2);font-weight:600;letter-spacing:.02em}
h1{font-size:clamp(34px,5.5vw,56px);line-height:1.05;letter-spacing:-.025em;margin:.1em 0}
h2{font-size:clamp(22px,3vw,30px);letter-spacing:-.015em;margin:0 0 6px}.sub{font-size:clamp(16px,1.8vw,19px);color:var(--tx2);max-width:720px;margin:0 auto}
section{padding:36px 0;border-top:1px solid var(--ln)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-top:20px}
.card{background:var(--bg2);border-radius:14px;padding:18px}.big{font-size:32px;font-weight:700;letter-spacing:-.02em;line-height:1.1}.lbl{color:var(--tx2);font-size:14px}
.chart{background:var(--bg2);border-radius:14px;padding:16px;margin-top:18px}.chart svg text{fill:var(--tx2);font-size:11px}
.pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.pill{background:var(--bg2);border-radius:999px;padding:8px 16px;font-weight:600;font-variant-numeric:tabular-nums}
table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:15px}th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--tx2);text-align:right;font-weight:600}
th,td{padding:6px 8px;border-bottom:1px solid var(--ln);text-align:right}th:first-child,td:first-child,td.l,th.l{text-align:left}
.tbl{overflow-x:auto;margin-top:14px}.tag{font-size:12px;font-weight:600;border-radius:9px;padding:2px 8px}.tag.ch{background:var(--gold);color:#0b0b0f}.tag.po{background:var(--bg2);color:var(--tx2)}
.bar{display:flex;align-items:center;gap:10px}.track{flex:1;height:8px;background:var(--ln);border-radius:4px;position:relative;min-width:80px}.fill{position:absolute;inset:0 auto 0 0;border-radius:4px;background:linear-gradient(90deg,var(--cold),#9aa6b5,var(--hot))}
.dot{position:absolute;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center}
.grid3{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-top:16px}.jersey{font-size:34px;font-weight:800;letter-spacing:-.03em}
.seg{display:inline-flex;background:var(--bg2);border-radius:10px;padding:3px;margin-top:10px}.seg button{border:0;background:none;color:var(--tx);padding:7px 16px;border-radius:8px;font:inherit;font-size:14px;cursor:pointer}.seg button.on{background:var(--bg);box-shadow:0 1px 3px #0003}
footer{color:var(--tx2);font-size:12px;padding:24px 22px 32px;text-align:center;border-top:1px solid var(--ln)}
.js .fade{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.js .fade.in{opacity:1;transform:none}
.navlogo{width:28px;height:28px;vertical-align:middle;margin-right:8px}.herologo{width:min(240px,55vw);height:auto;display:block;margin:0 auto 18px;filter:drop-shadow(0 12px 30px #0003)}
.est{display:inline-block;color:var(--goldtx);font-weight:700;letter-spacing:.18em;font-size:13px;text-transform:uppercase;border-top:2px solid var(--gold);border-bottom:2px solid var(--gold);padding:4px 10px;margin-bottom:14px}
h2::before{content:"";display:block;width:28px;height:4px;border-radius:2px;background:var(--gold);margin-bottom:8px}.soonbox h2::before{margin:0 auto 14px}.eyebrow{color:var(--goldtx)!important}
.soonbox{text-align:center;color:var(--tx2)}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 800;font-display:swap;src:url(assets/fonts/Inter-var.woff2) format('woff2')}
:root{--primary:#0000FF;--accent:#DEB967;--on-primary:#FFFFFF;--on-accent:#000000;
--font:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
--fs-h1:clamp(32px,5vw,52px);--fs-h2:24px;--fs-h3:16px;--fs-body:16px;--fs-small:13px;--fs-xs:11px;
--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;
--r-sm:6px;--r-md:12px;--r-pill:999px;--maxw:1180px;--logo:132px;--shadow:0 12px 28px -14px #0006}
html body,body *{font-family:var(--font)}
body{font-size:var(--fs-body);line-height:1.5}
:root{--pbg-fab:radial-gradient(circle at 30% 15%,#ffffff1a,transparent 75%),repeating-linear-gradient(45deg,#ffffff12 0 1px,transparent 1px 8.5px),linear-gradient(180deg,transparent 55%,#00000026),#0000C8;--pbg-det:radial-gradient(circle at 30% 15%,#ffffff1a,transparent 75%),repeating-linear-gradient(45deg,#ffffff12 0 1px,transparent 1px 8.5px),linear-gradient(180deg,transparent 55%,#00000026),#1F51FF;--pbg-abq:radial-gradient(circle at 30% 15%,#ffffff1a,transparent 75%),repeating-linear-gradient(45deg,#ffffff12 0 1px,transparent 1px 8.5px),linear-gradient(180deg,transparent 55%,#00000026),#BF0A30;--pbg-atl:radial-gradient(circle at 30% 15%,#ffffff1a,transparent 75%),repeating-linear-gradient(45deg,#ffffff12 0 1px,transparent 1px 8.5px),linear-gradient(180deg,transparent 55%,#00000026),#FF641A;--pbg-oak:radial-gradient(circle at 30% 15%,#ffffff1a,transparent 75%),repeating-linear-gradient(45deg,#ffffff12 0 1px,transparent 1px 8.5px),linear-gradient(180deg,transparent 55%,#00000026),#E3170A;--portrait-bg:var(--pbg-fab)}
.team-fab{--primary:#0000FF;--accent:#DEB967;--on-primary:#FFFFFF;--on-accent:#000000;--portrait-bg:var(--pbg-fab)}
.team-det{--primary:#000D59;--accent:#FF5F1F;--on-primary:#FFFFFF;--on-accent:#000000;--portrait-bg:var(--pbg-det)}
.team-abq{--primary:#271E1E;--accent:#FFD700;--on-primary:#FFFFFF;--on-accent:#000000;--portrait-bg:var(--pbg-abq)}
.team-atl{--primary:#000000;--accent:#FF641A;--on-primary:#FFFFFF;--on-accent:#000000;--portrait-bg:var(--pbg-atl)}
.team-oak{--primary:#000000;--accent:#E3170A;--on-primary:#FFFFFF;--on-accent:#FFFFFF;--portrait-bg:var(--pbg-oak)}

h1{font-size:var(--fs-h1);font-weight:800;letter-spacing:-.02em;line-height:1.05;margin:var(--s1) 0}
h2{font-size:var(--fs-h2);font-weight:700;letter-spacing:-.01em;line-height:1.2;margin:0;color:var(--tx);display:flex;align-items:center;gap:var(--s3)}
h2::before{content:"";display:block;width:6px;height:22px;margin:0;border-radius:2px;background:var(--accent)}
.soonbox h2{justify-content:center}.soonbox h2::before{display:none}
h3,h3.sub{font-size:var(--fs-h3);font-weight:700;margin:var(--s5) 0 var(--s3);color:var(--tx)}
small,.note,.meta{font-size:var(--fs-small)}
.wrap,.team .wrap{max-width:var(--maxw);margin:auto;padding:0 var(--s5)}
.team section{padding:var(--s5) 0;border-top:0;scroll-margin-top:110px}
.sechead{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s3);flex-wrap:wrap;border-bottom:2px solid var(--primary);padding-bottom:var(--s2);margin-bottom:var(--s4)}
.sechead .note,.note{color:var(--tx2);max-width:680px}
/* hero: identical layout on every team page */
.ahero,.thero{background:var(--primary);color:var(--on-primary);border-bottom:4px solid var(--accent)}
.ahero .in,.thero .in{max-width:var(--maxw);margin:auto;padding:var(--s6) var(--s5) var(--s5)}
.hrow{display:flex;align-items:center;gap:var(--s5);text-align:left}
/* holographic team logo (restored from the pre-design-system build; shared by every hero) */
.holo{width:var(--logo);height:var(--logo);perspective:600px;flex:none}.holo-in{position:relative;width:100%;height:100%;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d;filter:drop-shadow(0 6px 10px #000D5933)}
.holo-in img{width:100%;height:100%;display:block}
.holo .sheen{position:absolute;inset:0;-webkit-mask:url(../assets/det-d.png) center/contain no-repeat;mask:url(../assets/det-d.png) center/contain no-repeat;background:linear-gradient(115deg,transparent 20%,#ffffffcc 38%,#7fffd4aa 44%,#1F51FFaa 50%,#ff7ad9aa 56%,#fff27a99 62%,transparent 78%) var(--sx,30%) 0/250% 100% no-repeat,conic-gradient(from 210deg at 50% 50%,#ff5f1f,#ffd36e,#7fffd4,#7aa8ff,#d58bff,#ff5f1f);mix-blend-mode:overlay;opacity:.55;transition:background-position .5s ease,opacity .3s}
.holo:hover .sheen{opacity:.85}
@keyframes holoidle{0%,100%{background-position:0% 0,0 0}50%{background-position:100% 0,0 0}}
.holo .sheen{animation:holoidle 7s ease-in-out infinite}.holo:hover .sheen{animation:none}
@media(prefers-reduced-motion:reduce){.holo .sheen{animation:none}.holo-in{transform:none!important;transition:none}}
.kick{font-size:var(--fs-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.ahero h1,.thero h1{color:var(--on-primary)}
.ahero .meta,.thero .sub{color:var(--on-primary);opacity:.85;margin:0}
.hstats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s3);margin-top:var(--s5)}
.hstats div{background:#FFFFFF14;border:1px solid #FFFFFF26;border-radius:var(--r-md);padding:var(--s3) var(--s4)}
.hstats b{display:block;font-size:var(--fs-h2);font-weight:800;font-variant-numeric:tabular-nums;color:var(--on-primary)}
.hstats span{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--on-primary);opacity:.8}
/* section nav */
.subnav{position:sticky;top:45px;z-index:8;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--ln)}
.subnav .in{max-width:var(--maxw);margin:auto;padding:0 var(--s5);display:flex;gap:var(--s1);flex-wrap:wrap}
.subnav a{font-size:var(--fs-small);font-weight:600;color:var(--tx2);padding:var(--s3);border-bottom:3px solid transparent}
.subnav a:hover,.subnav a:focus-visible{color:var(--tx);border-bottom-color:var(--accent);outline:none}
/* player card: one component, used for all-time greats and top players */
.greats,.tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--s4)}
.gcard,.tcard{background:var(--bg);border:1px solid var(--ln);border-radius:var(--r-md);overflow:hidden;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s}
.gcard:hover,.tcard:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.gcard .ph,.tcard .ph{position:relative;aspect-ratio:1/1;background:var(--portrait-bg);display:grid;place-items:end center;overflow:hidden}
.gcard .ph img,.tcard .ph img{width:88%;height:88%;object-fit:contain;object-position:bottom;display:block}
.gcard .ph img.aihs{width:100%;height:100%;object-fit:cover}
.gcard .ph svg,.tcard .ph svg{width:70%;height:auto}.gcard .ph svg *,.tcard .ph svg *{fill:#ffffff55}
.rk{position:absolute;left:var(--s2);top:var(--s2);min-width:30px;text-align:center;background:var(--primary);color:var(--on-primary);font-weight:800;font-size:var(--fs-small);padding:2px var(--s2);border-radius:var(--r-sm)}
.gcard:nth-child(-n+3) .rk,.tcard:nth-child(-n+3) .rk{background:var(--accent);color:var(--on-accent)}
.pos{position:absolute;right:var(--s2);top:var(--s2);background:var(--bg);color:var(--tx);font-weight:700;font-size:var(--fs-xs);padding:2px var(--s2);border-radius:var(--r-pill)}.pos:empty{display:none}
.fg{display:none}
.gcard .bd,.tcard .bd{padding:var(--s3);border-top:3px solid var(--accent);flex:1;display:flex;flex-direction:column}
.nm{font-weight:700;font-size:var(--fs-h3);line-height:1.2;color:var(--tx)}.mt{font-size:var(--fs-small);color:var(--tx2);margin:2px 0 var(--s2)}
.st{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s2);font-variant-numeric:tabular-nums}
.st div{background:var(--bg2);border-radius:var(--r-sm);padding:var(--s1) var(--s2)}.st small{display:block;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--tx2)}.st b{font-weight:700;font-size:var(--fs-body)}.st .wide{grid-column:1/-1}
.aw{font-size:var(--fs-xs);color:var(--tx2);margin-top:var(--s2)}
.rate{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--s2)}.stars{color:var(--accent);font-size:var(--fs-body);letter-spacing:1px}.stars .off{color:var(--ln)}.stars .half{background:linear-gradient(90deg,var(--accent) 50%,var(--ln) 50%);-webkit-background-clip:text;background-clip:text;color:transparent}
.dl{font-size:var(--fs-xs);font-weight:700;color:var(--tx2)}
.rb{display:grid;grid-template-columns:62px 1fr 22px;align-items:center;gap:var(--s2);font-size:var(--fs-xs);color:var(--tx2);margin:3px 0}.rb i{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--primary) var(--v),var(--bg2) var(--v))}.rb b{color:var(--tx);text-align:right}
.flag,.pend{background:var(--bg2);border-left:4px solid var(--accent);border-radius:var(--r-sm);padding:var(--s3) var(--s4);color:var(--tx);font-size:var(--fs-small);margin:0}
.flag{margin-top:var(--s2);padding:var(--s1) var(--s2);font-size:var(--fs-xs)}.pend b{color:var(--tx)}
/* tables, chart, tags, buttons */
.chart{background:var(--bg);border:1px solid var(--ln);border-radius:var(--r-md);padding:var(--s4);margin-top:0}
table{font-size:var(--fs-small)}th{background:var(--bg2);color:var(--tx);font-size:var(--fs-xs);letter-spacing:.06em}tbody tr:hover{background:var(--bg2)}
table.sortable th{cursor:pointer;user-select:none;white-space:nowrap}table.sortable th::after{content:" \2195";opacity:.3}table.sortable th[aria-sort=ascending]::after{content:" \25B2";opacity:1}table.sortable th[aria-sort=descending]::after{content:" \25BC";opacity:1}
.tag{font-size:var(--fs-xs);font-weight:700;border-radius:var(--r-pill);padding:2px var(--s2)}.tag.ch{background:var(--accent);color:var(--on-accent)}
.seg{display:inline-flex;background:var(--bg2);border-radius:var(--r-md);padding:3px;margin-top:0}.seg button{border:0;background:none;color:var(--tx);padding:6px var(--s4);border-radius:var(--r-sm);font-size:var(--fs-small);font-weight:600;cursor:pointer}.seg button.on{background:var(--primary);color:var(--on-primary)}
.ysel{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap;margin-top:var(--s4)}.ysel label{font-weight:700;color:var(--accent);text-transform:uppercase;font-size:var(--fs-xs);letter-spacing:.12em}.ysel select{font-size:var(--fs-body);font-weight:700;padding:6px var(--s6) 6px var(--s3);border-radius:var(--r-sm);border:2px solid var(--accent);background:#FFFFFF;color:#000000}.ynote{font-size:var(--fs-small);opacity:.8}
details.more{margin-top:var(--s4)}details.more summary{cursor:pointer;font-weight:700;color:var(--tx)}td.l{text-align:left}
.ldrs{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--s4)}.ldrs h3{font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.06em;margin:0 0 var(--s2)}
.pennants{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--s3)}.pennants svg{width:100%;height:auto;display:block}
.rets{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--s3)}.ret{background:var(--primary);color:var(--on-primary);border-radius:var(--r-md);padding:var(--s4);border-bottom:4px solid var(--accent)}
.ret .num{font-weight:800;font-size:48px;line-height:1}.ret .who{font-weight:700;font-size:var(--fs-body);margin-top:var(--s1)}.ret .yr{font-size:var(--fs-small);opacity:.85}
#wins .sechead{gap:var(--s2)}.chart circle[r="5"]{stroke:var(--tx)}
@media(max-width:900px){.hstats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.hrow{gap:var(--s4)}.holo{--logo:84px}.subnav{position:static}.greats,.tgrid{grid-template-columns:repeat(2,1fr);gap:var(--s2)}.st{grid-template-columns:repeat(2,1fr)}}
@media(prefers-color-scheme:dark){.sechead{border-bottom-color:var(--accent)}}

nav .tdd{position:relative;display:inline-block}
nav .tdd>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:5px;padding:inherit;color:inherit;font:inherit;border-radius:6px}
nav .tdd>summary::-webkit-details-marker{display:none}
nav .tdd>summary svg{transition:transform .2s ease;opacity:.7}nav .tdd[open]>summary svg{transform:rotate(180deg)}
nav .tdd.on>summary{color:var(--ac)}
nav .tdd>summary:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
nav .tmenu{position:absolute;left:50%;top:calc(100% + 10px);transform:translateX(-50%);min-width:240px;max-height:70vh;overflow:auto;background:color-mix(in srgb,var(--bg) 97%,transparent);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border:1px solid var(--ln);border-radius:14px;box-shadow:0 18px 40px -12px #0004;padding:8px;z-index:100;animation:tdd .16s ease}
@keyframes tdd{from{opacity:0;transform:translate(-50%,-4px)}to{opacity:1;transform:translate(-50%,0)}}
nav .tmenu .tlab{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--tx2);padding:4px 10px 6px}
nav .tmenu a{display:flex!important;align-items:center;gap:10px;padding:9px 10px!important;border-radius:9px;color:var(--tx)!important;white-space:nowrap;min-height:40px}
nav .tmenu a img{width:22px;height:22px;object-fit:contain}
nav .tmenu a:hover,nav .tmenu a:focus-visible{background:var(--bg2);outline:none}
nav .tmenu a.on{color:var(--ac)!important;font-weight:600}
@media(max-width:720px){nav .tmenu{position:fixed;left:12px;right:12px;top:56px;transform:none;min-width:0}@keyframes tdd{from{opacity:0}to{opacity:1}}}