:root{
--bg:#06100c;--bg2:#091710;--surface:#0d1c15;--surface2:#11241b;--surface3:#142b20;
--text:#f1f7f3;--muted:#8da398;--line:rgba(255,255,255,.08);--green:#6ef29e;--lime:#c5ff5f;
--cyan:#63e6ff;--gold:#ffd16a;--orange:#ff9c56;--red:#ff7373;--shadow:0 20px 55px rgba(0,0,0,.28)
}
html[data-theme="light"]{--bg:#edf3ef;--bg2:#e4eee8;--surface:#fff;--surface2:#f7faf8;--surface3:#eff6f1;--text:#102018;--muted:#607269;--line:rgba(16,32,24,.10);--shadow:0 18px 42px rgba(30,55,40,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% -20%,rgba(110,242,158,.13),transparent 33%),linear-gradient(180deg,var(--bg),var(--bg2));color:var(--text);font-family:Inter,system-ui,sans-serif}
button,input,select{font:inherit}button{cursor:pointer}.app{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}
.sidebar{position:sticky;top:0;height:100vh;padding:25px 20px;border-right:1px solid var(--line);background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(20px);z-index:20}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--text);margin-bottom:38px}.brand-badge{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,var(--green),var(--lime));color:#07110c;font:800 18px "Space Grotesk";box-shadow:0 0 30px rgba(110,242,158,.2)}.brand strong{display:block;font:700 13px "Space Grotesk";letter-spacing:.075em}.brand span{display:block;font-size:10px;color:var(--muted);margin-top:2px}
.nav{display:grid;gap:6px}.nav a{display:flex;gap:12px;align-items:center;padding:11px 12px;text-decoration:none;border-radius:11px;border:1px solid transparent;color:var(--muted);font-size:12px;font-weight:600;transition:.2s}.nav a span{font:600 9px "Space Grotesk";opacity:.55}.nav a:hover,.nav a.active{color:var(--text);background:rgba(110,242,158,.075);border-color:rgba(110,242,158,.12);transform:translateX(2px)}
.dna-card{position:absolute;bottom:55px;left:20px;right:20px;padding:15px;border-radius:15px;border:1px solid var(--line);background:linear-gradient(150deg,rgba(110,242,158,.08),rgba(255,255,255,.018))}.mini-label,.panel-kicker{font-size:9px;letter-spacing:.15em;color:var(--green);font-weight:800}.dna-card strong{display:block;font:600 13px "Space Grotesk";margin:8px 0}.dna-card p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}.dna-meter{height:5px;border-radius:999px;background:rgba(255,255,255,.06);margin-top:13px;overflow:hidden}.dna-meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--green),var(--lime));transition:width .8s ease}.side-footer{position:absolute;bottom:22px;left:20px;color:var(--muted);font-size:9px}
main{width:100%;max-width:1660px;margin:auto;padding:30px 40px 24px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:26px;margin-bottom:30px}.page-title{max-width:780px}.eyebrow,.section-heading>div>span,.panel-head span,.endgame-callout>span{font-size:9px;letter-spacing:.15em;color:var(--green);font-weight:800}.page-title h1{font:700 clamp(32px,4.5vw,54px)/.98 "Space Grotesk";letter-spacing:-.055em;margin:8px 0}.page-title h1 span{color:var(--green)}.page-title p{color:var(--muted);font-size:13px;margin:0;line-height:1.55}.header-actions{display:flex;gap:8px}.chip-btn,.icon-btn{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:11px;padding:10px 13px;font-size:11px;box-shadow:var(--shadow)}.icon-btn{width:39px;padding:10px}.mobile-menu{display:none}
.section{padding:16px 0 27px;scroll-margin-top:14px}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:14px}.section-heading h2{font:600 23px "Space Grotesk";margin:5px 0 0;letter-spacing:-.025em}.snapshot{font-size:10px;color:var(--muted)}.snapshot i{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:5px;box-shadow:0 0 9px var(--green)}
.panel{border:1px solid var(--line);border-radius:18px;padding:19px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 94%,white 2%),var(--surface));box-shadow:var(--shadow)}
.kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}.kpi{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:16px;padding:16px;background:var(--surface);box-shadow:var(--shadow);min-height:108px}.kpi:after{content:"";position:absolute;right:-22px;bottom:-40px;width:90px;height:90px;border-radius:50%;background:rgba(110,242,158,.055)}.kpi label{display:block;font-size:9px;letter-spacing:.11em;text-transform:uppercase;color:var(--muted);font-weight:700}.kpi b{display:block;font:700 26px "Space Grotesk";margin:8px 0 4px}.kpi small{font-size:9px;color:var(--green)}
.feature-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:14px}.hero-insight{min-height:310px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px}.hero-copy{max-width:580px}.hero-copy h2{font:600 clamp(25px,3vw,38px)/1.05 "Space Grotesk";letter-spacing:-.045em;margin:10px 0 13px}.hero-copy h2 em{font-style:normal;color:var(--green)}.hero-copy p{max-width:570px;color:var(--muted);font-size:12px;line-height:1.7}.hero-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.hero-tags span{font-size:9px;color:var(--green);padding:6px 8px;border:1px solid rgba(110,242,158,.14);border-radius:999px;background:rgba(110,242,158,.035)}
.hero-ring{position:relative;flex:0 0 190px;width:190px;height:190px}.hero-ring svg{width:100%;transform:rotate(-90deg)}.ring-bg,.ring-value{fill:none;stroke-width:8}.ring-bg{stroke:rgba(255,255,255,.06)}.ring-value{stroke:var(--green);stroke-linecap:round;stroke-dasharray:289;stroke-dashoffset:289;transition:stroke-dashoffset 1s ease}.hero-ring>div{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.hero-ring strong{font:700 36px "Space Grotesk"}.hero-ring span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:17px}.panel-head h3{font:600 17px "Space Grotesk";margin:4px 0 0}.panel-head small{font-size:9px;color:var(--muted);letter-spacing:.1em}.compare-bars{display:grid;gap:12px}.compare-row{display:grid;grid-template-columns:56px 1fr 1fr;gap:7px;align-items:center}.compare-row>span{font-size:10px;color:var(--muted)}.compare-track{height:21px;background:rgba(255,255,255,.045);border-radius:6px;overflow:hidden}.compare-track i{display:flex;align-items:center;height:100%;padding-left:6px;font-style:normal;font-size:8px;font-weight:700;white-space:nowrap}.compare-track.collection i{background:rgba(99,230,255,.26)}.compare-track.usage i{background:rgba(110,242,158,.52)}.legend-key{display:flex;gap:14px;justify-content:flex-end;margin-top:15px;font-size:8px;color:var(--muted)}.key{width:7px;height:7px;display:inline-block;border-radius:2px;margin-right:4px}.key.collection{background:rgba(99,230,255,.55)}.key.usage{background:rgba(110,242,158,.8)}
.metric-switch,.depth-toggle{display:flex;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.metric-switch button,.depth-toggle button{border:0;background:none;color:var(--muted);padding:7px 10px;border-radius:7px;font-size:9px;font-weight:700}.metric-switch button.active,.depth-toggle button.active{background:rgba(110,242,158,.11);color:var(--green)}
.hof-grid{display:grid;grid-template-columns:minmax(0,1.35fr) .58fr .58fr;gap:14px;margin-bottom:14px}.hall-chart{min-height:360px}.bar-chart{display:grid;gap:9px}.bar-row{display:grid;grid-template-columns:150px 1fr 52px;gap:9px;align-items:center}.bar-name{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{height:10px;border-radius:999px;background:rgba(255,255,255,.045);overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--green),var(--lime));border-radius:999px;transform-origin:left}.bar-value{text-align:right;font:600 10px "Space Grotesk"}
.legend-feature{position:relative;overflow:hidden;min-height:360px;border-radius:18px;padding:20px;border:1px solid var(--line);box-shadow:var(--shadow);background:var(--surface)}.legend-feature:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;right:-110px;bottom:-105px;background:rgba(255,255,255,.035)}.legend-feature.captain{background:radial-gradient(circle at 80% 90%,rgba(99,230,255,.15),transparent 40%),var(--surface)}.legend-feature.goat{background:radial-gradient(circle at 80% 90%,rgba(255,209,106,.16),transparent 40%),var(--surface)}.legend-top{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);letter-spacing:.11em}.legend-top b{color:var(--green)}.legend-feature h3{font:600 27px/1 "Space Grotesk";margin:27px 0}.big-number{font:700 57px "Space Grotesk";letter-spacing:-.05em}.legend-feature>p{margin:0;color:var(--muted);font-size:10px}.feature-line{position:absolute;left:20px;right:20px;bottom:20px;display:flex;justify-content:space-between;font-size:8px;color:var(--muted);padding-top:10px;border-top:1px solid var(--line)}
.pitch-panel{padding-bottom:24px}.pitch{position:relative;min-height:520px;border:1px solid rgba(110,242,158,.16);border-radius:17px;overflow:hidden;background:linear-gradient(90deg,rgba(110,242,158,.025) 50%,transparent 50%),repeating-linear-gradient(90deg,rgba(110,242,158,.02) 0 12.5%,transparent 12.5% 25%),#0a1a12}.pitch:before{content:"";position:absolute;inset:20px;border:1px solid rgba(255,255,255,.18);border-radius:4px}.pitch:after{content:"";position:absolute;left:50%;top:20px;bottom:20px;border-left:1px solid rgba(255,255,255,.16)}.pitch-circle{position:absolute;z-index:1;left:50%;top:50%;width:110px;height:110px;border:1px solid rgba(255,255,255,.16);border-radius:50%;transform:translate(-50%,-50%)}.pitch-player{position:absolute;z-index:2;width:135px;transform:translate(-50%,-50%);text-align:center}.pitch-card{padding:8px;border-radius:11px;background:rgba(13,28,21,.93);border:1px solid rgba(110,242,158,.16);box-shadow:0 9px 18px rgba(0,0,0,.2)}.pitch-card b{font:700 11px "Space Grotesk";display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pitch-card span{font-size:8px;color:var(--muted)}.pitch-card i{display:inline-block;font-style:normal;color:var(--green);font-weight:800;margin-right:4px}
.explorer{padding:0;overflow:hidden}.filters{display:grid;grid-template-columns:minmax(260px,1.5fr) repeat(3,minmax(125px,.6fr));gap:8px;padding:14px;border-bottom:1px solid var(--line);background:var(--surface2)}.search-box{display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.search-box span{color:var(--green)}.search-box input{width:100%;padding:9px 0;border:0;outline:0;background:none;color:var(--text);font-size:10px}.filters select{border:1px solid var(--line);border-radius:10px;padding:9px;background:var(--surface);color:var(--text);font-size:9px;outline:0}.table-wrap{overflow:auto;max-height:570px}table{width:100%;border-collapse:collapse;min-width:850px}thead{position:sticky;top:0;background:var(--surface);z-index:2}th,td{padding:11px 14px;border-bottom:1px solid var(--line);font-size:9px;text-align:left}th{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:8px}td:first-child{font-weight:600;font-size:10px}.player-sub{display:block;color:var(--muted);font-weight:400;font-size:8px;margin-top:2px}.badge{display:inline-flex;padding:4px 6px;border-radius:6px;font-size:8px;font-weight:700}.badge.evo{background:rgba(110,242,158,.09);color:var(--green)}.badge.std{background:rgba(255,255,255,.04);color:var(--muted)}.rating-pill{display:inline-grid;place-items:center;width:30px;height:24px;border-radius:7px;background:var(--surface3);font-weight:800}.pager{display:flex;justify-content:center;align-items:center;gap:14px;padding:12px}.pager button{border:1px solid var(--line);border-radius:8px;background:var(--surface2);color:var(--text);font-size:9px;padding:7px 9px}.pager button:disabled{opacity:.35}.pager span,.result-count{font-size:9px;color:var(--muted)}
.depth-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:14px}.depth-bars{display:grid;gap:10px}.depth-row{display:grid;grid-template-columns:45px 1fr 58px;align-items:center;gap:9px}.depth-row>strong{font:700 11px "Space Grotesk"}.depth-track{height:14px;background:rgba(255,255,255,.04);border-radius:999px;overflow:hidden}.depth-fill{height:100%;background:linear-gradient(90deg,var(--green),var(--lime));border-radius:999px;transition:width .4s ease}.depth-value{font-size:9px;color:var(--muted);text-align:right}.depth-summary{display:flex;flex-direction:column;justify-content:space-between}.depth-summary h3{font:600 25px/1 "Space Grotesk";margin:9px 0}.depth-summary p{font-size:10px;color:var(--muted);line-height:1.6}.summary-number{font:700 54px "Space Grotesk";color:var(--green)}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.summary-grid div{padding:10px;background:var(--surface2);border-radius:10px}.summary-grid b{display:block;font:700 17px "Space Grotesk"}.summary-grid span{font-size:8px;color:var(--muted)}
.identity-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.rank-list,.market-list{display:grid;gap:8px}.rank-item,.market-item{display:grid;grid-template-columns:25px 1fr auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}.rank-item:last-child,.market-item:last-child{border-bottom:0}.rank-item>span:first-child{font:600 9px "Space Grotesk";color:var(--muted)}.rank-item b,.market-item b{font-size:10px}.rank-item small,.market-item small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.rank-value,.market-value{font:600 10px "Space Grotesk";color:var(--green)}
.cards99{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:14px}.c99{position:relative;overflow:hidden;min-height:145px;padding:14px;border-radius:15px;border:1px solid rgba(255,209,106,.17);background:radial-gradient(circle at 90% 10%,rgba(255,209,106,.12),transparent 35%),var(--surface);box-shadow:var(--shadow)}.c99:after{content:"99";position:absolute;right:-4px;bottom:-24px;font:800 70px "Space Grotesk";color:rgba(255,209,106,.045)}.c99>span{font:800 25px "Space Grotesk";color:var(--gold)}.c99 h3{font:600 12px/1.1 "Space Grotesk";margin:17px 0 6px;max-width:130px}.c99 p{font-size:8px;color:var(--muted);margin:0}.endgame-callout{background:linear-gradient(120deg,rgba(255,209,106,.055),var(--surface));padding:25px}.endgame-callout h3{font:600 27px "Space Grotesk";margin:8px 0}.endgame-callout p{max-width:920px;color:var(--muted);font-size:11px;line-height:1.65}.section-note{color:var(--muted);font-size:10px;margin:0}
footer{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:8px;padding:28px 2px 12px;border-top:1px solid var(--line)}
@media(max-width:1250px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.hof-grid{grid-template-columns:1.2fr .7fr}.legend-feature.goat{display:none}.cards99{grid-template-columns:repeat(4,1fr)}}
@media(max-width:980px){.app{grid-template-columns:1fr}.sidebar{position:fixed;left:-265px;width:245px;transition:left .25s ease}.sidebar.open{left:0}.mobile-menu{display:inline-block}main{padding:24px}.feature-grid,.depth-layout,.identity-grid{grid-template-columns:1fr}.hof-grid{grid-template-columns:1fr 1fr}.hall-chart{grid-column:1/-1}.legend-feature.goat{display:block}.cards99{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){main{padding:18px 13px}.topbar{align-items:flex-start}.header-actions .chip-btn{display:none}.page-title h1{font-size:35px}.kpi-grid{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr}.hero-insight{display:block;padding:20px}.hero-ring{width:145px;height:145px;margin:22px auto 0}.hof-grid{grid-template-columns:1fr}.legend-feature{min-height:270px}.pitch{min-height:440px}.pitch-player{width:104px}.filters{grid-template-columns:1fr 1fr}.search-box{grid-column:1/-1}.cards99{grid-template-columns:repeat(2,1fr)}footer{display:block;line-height:1.8}.section-heading{align-items:flex-start}.section-heading .section-note{display:none}}