/* 4DK NBA RANKINGS HQ — additive standalone feature, October 18 2026 */
:root{--bg:#0b0c10;--card:#17181e;--card2:#202029;--ink:#f7f0e7;--gold:#edc887;--gold2:#bb9151;--red:#e4473a;--muted:#b5acaa;--line:#3c3739;--font-condensed:Impact,'Arial Narrow','Arial Black',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}a:hover{text-decoration-color:var(--red)}.shell{max-width:1250px;margin:auto;padding:0 24px}
.skip{position:absolute;left:-9999px;top:0;padding:12px;background:#fff;color:#111;z-index:100}.skip:focus{left:12px}.topbar{background:#100d0f;border-bottom:1px solid #52413f}.topbar-inner{display:flex;justify-content:space-between;gap:15px;align-items:center;min-height:66px}.logo{font-weight:1000;font-size:21px;letter-spacing:.04em;text-decoration:none;white-space:nowrap}.logo strong{color:var(--red);font-size:30px}.nav{display:flex;gap:19px;align-items:center;flex-wrap:wrap}.nav a{font-size:11px;letter-spacing:.11em;font-weight:900;text-transform:uppercase;text-decoration:none;color:#d2bdb4}.nav a.is-active{color:var(--gold)}
.hero{border-bottom:3px solid var(--red);background:radial-gradient(ellipse at 85% 25%,#722d36aa,transparent 43%),linear-gradient(125deg,#151118 0%,#21141b 70%,#391c24 100%);overflow:hidden;position:relative}.hero .shell{min-height:360px;display:flex;align-items:center;position:relative;padding-top:46px;padding-bottom:48px}.court{position:absolute;inset:0;opacity:.11;background:linear-gradient(90deg,transparent 49.9%,#f8dfb9 50%,transparent 50.1%),radial-gradient(circle at 80% 45%,transparent 0 125px,#f8dfb9 126px 128px,transparent 129px);pointer-events:none}.hero-copy{position:relative;z-index:2;width:min(715px,74%)}.eyebrow{display:block;color:var(--gold);font-size:11px;font-weight:900;letter-spacing:.21em;text-transform:uppercase}.hero h1{font:1000 clamp(54px,6vw,85px)/.85 var(--font-condensed);text-transform:uppercase;letter-spacing:-.035em;margin:17px 0 14px}.hero h1 em{font-style:normal;color:var(--gold)}.hero p{max-width:590px;color:#e0d3cc;font:17px/1.55 Georgia,serif;margin:0 0 18px}.hero-stamp{display:inline-flex;gap:12px;flex-wrap:wrap;color:#f4ddad;font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;border:1px solid #745044;background:#2b1b20;padding:10px 12px}.hero-person{pointer-events:none;position:absolute;right:-28px;bottom:-33px;height:105%;max-width:53%;object-fit:contain;object-position:bottom right;filter:drop-shadow(-20px 5px 25px #060507);opacity:.94}
.strip{background:#17151a;border-bottom:1px solid var(--line)}.strip-inner{display:grid;grid-template-columns:repeat(3,1fr)}.strip-cell{text-align:center;border-right:1px solid var(--line);padding:20px 9px}.strip-cell:last-child{border:0}.strip-cell strong{font:1000 37px/.9 var(--font-condensed);display:block;color:#fff}.strip-cell span{font-size:10px;font-weight:900;color:var(--gold);letter-spacing:.13em;text-transform:uppercase;display:block;margin-top:10px}
.hub-section{padding:30px 0 80px}.hub-title{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin:28px 0 18px}.hub-title h2{font:1000 clamp(35px,4vw,58px)/.94 var(--font-condensed);margin:10px 0 8px;text-transform:uppercase}.hub-title p{font:14px/1.55 Georgia,serif;color:#b9b0aa;margin:0;max-width:750px}.hub-tabs{display:flex;gap:8px;flex-wrap:wrap}.hub-tab{border:1px solid #5b4448;background:#201c22;color:#dad2cb;padding:16px 18px;font-size:12px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;border-radius:3px}.hub-tab[aria-selected="true"]{background:var(--red);color:white;border-color:var(--red)}.hub-tab:not([aria-selected="true"]):hover{background:#38272e}.hub-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:23px 0 14px}.search-wrap{min-width:230px;flex:1;position:relative}.search-wrap input{width:100%;background:#222027;border:1px solid #655254;color:#fff;border-radius:3px;padding:15px 15px 15px 40px;font-size:13px}.search-wrap input::placeholder{color:#9b9292}.search-icon{position:absolute;top:13px;left:14px;color:#d4b89c;font-size:18px}.filter-row{display:flex;gap:6px;flex-wrap:wrap}.filter-btn{border:1px solid #504649;background:#252128;color:#cfc5c4;padding:12px 13px;border-radius:3px;font-size:10px;letter-spacing:.07em;font-weight:900;text-transform:uppercase}.filter-btn.active{background:var(--gold);color:#251b1b;border-color:var(--gold)}
.hub-grid{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(0,1.5fr);gap:18px;align-items:start}.board{background:#14151a;border:1px solid #40373c;border-radius:4px;overflow:hidden}.board-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px;background:#211d23;border-bottom:1px solid #453c40}.board-head strong{font-size:11px;letter-spacing:.1em;color:var(--gold);text-transform:uppercase}.board-head small{color:#b7aaa8;font-size:10px}.board-scroll{max-height:730px;overflow:auto;scrollbar-color:#86645b #1c191c}.entry{display:flex;align-items:center;text-align:left;gap:11px;width:100%;background:transparent;color:var(--ink);border:0;border-bottom:1px solid #332e33;padding:11px 13px}.entry:hover{background:#2a2228}.entry[aria-pressed="true"]{background:#41252c;box-shadow:inset 4px 0 var(--red)}.num{font:1000 32px/1 var(--font-condensed);min-width:39px;color:var(--gold);text-align:center}.thumb{height:49px;width:49px;object-fit:cover;object-position:center 15%;background:linear-gradient(135deg,#693c4a,#302832);border:1px solid #644953;border-radius:3px;flex-shrink:0}.entry-text{min-width:0;flex:1}.entry-text strong{font-weight:900;font-size:13px;line-height:1.35;display:block}.entry-text small{font-size:10px;line-height:1.35;color:#b9a9ac;display:block;margin-top:4px}.status{font-size:9px;font-weight:900;color:#f0cb8a;border:1px solid #81674f;padding:6px;border-radius:2px;white-space:nowrap}.status.down{color:#ffaaa5;border-color:#9c4744}.status.up{color:#a4e8bb;border-color:#347b55}.status.same{color:#cfc9c3;border-color:#625d60}.board .empty{color:#c6bdb9;padding:18px;font-size:13px}
.profile{background:linear-gradient(145deg,#262129,#15151b);border:1px solid #59434b;border-radius:4px;overflow:hidden;min-width:0}.profile-hero{position:relative;background:radial-gradient(ellipse at 80% 50%,#79414b,#281c27 65%,#19161f 100%);min-height:300px;overflow:hidden;display:flex;align-items:end;border-bottom:1px solid #715151}.profile-hero.has-team{min-height:245px;background:radial-gradient(ellipse at 85% 10%,#6b373e,#1b1921 73%)}.profile-hero-image{position:absolute;right:-4%;bottom:-8px;max-width:60%;height:108%;object-fit:contain;object-position:bottom right;filter:drop-shadow(-15px 5px 22px #0009)}.profile-hero-content{z-index:1;position:relative;padding:26px;max-width:72%;text-shadow:0 2px 14px #0008}.profile-rank{font:1000 clamp(76px,11vw,120px)/.8 var(--font-condensed);color:var(--gold);margin:12px 0 20px;letter-spacing:-.03em}.profile-hero h3{font:1000 clamp(40px,5vw,72px)/.92 var(--font-condensed);letter-spacing:-.02em;margin:7px 0 8px;text-transform:uppercase;overflow-wrap:anywhere}.profile-hero .subtitle{font-size:13px;color:#f1d6c5;font-weight:700;line-height:1.5}.profile-inner{padding:24px}.profile-inner h4{font-size:13px;color:var(--gold);letter-spacing:.12em;margin:26px 0 14px;text-transform:uppercase}.profile-inner h4:first-child{margin-top:0}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.fact{padding:12px;border:1px solid #50434a;background:#252127;min-width:0}.fact small{display:block;color:#b8a9a7;font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:900;margin-bottom:8px}.fact strong{font-size:14px;line-height:1.38;overflow-wrap:anywhere}.statline{padding:15px 16px;background:#29252a;border-left:4px solid var(--red);font-size:14px;color:#f9ecdd;line-height:1.6}.movement-banner{margin:15px 0;padding:15px;border:1px solid #715443;background:#332725;display:flex;gap:12px;justify-content:space-between;align-items:center}.movement-banner span{font-size:11px;color:#decfc4;line-height:1.5}.movement-banner b{color:var(--gold);font-size:13px;white-space:nowrap}.analysis{border-top:1px solid #4e4144;padding-top:7px}.analysis p{font:15px/1.8 Georgia,'Times New Roman',serif;color:#e8ded8;margin:0 0 18px}.notes-title{font:900 18px/1.2 Georgia,serif;color:#f2d49d;margin:0 0 14px}.film-room{background:#231f20;border:1px solid #695641;border-left:4px solid var(--gold2);padding:20px}.film-room p{font:14px/1.75 Georgia,serif;color:#e4d9d2;margin:0 0 15px}.film-room p:last-child{margin:0}.team-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:18px 0}.team-fact{border:1px solid #4d4043;background:#252125;padding:13px}.team-fact small{display:block;color:#b2a2a2;font-size:9px;letter-spacing:.08em;text-transform:uppercase;font-weight:900;margin-bottom:6px}.team-fact b{display:block;font-size:12px;line-height:1.5}.source-cta{display:flex;align-items:center;justify-content:space-between;gap:10px;text-decoration:none;border:1px solid #ed745e;background:#ae3033;color:#fff;padding:16px 17px;font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;margin-top:20px}.source-cta:hover{background:#d54739}.fineprint{color:#bcaeac;font-size:11px;line-height:1.6;margin:14px 0 0}
.history{border:1px solid #795544;background:linear-gradient(130deg,#322126,#1a1920);padding:26px;margin-bottom:18px}.history h3{font:1000 37px/1 var(--font-condensed);text-transform:uppercase;margin:10px 0}.history p{color:#dfd2ca;font:15px/1.65 Georgia,serif;max-width:840px}.history-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0 10px}.history-box{border:1px solid #6c5550;background:#262127;padding:16px;text-align:center}.history-box b{display:block;font:1000 40px/1 var(--font-condensed);color:var(--gold)}.history-box small{display:block;margin-top:9px;color:#d5c4bf;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.history-footer{padding:15px 16px;background:#1f1d22;border:1px solid #55464b;color:#d9ccc6;font-size:12px;line-height:1.5;margin:12px 0}.history .history-legend{display:flex;gap:15px;flex-wrap:wrap;font-size:12px;font-weight:800}.history-legend b{color:#ebc78c}.loading,.error{background:#201c23;padding:30px;border:1px solid #554149;margin-top:25px}.loading strong,.error strong{font-size:16px;color:var(--gold)}.loading p,.error p{font:14px/1.7 Georgia,serif}.error a{color:var(--gold)}.footer{border-top:1px solid var(--line);background:#121116;padding:26px 0;color:#bbaeb0}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer small{font-size:11px}
@media(max-width:850px){.hero h1{font-size:clamp(48px,6.8vw,75px)}.hero-person{max-width:59%;right:-9%}.hub-grid{grid-template-columns:minmax(240px,.86fr) minmax(0,1.14fr)}.profile-inner{padding:17px}.profile-hero h3{font-size:42px}.profile-hero-content{padding:18px}.facts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.shell{padding:0 14px}.topbar-inner{min-height:60px}.logo{font-size:17px}.logo strong{font-size:25px}.nav{gap:12px}.nav a{font-size:9px}.nav a:nth-child(n+4){display:none}.hero .shell{min-height:310px;padding-top:29px;padding-bottom:34px}.hero-copy{width:87%}.hero h1{font-size:clamp(39px,10vw,52px)}.hero-person{max-width:82%;height:83%;right:-29%;bottom:-4%;opacity:.44}.hero p{font-size:14px}.hero-stamp{font-size:9px}.strip-cell{padding:15px 5px}.strip-cell strong{font-size:31px}.strip-cell span{font-size:8px}.hub-section{padding-top:17px}.hub-tabs{gap:5px}.hub-tab{flex:1;min-width:0;padding:12px 6px;font-size:9px;letter-spacing:0}.hub-title{margin:22px 0 12px}.hub-title h2{font-size:38px}.hub-toolbar{margin-top:13px}.filter-btn{padding:9px 10px;font-size:9px}.hub-grid{grid-template-columns:1fr;gap:12px}.board-scroll{max-height:275px}.entry{padding:10px}.thumb{width:45px;height:45px}.profile-hero{min-height:260px}.profile-hero-image{max-width:72%;height:100%;right:-7%}.profile-rank{font-size:83px}.profile-hero h3{font-size:44px}.profile-hero-content{max-width:76%}.profile-inner{padding:17px}.analysis p{font-size:14px;line-height:1.75}.history{padding:18px}.history-grid{gap:5px}.history-box{padding:12px 4px}.history-box b{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* OCT 18 MOBILE PROFILE POLISH — layout-only, preserving source ranks and essays.
   Long player names must remain whole, and authentic photos must not cover headings.
   Team headlines and action photographs have their own separate space on phones. */
@media (max-width:680px) {
  .profile-hero,
  .profile-hero.has-team {
    display:flex;
    flex-direction:column;
    align-items:stretch;
    min-height:0;
    overflow:hidden;
  }
  .profile-hero .profile-hero-content,
  .profile-hero.has-team .profile-hero-content {
    order:0;
    width:100%;
    max-width:100%;
    padding:23px 22px 17px;
    text-shadow:none;
  }
  .profile-hero .profile-rank {
    font-size:clamp(66px,20vw,86px);
    margin:14px 0 19px;
  }
  .profile-hero h3,
  .profile-hero.has-team h3 {
    font-size:clamp(32px,8.6vw,43px);
    line-height:1.02;
    letter-spacing:-.035em;
    overflow-wrap:normal;
    word-break:normal;
    hyphens:manual;
    max-width:100%;
  }
  .profile-hero .subtitle {
    max-width:100%;
    overflow-wrap:break-word;
    font-size:13px;
  }
  .profile-hero .profile-hero-image,
  .profile-hero.has-team .profile-hero-image {
    order:1;
    position:relative;
    inset:auto;
    display:block;
    width:100%;
    max-width:100%;
    flex:none;
    margin:0;
    filter:none;
  }
  .profile-hero:not(.has-team) .profile-hero-image {
    height:clamp(185px,60vw,270px);
    object-fit:contain;
    object-position:center bottom;
    filter:drop-shadow(0 4px 16px #0008);
  }
  .profile-hero.has-team .profile-hero-content {
    padding-bottom:22px;
  }
  .profile-hero.has-team .profile-hero-image {
    height:clamp(180px,58vw,275px);
    object-fit:cover;
    object-position:center center;
    border-top:1px solid #715151;
  }
}

/* Keep the narrowest phones from widening the entire page on long player names. */
@media (max-width:680px) {
  .hub-grid { grid-template-columns:minmax(0,1fr); }
  .hub-grid > *, .board, .board-scroll { min-width:0; }
  .entry-text strong { overflow-wrap:anywhere; }
}


/* OCT 18 HEAD-TO-HEAD ADDITION — source-linked and editorially read-only. */
.compare-picker{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:end;background:#221c23;border:1px solid #66504d;border-top:3px solid var(--red);padding:17px;margin:18px 0 10px}
.compare-picker label{display:grid;gap:9px;font-size:10px;font-weight:900;color:var(--gold);letter-spacing:.15em;min-width:0}
.compare-picker select{width:100%;min-width:0;background:#111117;border:1px solid #715d5b;border-radius:3px;color:#fff;padding:13px 10px;font-size:13px;font-weight:700;letter-spacing:0;line-height:1.5}
.compare-swap{height:45px;min-width:70px;padding:8px 11px;background:#e2bc79;color:#2b1920;border:0;font-size:23px;font-weight:900;border-radius:3px;line-height:1}
.compare-swap span{display:block;font-size:9px;letter-spacing:.1em;margin-top:2px}
.compare-presets{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:13px 0 22px}
.compare-presets span{color:#c8aea8;font-size:10px;font-weight:900;letter-spacing:.09em}
.compare-presets button{border:1px solid #605059;color:#e7d0c4;padding:8px 10px;background:#282229;border-radius:3px;font-size:10px;font-weight:900;letter-spacing:.04em}
.compare-presets button:hover{background:#45303b}
.compare-card-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;position:relative}
.compare-player{background:radial-gradient(ellipse at 90% 70%,#723944,#261d28 70%);border:1px solid #79565a;overflow:hidden;min-width:0;padding:24px 22px 0;display:flex;flex-direction:column;align-items:start}
.compare-player-b{background:radial-gradient(ellipse at 18% 76%,#6e4532,#201d28 76%)}
.compare-rank{font:1000 clamp(68px,9vw,108px)/.9 var(--font-condensed);color:var(--gold);display:block;margin:10px 0 15px}
.compare-player h3{font:1000 clamp(32px,4vw,57px)/.97 var(--font-condensed);text-transform:uppercase;overflow-wrap:break-word;word-break:normal;letter-spacing:-.03em;margin:2px 0 12px;max-width:100%}
.compare-team{color:#f5d5b9;font-size:13px;line-height:1.5;font-weight:700;min-height:38px}
.compare-portrait{height:230px;width:100%;display:flex;align-items:end;justify-content:center;min-width:0;overflow:hidden;margin-top:auto}
.compare-portrait img{display:block;width:100%;height:100%;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 2px 16px #0006)}
.compare-no-photo{align-self:center;padding:22px;font-size:11px;font-weight:900;color:#cbbda7}.compare-photo-fallback{display:none}.photo-unavailable .compare-photo-fallback{display:block}
.compare-player-footer{padding:13px 0;width:100%;border-top:1px solid #9b797477;display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px;align-items:center}
.compare-player-footer span{font-size:9px;color:#d3b6a7;letter-spacing:.08em;font-weight:900}
.compare-player-footer strong{font-size:11px;color:var(--gold)}
.compare-vs{z-index:1;position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);border:3px solid #e5c88d;box-shadow:0 4px 15px #000a;background:#ad3537;color:#fff;padding:12px 11px;border-radius:50%;font:1000 20px/1 var(--font-condensed)}
.compare-rank-note{background:#292125;border:1px solid #674c43;border-top:0;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 18px;font-size:12px;line-height:1.7;color:#dfd2c8}
.compare-rank-note b{color:var(--gold);font-size:10px;letter-spacing:.08em}
.compare-rank-gap{font-size:11px;font-weight:900;color:#f1c986;text-align:right;white-space:nowrap}
.compare-stats{margin:23px 0;padding:24px;background:#1c1a20;border:1px solid #5d4b4b}
.compare-stats-head h3{font:1000 clamp(30px,4vw,50px)/1 var(--font-condensed);margin:9px 0 8px}
.compare-stats-head p,.compare-essays-head p{font:14px/1.65 Georgia,serif;color:#c7bcb5;max-width:860px}
.compare-metric-names{display:flex;justify-content:space-between;gap:15px;font-size:12px;font-weight:900;color:var(--gold);margin:24px 0 12px}
.compare-metric-names span:last-child{text-align:right}
.compare-metric{display:grid;grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr);align-items:center;gap:14px;padding:13px 0;border-top:1px solid #554248}
.compare-metric-label{text-align:center;font-size:11px;color:#e2c6a7;font-weight:900;letter-spacing:.1em}
.compare-half{min-width:0}.compare-half.b{text-align:right}.compare-number{font:1000 24px/1.1 var(--font-condensed);color:#fff;margin-bottom:8px}
.compare-track{width:100%;height:11px;background:#3d3439;border-radius:1px;overflow:hidden}
.compare-fill{background:#e4493d;height:100%;max-width:100%}.compare-half.b .compare-fill{background:#edc887;margin-left:auto}
.compare-stat-raw{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:24px 0 12px}
.compare-stat-raw>div{background:#29242a;border:1px solid #574548;padding:14px;min-width:0}
.compare-stat-raw strong{color:var(--gold);font-size:12px}.compare-stat-raw p{font-size:13px;line-height:1.55;color:#f3e8df;overflow-wrap:anywhere}
.compare-essays-head{margin:35px 0 16px}.compare-essays-head h2{font:1000 clamp(33px,4.5vw,54px)/1 var(--font-condensed);margin:10px 0 7px}
.compare-editorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.compare-editorial{background:#211b22;border:1px solid #60434a;padding:22px;min-width:0}
.compare-editorial h3{font:1000 clamp(30px,3.5vw,44px)/.98 var(--font-condensed);margin:12px 0 18px;overflow-wrap:anywhere;text-transform:uppercase}
.compare-analysis p{font:14px/1.72 Georgia,serif;color:#e8ded8;margin:0 0 15px}
.compare-analysis details{margin-top:17px;border-top:1px solid #705255;border-bottom:1px solid #705255}
.compare-analysis summary{cursor:pointer;font-size:11px;font-weight:900;color:var(--gold);padding:15px 0;letter-spacing:.04em;line-height:1.4}
.compare-analysis summary:hover{color:#fff}
.compare-more{padding-top:10px}
.compare-editorial .source-cta{margin-top:18px}
.compare-bottom{border:1px solid #594442;background:#282026;margin:24px 0 6px;padding:16px}
.compare-bottom span{display:block;font-size:11px;font-weight:900;color:var(--gold);letter-spacing:.1em;margin-bottom:10px}
.compare-bottom a{display:block;overflow-wrap:anywhere;font-size:12px;color:#fff}
.compare-bottom p{font-size:11px;line-height:1.55;color:#cbb9b2}
@media(max-width:850px){.compare-portrait{height:195px}.compare-player{padding:18px 15px 0}.compare-editorial{padding:16px}}
@media(max-width:680px){
 .hub-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .hub-tab{font-size:10px;min-height:46px}
 .compare-picker{gap:6px;padding:12px 10px;grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr)}
 .compare-picker label{font-size:9px;letter-spacing:.06em}.compare-picker select{padding:10px 3px;font-size:11px}
 .compare-swap{min-width:0;width:46px;height:43px;font-size:22px;padding:4px}.compare-swap span{font-size:8px}
 .compare-presets{gap:6px}.compare-presets span{width:100%;font-size:9px}
 .compare-presets button{font-size:9px;padding:9px 8px}
 .compare-card-grid{gap:8px}
 .compare-player{padding:14px 10px 0}
 .compare-player .eyebrow{font-size:8px;letter-spacing:.09em;line-height:1.4}
 .compare-rank{font-size:clamp(43px,12vw,66px);margin:12px 0 10px}
 .compare-player h3{font-size:clamp(19px,5.4vw,30px);line-height:1.04;letter-spacing:-.035em;overflow-wrap:anywhere}
 .compare-team{font-size:10px;line-height:1.4;min-height:51px;overflow-wrap:anywhere}
 .compare-portrait{height:clamp(120px,37vw,180px)}
 .compare-player-footer{gap:5px}.compare-player-footer span{font-size:8px}.compare-player-footer strong{font-size:9px}
 .compare-vs{font-size:13px;padding:9px 6px;border-width:2px;top:52%}
 .compare-rank-note{padding:12px 9px;gap:7px;font-size:10px}.compare-rank-gap{font-size:9px;white-space:normal}
 .compare-stats{padding:15px 11px}.compare-metric{grid-template-columns:minmax(0,1fr) 80px minmax(0,1fr);gap:5px}
 .compare-metric-label{font-size:9px;letter-spacing:0}.compare-number{font-size:23px}
 .compare-metric-names{font-size:10px}.compare-stat-raw{gap:6px}.compare-stat-raw>div{padding:10px}.compare-stat-raw strong{font-size:10px}.compare-stat-raw p{font-size:11px}
 .compare-editorial-grid{grid-template-columns:minmax(0,1fr)}.compare-editorial{padding:17px}
}
@media(max-width:350px){.compare-player h3{font-size:18px}.compare-metric{grid-template-columns:minmax(0,1fr) 68px minmax(0,1fr)}}


/* 4DK WHO YOU GOT? — added October 18, 2026; original ranking layout remains intact. */
.extra-verdict,.extra-debate,.extra-social{margin:28px 0;padding:24px;border:1px solid #6f4c4b;background:linear-gradient(135deg,#2d2027,#17151b);min-width:0}
.extra-verdict h2,.extra-debate h2,.extra-social h2{font:1000 clamp(30px,5vw,56px)/1 Impact,'Arial Narrow',sans-serif;letter-spacing:-.025em;margin:11px 0 16px;text-transform:uppercase}
.extra-verdict h2 em{color:var(--gold);font-style:normal}
.verdict-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:17px 0}
.verdict-grid>div{border:1px solid #604b4c;padding:19px;background:#201b20;min-width:0}
.verdict-grid small{font-size:10px;letter-spacing:.1em;font-weight:900;color:#cda97a;display:block;margin-bottom:13px}
.verdict-grid strong{display:block;font:1000 clamp(22px,3vw,35px)/1.05 Impact,'Arial Narrow',sans-serif;color:#fff1d7;text-transform:uppercase;overflow-wrap:anywhere}
.verdict-grid p,.verdict-lenses p,.extra-debate>p,.extra-social>div>p{font:14px/1.7 Georgia,serif;color:#ddd0cb}
.verdict-lenses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.verdict-lenses>div{padding:15px;background:#1a171b;border-top:3px solid #ac4040}
.verdict-lenses b{color:#f4c888;font-size:12px;letter-spacing:.03em}
.vote-choice{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:18px 0}
.vote-choice button{border:1px solid #b58b74;border-radius:3px;background:#33262c;padding:18px 12px;color:white;font-weight:900;font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.vote-choice button[aria-pressed="true"]{background:#e8c480;color:#24191d;border-color:#e8c480}
.vote-result{font-size:13px;color:#e7d5cc;padding:13px 0;min-height:45px}.vote-result b{color:#efc87e}
.extra-share-pick{background:#c13e3b;border:0;color:#fff;padding:13px 20px;font-weight:900;font-size:12px;letter-spacing:.06em}
.extra-share-pick:disabled{opacity:.4;cursor:not-allowed}
.social-preview{max-width:710px;background:linear-gradient(125deg,#190e19,#612b35 65%,#19121c);padding:28px;border:1px solid #c59667;border-top:6px solid #e74a3c;margin:18px 0;overflow:hidden}
.social-brand{font:1000 35px/1 Impact,'Arial Narrow',sans-serif}.social-brand>span{color:#eec684;margin:0 5px}.social-brand small{font:900 9px Arial,sans-serif;letter-spacing:.09em;color:#ddbfa0;display:block;margin-top:7px}
.social-names{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);gap:8px;align-items:center;margin:38px 0}
.social-names>div{min-width:0}.social-names b{display:block;font:1000 52px Impact,sans-serif;color:#f3ca87;margin-bottom:13px}.social-names strong{font:1000 clamp(19px,3vw,31px)/1 Impact,'Arial Narrow',sans-serif;display:block;text-transform:uppercase;overflow-wrap:anywhere}.social-names small{font-size:11px;color:#f5d7bd;margin-top:10px;display:block}
.social-names>i{background:#b63e3b;border-radius:50%;padding:12px 4px;text-align:center;font:1000 17px Impact,sans-serif;font-style:normal}
.social-preview>p{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #a17975;padding-top:15px;font-size:13px;font-weight:900;color:#fce1b3}.social-preview>p span{font-size:10px}
.social-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.social-actions button{background:#eed19a;border:0;color:#22181c;font-weight:900;font-size:12px;padding:15px 10px;min-width:0}
.social-actions button:nth-child(n+3){background:#393039;border:1px solid #826b60;color:#fff}
.social-actions button:disabled{opacity:.4;cursor:wait}
.social-feedback{font-size:12px;color:#f3c987;min-height:15px;margin:12px 0}
.social-link{border-top:1px solid #57474a;padding-top:12px;margin-top:12px}.social-link small{font-size:10px;color:#e3bd83}.social-link a{display:block;overflow-wrap:anywhere;color:#fff;margin-top:7px;font-size:11px}
@media(max-width:680px){
.extra-verdict,.extra-debate,.extra-social{padding:16px 12px;margin:20px 0}
.verdict-grid{grid-template-columns:1fr}.verdict-lenses{grid-template-columns:1fr}.verdict-grid>div{padding:14px}
.vote-choice{gap:6px}.vote-choice button{padding:13px 7px;font-size:11px}
.social-preview{padding:14px}.social-brand{font-size:28px}.social-names{grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);gap:5px;margin:25px 0}
.social-names b{font-size:38px}.social-names strong{font-size:clamp(16px,4.6vw,24px)}.social-names>i{font-size:12px;padding:9px 3px}.social-names small{font-size:9px}
.social-preview>p{font-size:10px}.social-preview>p span{font-size:8px}.social-actions{gap:7px}.social-actions button{font-size:10px;padding:13px 6px}
}