@layer base,layout,components,responsive;
.mobile-build-toggle{display:none}
@media(max-width:850px){.mobile-build-toggle{display:block;width:100%;margin-top:16px}.workspace:has(.mobile-build-toggle[aria-expanded=true])>.build-panel{display:block}}
@layer base{
:root{--bg:#121619;--surface:#1a2024;--line:#3b4145;--text:#f4f0e7;--muted:#a8acae;--orange:#f47735;--cream:#f3f0e9;--ink:#171c20;--radius:8px;color-scheme:dark;font-family:Arial,Helvetica,sans-serif;font-size:15px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--orange)}button,input,select,textarea{font:inherit}button,a,summary,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,.brand b,.overall,.result-score>strong{font-family:Impact,'Arial Narrow',sans-serif;font-weight:500;letter-spacing:.01em}h1{font-size:clamp(44px,5.3vw,78px);line-height:1.01;margin-bottom:18px}h2{font-size:30px;line-height:1.1}h3{font-size:19px;line-height:1.25}p{line-height:1.6}em{font-style:normal;color:var(--orange)}svg,img{max-width:100%}small{line-height:1.45}.muted{color:var(--muted)}.eyebrow,.tiny,.edition{font-family:Arial,sans-serif;font-weight:700;font-size:11px;letter-spacing:.12em;line-height:1.6}.eyebrow{color:var(--orange);margin-bottom:8px}.tiny{color:var(--muted)}.skip{position:absolute;top:-100px;left:20px;background:var(--orange);color:var(--ink);z-index:100;padding:12px}.skip:focus{top:12px}.mobile-only{display:none}.empty{padding:40px;text-align:center}.text-link{font-size:14px;font-weight:700;color:var(--orange)}
}
@layer layout{
header{max-width:1600px;margin:auto;padding:20px 36px;min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}main{max-width:1440px;margin:auto;padding:0 30px}header nav{display:flex;gap:26px;align-items:center}header nav a{text-decoration:none;font-size:14px;white-space:nowrap;padding:12px 0}header nav a[aria-current]{color:var(--orange);border-bottom:2px solid var(--orange)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.brand b{font-size:26px;white-space:nowrap}.brand span{font-size:9px;letter-spacing:1.4px;color:var(--orange);max-width:48px;line-height:1.6}.hero{display:flex;align-items:center;justify-content:space-between;padding:38px 0 30px;position:relative;isolation:isolate;overflow:hidden}.hero:after{content:'';z-index:-1;position:absolute;right:2%;top:-130px;width:500px;height:500px;border:1px solid #394039;border-radius:50%;box-shadow:0 0 0 50px #121619,0 0 0 51px #303834,0 0 0 100px #121619,0 0 0 101px #252e29;transform:rotate(-15deg) scaleY(.48);opacity:.6}.hero .lede{margin-bottom:0;font-size:16px}.hero-cta{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding-right:40px}.hero-cta .button{min-width:255px}.hero-cta small{color:var(--muted);font-size:12px}.edition{color:var(--muted);font-size:10px}.data-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 2px;display:flex;align-items:center;gap:18px;font-size:12px;margin-bottom:24px}.data-strip>div{display:flex;gap:12px;align-items:center}.data-strip a{font-weight:700;margin-left:auto;white-space:nowrap}.data-strip a+a{margin-left:4px}.data-strip>span:not(.status-dot){color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(300px,1fr);gap:18px;align-items:start;scroll-margin-top:20px}.draft-room,.build-panel{border:1px solid var(--line);border-radius:var(--radius);padding:22px;background:linear-gradient(140deg,#1a2024,#151a1d)}.section-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-top h2{margin:0}.section-top .eyebrow{font-size:9px}.draft-instruction{margin:23px 0 20px}.draft-instruction h3{font-size:17px;margin-bottom:4px}.draft-instruction p{font-size:12px;color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.build-panel{padding:22px 20px}.proof-strip{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:24px;margin:24px 0 65px;padding:25px 28px;background:var(--cream);color:var(--ink);border-radius:var(--radius)}.proof-strip h2{font-size:23px;margin:0}.proof-strip>div{position:relative;border-left:1px solid #bcbcb4;padding-left:20px}.proof-strip span{font-family:Impact,sans-serif;font-size:28px;float:left;color:#c5b9aa;margin-right:12px}.proof-strip h3{font-size:13px;margin-bottom:6px}.proof-strip p{font-size:12px;line-height:1.5;margin:0;color:#525450}.editorial{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;margin-bottom:65px;padding:0 8px}.editorial h2{font-size:44px}.editorial>div>p:not(.eyebrow){max-width:430px;color:var(--muted)}.faq{max-width:850px;margin:0 auto 70px}.faq h2{font-size:35px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq details p{color:var(--muted);margin:15px 0 0}.faq summary{font-weight:700}.page-hero{padding:55px 0 38px;border-bottom:1px solid var(--line);margin-bottom:30px}.page-hero .lede{max-width:750px;color:var(--muted);font-size:18px}.article-title{font-size:clamp(38px,4vw,62px);max-width:900px;line-height:1.08}.crumb{font-size:10px;letter-spacing:1px;text-decoration:none;display:inline-block;margin-bottom:20px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:75px;margin:40px 0 80px}article>section{margin-bottom:38px}article>section h2{font-family:Arial,sans-serif;font-weight:700;font-size:23px}article>section p{color:#bfc2c3;max-width:800px}.article-aside{border:1px solid var(--line);padding:25px;border-radius:var(--radius);align-self:start;position:sticky;top:25px}.article-aside h2{margin-top:18px;font-size:33px}.article-aside>p{color:var(--muted);font-size:14px}.article-aside>a{display:block;margin-top:20px;font-size:13px}.pool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:25px 0 65px}.filters{display:flex;gap:18px;align-items:end;max-width:800px}.filters label{display:flex;flex-direction:column;gap:10px;flex:1;font-size:12px;color:var(--muted)}.filters input,.filters select{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:6px;padding:13px;min-width:0;width:100%}footer{max-width:1440px;margin:0 auto;padding:30px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}footer>div{display:flex;flex-wrap:wrap;gap:18px;font-size:11px}footer>p{width:100%;color:var(--muted);font-size:11px;margin:0}footer .brand b{font-size:20px}
}
@layer components{
.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:20px;text-decoration:none;border:1px solid var(--line);border-radius:5px;padding:12px 18px;background:var(--surface);color:var(--text);font-weight:700;font-size:13px;transition:background .15s,transform .15s}.button:not(:disabled):hover{transform:translateY(-1px);background:#293137;color:var(--text)}.button.primary{background:var(--orange);border-color:var(--orange);color:#171510}.button.primary:not(:disabled):hover{background:#ff995d}.button.danger{color:#ffc8b5;margin-top:20px}.icon-button{font-size:28px;line-height:1;min-height:44px;min-width:44px;border:0;background:transparent;color:var(--text)}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--orange);flex-shrink:0}.round-pill{border:1px solid var(--line);background:#111619;border-radius:30px;padding:7px 12px;font-size:11px;color:var(--orange);white-space:nowrap}.player-card{border-radius:7px;overflow:hidden;background:var(--cream);color:var(--ink);border:2px solid transparent;box-shadow:0 8px 20px #0002;min-width:0;transition:transform .15s,border-color .15s}.player-card.selected{border-color:var(--orange);transform:translateY(-3px)}.player-art{height:165px;position:relative;overflow:hidden;background:linear-gradient(125deg,#81411f,#c75b28);color:#e89453}.tone-1{background:linear-gradient(125deg,#555957,#a4a49b);color:#e2e1d7}.tone-2{background:linear-gradient(125deg,#23475b,#427693);color:#84abc0}.player-art:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(-40deg,transparent 0 15px,#ffffff07 15px 16px)}.player-art svg{width:100%;height:100%}.court-lines{opacity:.3}.jersey{color:#121a21;filter:drop-shadow(5px 9px 4px #0004)}.art-role{position:absolute;top:12px;left:12px;text-transform:uppercase;font-size:9px;letter-spacing:.16em;font-weight:700;color:#fff9}.team-tag{position:absolute;bottom:10px;right:10px;font-size:9px;background:#151a1d;color:#f3f0e9;padding:5px 7px;border-radius:3px;letter-spacing:.08em}.card-body{padding:15px 13px}.card-body h3{font-family:'Arial Narrow',Arial,sans-serif;font-weight:800;font-size:17px;line-height:1.15;min-height:40px;margin-bottom:5px;text-align:center;overflow-wrap:anywhere}.card-sub{font-size:10px;text-align:center;text-transform:uppercase;color:#a04418;font-weight:700;margin:0 0 15px}.card-sub span{color:#62615e}.stats-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid #c7c5be;padding-top:12px;margin-bottom:12px;text-align:center}.stats-mini small{display:block;font-size:9px;color:#5a5f61;font-weight:700;margin-bottom:3px}.stats-mini b{font-size:15px;font-variant-numeric:tabular-nums}.source-link{border:0;background:none;color:#a34318;font-size:11px;padding:8px 0;text-align:left;text-decoration:underline;text-underline-offset:3px;min-height:32px}.pick-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px;border:1px solid #b95827;background:transparent;border-radius:3px;color:#8f3613;font-size:12px;font-weight:700;margin-top:5px;min-height:40px}.pick-button:hover,.pick-button[aria-pressed=true]{background:#f47735;color:#171510}.trait-highlight{background:#e5dfd2;padding:8px 10px;display:flex;justify-content:space-between;gap:8px;border-radius:4px}.trait-highlight>span{font-size:8px;letter-spacing:.02em;font-weight:700;color:#4d504f}.trait-highlight strong{display:block;font-size:22px;color:var(--ink);margin-top:3px}.trait-highlight small{font-size:10px;color:#777}.confirm-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0 0}.confirm-bar p{font-size:12px;margin:0;color:var(--muted)}.confirm-bar .button{flex-shrink:0}.dataset-footnote{margin:15px 0 0;font-size:10px;color:var(--muted)}.build-identity{display:flex;align-items:center;gap:17px;margin:20px 0;padding-bottom:20px;border-bottom:1px solid var(--line)}.avatar-ball{position:relative;width:90px;height:115px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#4d3424,transparent 70%)}.avatar-ball img{width:90px;opacity:.3}.avatar-ball span{position:absolute;font-family:Impact,sans-serif;font-size:36px;color:var(--orange)}.build-identity>div:last-child{display:flex;flex-direction:column}.overall{font-size:62px;line-height:1.1;color:var(--orange)}.build-identity .muted{font-size:10px}.build-identity .tiny{font-size:8px}.trait-list{padding:0;margin:0;list-style:none}.trait-list li{display:grid;grid-template-columns:20px 1fr 30px;align-items:center;gap:4px 10px;padding:8px 0 7px;border-bottom:1px solid #2e363b}.trait-list li.current .trait-number,.trait-list li.current b{color:var(--orange)}.trait-number{color:#7d858b;font-size:9px}.trait-list b{display:block;font-size:11px}.trait-list small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.trait-rating{text-align:right;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.meter{grid-column:2/4;background:#30383d;height:3px;border-radius:3px;overflow:hidden}.meter i{display:block;background:var(--orange);height:100%}.rating-note{display:flex;align-items:center;gap:10px;margin-top:20px}.rating-note img{width:40px}.rating-note p{font-size:9px;line-height:1.6;margin:0;color:var(--muted)}.rating-note strong{color:var(--orange);font-size:10px}.rating-note a{color:var(--text)}.guide-links>a{position:relative;display:block;text-decoration:none;border-bottom:1px solid var(--line);padding:20px 35px 20px 0}.guide-links>a:first-child{padding-top:0}.guide-links span{color:var(--orange);font-size:10px;font-weight:700;letter-spacing:.1em}.guide-links h3{margin:9px 0 6px;font-size:21px}.guide-links p{color:var(--muted);font-size:13px;margin:0}.guide-links b{position:absolute;right:5px;top:40%;font-size:25px;color:var(--orange)}.result-room h2{font-size:clamp(36px,3.6vw,56px)}.result-score{display:flex;gap:20px;align-items:center;margin:25px 0}.result-score>strong{font-size:110px;line-height:1;color:var(--orange)}.result-score>span{font-weight:700;font-size:12px;line-height:1.8;color:var(--muted)}.result-insights{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.result-insights>div{border-top:1px solid var(--line);padding-top:18px}.result-insights h3{font-size:18px;margin:8px 0}.result-insights p{font-size:13px;color:var(--muted)}.result-insights .eyebrow{font-size:9px}.result-actions{display:flex;flex-wrap:wrap;gap:10px}.result-room>.muted{font-size:12px;margin-top:14px}.breakdown{border-top:1px solid var(--line);padding-top:20px;margin-top:25px}.breakdown>div{padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}.breakdown p{font-size:12px;color:var(--muted);margin:6px 0}.breakdown .source-link{color:var(--orange)}dialog{padding:25px;background:#1b2227;color:var(--text);border:1px solid #555f64;border-radius:10px;max-width:640px;width:calc(100% - 32px);max-height:85dvh;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:start;gap:20px;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:18px}.dialog-head h2{font-size:28px;margin:4px 0 0}dialog p{font-size:13px;line-height:1.7}dialog a{color:var(--orange)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.stat-grid>div{background:#252f35;padding:13px;border-radius:5px}.stat-grid small{display:block;color:var(--muted);font-size:11px}.stat-grid strong{display:block;font-size:23px;margin-top:6px;font-variant-numeric:tabular-nums}.notice{border-left:3px solid var(--orange);padding:15px;background:#f4773510;line-height:1.6;font-size:12px}.saved-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.saved-row>div{flex:1;min-width:0}.saved-row b{color:var(--orange);font-size:23px;display:block}.saved-row span{font-size:11px;display:block;color:var(--muted);margin-top:5px}textarea{width:100%;min-height:130px;resize:vertical;background:var(--bg);border:1px solid var(--line);color:var(--text);padding:12px;font-size:12px;overflow-wrap:anywhere}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);max-width:calc(100% - 32px);width:max-content;padding:13px 20px;background:#f3f0e9;color:var(--ink);box-shadow:0 8px 30px #0007;border-radius:6px;font-size:13px;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:100}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
}
@layer responsive{
@media(min-width:1600px){.hero{padding-top:50px}.player-art{height:195px}.card-body h3{font-size:19px}}
@media(max-width:1100px){header{padding:15px 24px;gap:15px;flex-wrap:wrap}header nav{order:3;width:100%;justify-content:center;gap:30px}main{padding:0 22px}.hero-cta{padding-right:0}.hero-cta .button{min-width:210px}.workspace{grid-template-columns:minmax(0,1fr) 290px;gap:12px}.draft-room,.build-panel{padding:16px}.cards{gap:8px}.card-body{padding:12px 8px}.card-body h3{font-size:15px;min-height:50px}.player-art{height:145px}.stats-mini{gap:4px}.stats-mini b{font-size:13px}.proof-strip{gap:15px;padding:22px}.proof-strip>div{padding-left:14px}.proof-strip span{display:none}.article-layout{gap:35px}.pool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.workspace{grid-template-columns:1fr}.build-panel{display:none}.result-room+.build-panel{display:block}.hero h1{font-size:55px}.hero-cta .edition{display:none}.data-strip{flex-wrap:wrap;gap:10px 15px}.data-strip>div{width:100%}.data-strip a{margin-left:0}.data-strip a+a{margin-left:0}.proof-strip{grid-template-columns:1fr 1fr;gap:20px}.proof-strip>div{border-left:0;padding:0}.proof-strip h2{font-size:23px}.editorial{gap:35px}.editorial h2{font-size:37px}.article-layout{grid-template-columns:1fr}.article-aside{position:static}.card-body h3{font-size:18px;min-height:44px}.player-art{height:180px}.card-body{padding:15px}.stats-mini b{font-size:16px}}
@media(max-width:600px){header{padding:13px 16px;gap:12px}.brand b{font-size:23px}.brand img{width:35px;height:35px}.brand span{font-size:7px;max-width:40px}header>.button{font-size:11px;padding:10px;min-height:38px}header nav{justify-content:space-between;gap:6px}header nav a{font-size:10px;padding:7px 0}main{padding:0 14px}.hero{padding:27px 0 23px;display:block}.hero h1{font-size:52px;line-height:1.02}.hero .lede{font-size:13px;max-width:300px}.hero-cta{margin-top:22px;gap:10px;flex-direction:row;align-items:center}.hero-cta .button{min-width:0;font-size:12px;padding:12px;gap:15px}.hero-cta small{font-size:9px;max-width:90px}.hero:after{right:-180px;opacity:.4}.eyebrow{font-size:9px}.data-strip{font-size:10px;padding:14px 0;margin-bottom:16px;gap:8px 10px}.data-strip .tiny{font-size:9px}.data-strip>span:not(.status-dot){font-size:10px}.data-strip>div{gap:10px}.data-strip a{font-size:10px}.draft-room{padding:14px}.section-top h2{font-size:25px}.section-top .eyebrow{font-size:8px}.round-pill{font-size:10px;padding:6px 10px}.draft-instruction{margin:17px 0}.draft-instruction h3{font-size:15px}.draft-instruction p{font-size:11px}.cards{grid-template-columns:1fr;gap:12px}.cards .player-card{display:grid;grid-template-columns:100px minmax(0,1fr)}.cards .player-art{height:100%;min-height:192px}.cards .player-art svg{position:absolute;top:20px;left:-34px;width:170px;max-width:none;height:155px}.cards .art-role{font-size:7px;left:8px;top:10px}.cards .team-tag{font-size:7px;left:5px;right:5px;bottom:8px;text-align:center}.cards .card-body{padding:12px}.cards .card-body h3{font-size:16px;min-height:0;text-align:left;margin-bottom:4px}.cards .card-sub{text-align:left;font-size:9px;margin-bottom:9px}.cards .stats-mini{text-align:left;margin-bottom:8px;padding-top:8px}.cards .stats-mini b{font-size:13px}.cards .stats-mini small{font-size:8px}.trait-highlight{padding:7px 8px}.trait-highlight strong{font-size:18px}.trait-highlight>span{font-size:7px}.cards .source-link{font-size:10px;padding:5px 0;min-height:28px}.cards .pick-button{font-size:11px;min-height:36px;margin-top:2px;padding:8px}.confirm-bar{gap:10px}.confirm-bar>div{max-width:50%}.confirm-bar p{font-size:10px}.confirm-bar .button{font-size:11px;padding:12px;gap:5px}.confirm-bar .tiny{font-size:8px}.dataset-footnote{font-size:9px;line-height:1.5}.proof-strip{margin:18px 0 40px;padding:20px;gap:18px}.proof-strip h2{font-size:22px}.proof-strip h3{font-size:12px}.proof-strip p{font-size:10px}.editorial{grid-template-columns:1fr;gap:30px;padding:0 5px;margin-bottom:40px}.editorial h2{font-size:37px}.editorial>div>p:not(.eyebrow){font-size:13px}.guide-links h3{font-size:18px}.guide-links p{font-size:12px}.faq{padding:0 5px;margin-bottom:40px}.faq h2{font-size:29px}.faq summary{font-size:13px;line-height:1.6}.faq p{font-size:12px}.page-hero{padding:30px 0 25px}.page-hero h1{font-size:43px}.page-hero h1.article-title{font-size:36px}.page-hero .lede{font-size:15px}.article-layout{margin:25px 0 40px}.article-layout article p{font-size:14px}.article-layout article h2{font-size:21px}.pool-grid{grid-template-columns:1fr 1fr;gap:12px}.pool-grid .player-art{height:135px}.pool-grid .card-body{padding:10px}.pool-grid .card-body h3{font-size:14px;min-height:48px}.pool-grid .stats-mini b{font-size:12px}.filters{gap:10px}.filters label{font-size:10px}.filters input,.filters select{font-size:12px;padding:10px}.filters label:first-child{flex:1.3}#pool-count{font-size:12px}.result-room h2{font-size:37px}.result-score>strong{font-size:88px}.result-insights{grid-template-columns:1fr;gap:5px}.result-actions .button{font-size:11px;padding:11px}.result-room+.build-panel{margin-top:0}.trait-list b{font-size:12px}.trait-list small{font-size:10px}dialog{padding:18px}.stat-grid strong{font-size:20px}.dialog-head h2{font-size:24px}footer{padding:25px 20px;gap:18px}footer>div{gap:14px;line-height:1.6;font-size:10px}footer>p{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
}