:root{
  --ink:#070912; --night:#0b1020; --paper:#f1eee8; --silver:#b9c1d4; --mist:#7e88a2;
  --violet:#8a6cff; --cyan:#55e5ff; --rose:#ff5da2; --gold:#dbc899; --lime:#a9ffb8;
  --hair:rgba(222,229,255,.16); --glass:rgba(12,17,34,.58); --display:"Bodoni 72","Didot","Iowan Old Style","Times New Roman",serif;
  --body:"Avenir Next","Segoe UI",Arial,sans-serif; --mono:"Arial Narrow","Roboto Condensed",Arial,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--body);line-height:1.5;overflow-x:hidden}
a{color:inherit}.ambient{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden;background:radial-gradient(circle at 55% 15%,#172341 0,transparent 35%),linear-gradient(180deg,#070912,#080b15 42%,#060811)}
.aurora{position:absolute;width:70vw;height:70vw;border-radius:48% 52% 61% 39%;filter:blur(80px);opacity:.17;mix-blend-mode:screen;animation:drift 18s ease-in-out infinite alternate}.aurora-a{background:conic-gradient(from 40deg,var(--violet),var(--cyan),transparent 35%,var(--rose),var(--violet));left:-18vw;top:-28vw}.aurora-b{background:conic-gradient(from 120deg,var(--rose),var(--violet),transparent 42%,var(--cyan));right:-28vw;top:20vh;animation-delay:-7s}.grain{position:absolute;inset:0;opacity:.085;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.court-lines{position:absolute;inset:-30%;opacity:.055;background:repeating-radial-gradient(ellipse at 50% 45%,transparent 0 110px,#dce7ff 112px 113px,transparent 115px 220px);transform:perspective(900px) rotateX(67deg) scale(1.35)}
@keyframes drift{to{transform:translate3d(10vw,8vh,0) rotate(18deg) scale(1.15)}}
.masthead{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:28px;padding:18px clamp(22px,4vw,64px);border-bottom:1px solid var(--hair);background:linear-gradient(180deg,rgba(7,9,18,.9),rgba(7,9,18,.62));backdrop-filter:blur(20px)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none}.brand-mark{display:grid;place-items:center;width:33px;height:33px;border:1px solid rgba(255,255,255,.4);font-family:var(--display);font-size:23px;font-style:italic;transform:rotate(-8deg);box-shadow:inset 0 0 18px rgba(85,229,255,.15)}.brand b{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.brand small{display:block;color:var(--mist);font-size:10px;letter-spacing:.09em}.nav{display:flex;gap:22px}.nav a{text-decoration:none;color:#c7cede;font-size:11px;letter-spacing:.14em;text-transform:uppercase}.nav a:hover,.nav a:focus-visible{color:white}.data-toggle{border:1px solid var(--hair);background:rgba(255,255,255,.04);color:#d9deeb;border-radius:999px;padding:9px 12px;font:600 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.data-toggle span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan);margin-right:6px}.data-toggle[aria-pressed="true"]{background:rgba(85,229,255,.12);border-color:rgba(85,229,255,.45)}
.hero{min-height:calc(100vh - 72px);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);align-content:center;position:relative;padding:9vh clamp(22px,7vw,110px) 8vh}.hero-kicker{grid-column:1/-1;font:700 11px var(--mono);letter-spacing:.26em;text-transform:uppercase;color:var(--cyan);margin-bottom:24px}.hero h1{margin:0;font:400 clamp(70px,11.8vw,190px)/.74 var(--display);letter-spacing:-.065em;max-width:12ch;text-wrap:balance;position:relative;z-index:2}.hero h1 .italic{font-style:italic;text-shadow:0 0 60px rgba(138,108,255,.22)}.hero h1 .outline{color:transparent;-webkit-text-stroke:1px rgba(241,238,232,.65);text-shadow:0 0 80px rgba(85,229,255,.08)}.hero-deck{align-self:end;padding:0 0 2vh 5vw;max-width:540px;border-left:1px solid var(--hair)}.hero-deck p{color:#b8bfd0;font-size:clamp(15px,1.45vw,20px);max-width:44ch}.hero-scoreline{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-scoreline span{padding:9px 12px;border:1px solid var(--hair);border-radius:999px;font:700 11px var(--mono);letter-spacing:.1em;background:rgba(255,255,255,.025)}.hero-scoreline i{font-style:normal;color:var(--mist);margin:0 3px}.hero-orbit{position:absolute;right:3vw;top:10vh;width:min(34vw,520px);aspect-ratio:1;opacity:.72;filter:drop-shadow(0 0 70px rgba(112,111,255,.24))}.ball-core{position:absolute;inset:30%;border-radius:50%;background:radial-gradient(circle at 34% 30%,#ffe1cf 0 3%,#e96144 8%,#9e2e46 35%,#251638 72%,#101426 100%);box-shadow:inset -20px -25px 50px #070912,0 0 80px rgba(255,93,162,.18)}.ball-core:before,.ball-core:after{content:"";position:absolute;inset:5%;border:2px solid rgba(9,8,20,.75);border-radius:50%;transform:rotate(55deg)}.ball-core:after{transform:rotate(-50deg) scaleX(.32)}.orbit{position:absolute;border:1px solid rgba(182,205,255,.22);border-radius:50%;inset:14%;transform:rotate(28deg);animation:orbit 16s linear infinite}.orbit:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px var(--cyan);top:10%;left:20%}.orbit.two{inset:5%;transform:rotate(68deg);animation-duration:22s}.orbit.two:after{background:var(--rose);box-shadow:0 0 16px var(--rose);top:75%;left:80%}.orbit.three{inset:24%;transform:rotate(-32deg);animation-duration:12s}.scroll-cue{position:absolute;left:clamp(22px,7vw,110px);bottom:25px;font:700 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#7f899f}.scroll-cue span{color:var(--cyan);display:inline-block;animation:bob 1.6s ease-in-out infinite}@keyframes orbit{to{transform:rotate(388deg)}}@keyframes bob{50%{transform:translateY(5px)}}
.conference,.metrics-section,.questions,.source-room{padding:110px clamp(22px,7vw,110px);position:relative}.conference{border-top:1px solid var(--hair)}.section-rail{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--hair);padding-bottom:12px;margin-bottom:55px;font:700 10px var(--mono);letter-spacing:.19em;text-transform:uppercase;color:#8e98ad}.section-rail b{color:var(--paper);font-size:12px}.story-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:7vw;align-items:center}.story-grid.reverse{grid-template-columns:minmax(360px,.88fr) minmax(0,1.12fr)}.story-grid.reverse .story-copy{grid-column:2}.story-grid.reverse .score-card{grid-column:1;grid-row:1}.eyebrow{font:700 10px var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--cyan);margin:0 0 14px}.story-copy h2,.section-heading h2,.source-copy h2{font:400 clamp(47px,6vw,92px)/.93 var(--display);letter-spacing:-.045em;margin:0 0 28px;max-width:13ch}.story-copy .lead{font:500 clamp(17px,1.55vw,22px)/1.55 var(--body);color:#e0e2e8;max-width:58ch}.story-copy>p:not(.eyebrow):not(.lead){color:#9da6bb;max-width:64ch}.next-opponent{margin-top:34px;padding-top:18px;border-top:1px solid var(--hair);display:flex;gap:18px;align-items:baseline;flex-wrap:wrap}.next-opponent small{font:700 10px var(--mono);letter-spacing:.18em;color:var(--mist)}.next-opponent strong{font-size:14px}
.score-card{position:relative;min-height:490px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(173,180,215,.22);background:linear-gradient(145deg,rgba(17,23,46,.82),rgba(15,15,27,.55));box-shadow:0 35px 100px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.05);overflow:hidden;transform-style:preserve-3d;transition:transform .18s ease}.score-card:before{content:"";position:absolute;inset:-30%;background:conic-gradient(from 0deg,transparent,rgba(85,229,255,.16),transparent 26%,rgba(255,93,162,.14),transparent 58%);animation:spin 16s linear infinite;filter:blur(25px)}.empire-card:before{background:conic-gradient(from 0deg,transparent,rgba(219,200,153,.15),transparent 25%,rgba(138,108,255,.18),transparent 62%)}@keyframes spin{to{transform:rotate(360deg)}}.score-card>*{position:relative;z-index:2}.tag{align-self:flex-start;padding:6px 9px;border:1px solid rgba(255,255,255,.16);font:700 9px var(--mono);letter-spacing:.18em}.teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:18px}.teams div:last-child{text-align:right}.teams small{display:block;font:700 10px var(--mono);letter-spacing:.17em;color:#98a1b6}.teams b{display:block;font:400 clamp(72px,8vw,120px)/.8 var(--display);letter-spacing:-.08em}.dash{font:400 55px var(--display);color:#596176;padding-bottom:6px}.potg{border-top:1px solid var(--hair);padding-top:18px}.potg span{font:800 9px var(--mono);letter-spacing:.2em;color:var(--cyan)}.potg strong{display:block;font:400 28px var(--display);margin-top:5px}.potg em{font:600 11px var(--mono);color:var(--mist);font-style:normal;margin-left:5px}.potg p{font:700 10px var(--mono);letter-spacing:.1em;color:#b7bed0}.card-glint{position:absolute;inset:-50% auto auto -80%;width:55%;height:220%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transform:rotate(20deg);animation:glint 8s ease-in-out infinite}@keyframes glint{0%,70%{left:-80%}90%,100%{left:160%}}
.metric-ribbon{margin:85px 0 65px;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}.metric-ribbon>div{padding:24px 18px;min-height:108px;border-right:1px solid var(--hair)}.metric-ribbon>div:last-child{border-right:0}.metric-ribbon small{display:block;font:700 9px var(--mono);letter-spacing:.15em;color:#8f99af}.metric-ribbon strong{font:400 42px var(--display);letter-spacing:-.04em}.metric-ribbon i{font-style:normal;font:700 10px var(--mono);color:var(--cyan);margin-left:4px}.split-analysis{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}.split-analysis.flip .chart-shell{order:2}.chart-shell,.viz-panel{border:1px solid var(--hair);background:linear-gradient(160deg,rgba(255,255,255,.035),rgba(255,255,255,.012));padding:24px}.chart-head{display:flex;justify-content:space-between;gap:20px;align-items:baseline;border-bottom:1px solid var(--hair);padding-bottom:12px;margin-bottom:24px}.chart-head span{font:700 11px var(--mono);letter-spacing:.13em;text-transform:uppercase}.chart-head small{font:600 9px var(--mono);letter-spacing:.1em;color:#7f899f;text-transform:uppercase}.analysis-copy h3{font:400 clamp(34px,4vw,60px)/1.0 var(--display);letter-spacing:-.035em;margin:0 0 20px}.analysis-copy>p{color:#a5aec1;max-width:57ch}.micro-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--hair);border-left:1px solid var(--hair);margin-top:30px}.micro-grid div{padding:17px;border-right:1px solid var(--hair);border-bottom:1px solid var(--hair)}.micro-grid dt{font:700 9px var(--mono);letter-spacing:.1em;color:#7f899f;text-transform:uppercase}.micro-grid dd{font:400 24px var(--display);margin:5px 0 0}.bar-chart{display:grid;gap:18px}.bar-row{display:grid;grid-template-columns:100px 1fr 58px;gap:12px;align-items:center}.bar-row label{font:700 10px var(--mono);letter-spacing:.12em}.bar-track{height:12px;background:rgba(255,255,255,.055);position:relative;overflow:hidden}.bar-fill{height:100%;width:0;background:linear-gradient(90deg,var(--violet),var(--cyan));box-shadow:0 0 18px rgba(85,229,255,.3);transition:width 1s cubic-bezier(.2,.8,.2,1)}.bar-row.alt .bar-fill{background:linear-gradient(90deg,#47516d,var(--rose))}.bar-row output{text-align:right;font:400 20px var(--display)}.compact .bar-row{grid-template-columns:84px 1fr 48px}
.metrics-section{border-top:1px solid var(--hair);background:linear-gradient(180deg,rgba(16,22,43,.25),transparent)}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:4vw;align-items:end;margin-bottom:60px}.section-heading .eyebrow{grid-column:1/-1}.section-heading h2{max-width:10ch;margin:0}.section-heading>p:last-child{color:#8f99ad;max-width:55ch;margin:0 0 8px}.viz-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.viz-panel.wide{grid-row:span 2;min-height:520px}.dot-plot{position:relative;min-height:420px;padding:30px 30px 34px 100px}.axis{position:absolute;left:100px;right:30px;bottom:45px;height:1px;background:var(--hair)}.axis-tick{position:absolute;bottom:-22px;transform:translateX(-50%);font:600 9px var(--mono);color:#6f7990}.team-line{position:absolute;left:0;right:0;height:56px}.team-name{position:absolute;left:0;width:90px;text-align:right;font:700 10px var(--mono);letter-spacing:.1em}.dot{position:absolute;width:16px;height:16px;border-radius:50%;top:0;transform:translate(-50%,-2px);background:var(--cyan);box-shadow:0 0 20px rgba(85,229,255,.5)}.dot.ts{width:11px;height:11px;top:26px;background:var(--rose);box-shadow:0 0 15px rgba(255,93,162,.45)}.dot:after{content:attr(data-value);position:absolute;left:50%;top:-19px;transform:translateX(-50%);font:700 9px var(--mono);color:#dce1ed}.dot.ts:after{top:13px}.legend{display:flex;gap:18px;position:absolute;right:30px;top:10px;font:600 9px var(--mono);color:#8f99ad}.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;background:var(--cyan)}.legend span:last-child i{background:var(--rose)}.radar-list{display:grid;gap:18px}.radar-row{display:grid;grid-template-columns:82px 1fr 50px;align-items:center;gap:10px}.radar-row label{font:700 9px var(--mono);letter-spacing:.09em}.radar-meter{height:70px;position:relative;background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.015));overflow:hidden}.radar-meter span{position:absolute;inset:auto 0 0 0;height:0;background:linear-gradient(180deg,rgba(138,108,255,.9),rgba(85,229,255,.45));transition:height 1s ease}.radar-row output{font:400 18px var(--display)}.comparison-table-wrap{margin-top:20px;overflow:auto;border:1px solid var(--hair)}.comparison-table{width:100%;border-collapse:collapse;min-width:760px;font-size:12px}.comparison-table th,.comparison-table td{padding:16px 18px;border-bottom:1px solid var(--hair);text-align:right}.comparison-table th:first-child,.comparison-table td:first-child{text-align:left}.comparison-table th{font:700 9px var(--mono);letter-spacing:.13em;color:#8791a8;text-transform:uppercase}.comparison-table tbody tr:hover{background:rgba(85,229,255,.035)}
.facts-section{padding:0 clamp(22px,7vw,110px) 110px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--hair)}.fact-slab{padding:70px 32px;border-right:1px solid var(--hair);min-height:360px;display:flex;flex-direction:column;justify-content:space-between}.fact-slab:first-child{border-left:1px solid var(--hair)}.giant{font:italic 400 clamp(72px,8vw,130px)/.8 var(--display);letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1px rgba(241,238,232,.66);text-shadow:0 0 55px rgba(138,108,255,.15)}.fact-slab small{font:700 9px var(--mono);letter-spacing:.15em;color:var(--cyan)}.fact-slab p{color:#a1aabd;max-width:34ch}.questions{border-top:1px solid var(--hair)}.query-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--hair);border:1px solid var(--hair)}.query-card{background:#080b14;padding:28px;min-height:180px;position:relative;overflow:hidden;cursor:pointer}.query-card h3{font:400 26px/1.08 var(--display);margin:0 0 12px;max-width:20ch}.query-card p{color:#8892a7;font-size:12px;max-width:55ch}.query-card .status{position:absolute;right:18px;bottom:16px;font:700 9px var(--mono);letter-spacing:.14em;color:#667189}.query-card:hover{background:linear-gradient(135deg,#0b1020,#0a0d17)}.query-card:hover:after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent)}.source-room{display:grid;grid-template-columns:.7fr 1.3fr;gap:5vw;align-items:center;border-top:1px solid var(--hair)}.source-copy p:not(.eyebrow){color:#98a2b7;max-width:50ch}.archive-link{display:inline-block;margin-top:20px;text-decoration:none;font:700 10px var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--cyan)}.source-film{display:grid;grid-template-columns:1fr 1fr;gap:12px}.source-film figure{margin:0;overflow:hidden;border:1px solid var(--hair);background:#05070c}.source-film img{width:100%;height:280px;object-fit:cover;filter:saturate(.6) contrast(1.08);opacity:.75;transition:.4s}.source-film figure:hover img{transform:scale(1.035);filter:saturate(.9);opacity:1}.source-film figcaption{padding:9px 11px;font:700 9px var(--mono);letter-spacing:.12em;color:#747f96;text-transform:uppercase}footer{display:flex;justify-content:space-between;gap:20px;padding:22px clamp(22px,7vw,110px);border-top:1px solid var(--hair);font:600 9px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#657087}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s ease}.reveal.is-visible{opacity:1;transform:none}.data-mode [data-game],.data-mode .viz-panel{outline:1px solid rgba(85,229,255,.22);box-shadow:0 0 50px rgba(85,229,255,.035)}.data-mode .metric-ribbon strong,.data-mode .comparison-table td:not(:first-child){text-shadow:0 0 18px rgba(85,229,255,.28)}
:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
@media (max-width:900px){.masthead{grid-template-columns:1fr auto}.nav{display:none}.hero{grid-template-columns:1fr;padding-top:12vh}.hero-deck{padding:40px 0 0;border-left:0;border-top:1px solid var(--hair);margin-top:40px}.hero-orbit{right:-18vw;top:12vh;width:70vw;opacity:.38}.story-grid,.story-grid.reverse,.split-analysis,.source-room{grid-template-columns:1fr}.story-grid.reverse .story-copy,.story-grid.reverse .score-card{grid-column:auto;grid-row:auto}.story-grid.reverse .score-card{order:2}.score-card{min-height:390px}.metric-ribbon{grid-template-columns:repeat(2,1fr)}.metric-ribbon>div:nth-child(even){border-right:0}.metric-ribbon>div:last-child{grid-column:1/-1}.split-analysis.flip .chart-shell{order:0}.section-heading{grid-template-columns:1fr}.viz-grid{grid-template-columns:1fr}.viz-panel.wide{grid-row:auto;min-height:500px}.facts-section{grid-template-columns:1fr}.fact-slab,.fact-slab:first-child{border-left:1px solid var(--hair);border-right:1px solid var(--hair);border-bottom:1px solid var(--hair)}.query-grid{grid-template-columns:1fr}.source-film{order:-1}.source-film img{height:190px}}
@media (max-width:560px){.masthead{padding:14px 16px}.brand small{display:none}.data-toggle{font-size:0}.data-toggle span{margin:0}.hero,.conference,.metrics-section,.questions,.source-room{padding-left:18px;padding-right:18px}.hero{min-height:88vh}.hero h1{font-size:19vw}.hero-orbit{display:none}.story-copy h2,.section-heading h2,.source-copy h2{font-size:14vw}.metric-ribbon{grid-template-columns:1fr 1fr}.metric-ribbon strong{font-size:34px}.score-card{padding:20px}.teams b{font-size:20vw}.split-analysis{gap:35px}.bar-row{grid-template-columns:72px 1fr 50px}.micro-grid{grid-template-columns:1fr}.facts-section{padding-left:18px;padding-right:18px}.source-film{grid-template-columns:1fr}.source-film img{height:180px}footer{flex-direction:column}.dot-plot{padding-left:74px}.axis{left:74px}.team-name{width:64px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.aurora,.orbit,.scroll-cue span,.score-card:before,.card-glint{animation:none}.reveal{opacity:1;transform:none;transition:none}.bar-fill,.radar-meter span{transition:none}}

/* 2026-08 player-analysis revision */
.brand-mark{width:46px;height:46px;border:0;transform:none;box-shadow:none;overflow:hidden;border-radius:50%;flex:0 0 46px;background:#05070c}
.brand-mark img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.08)}
.player-lab .section-heading{margin-bottom:42px}
.player-metric-card{min-height:228px;padding:28px 28px 52px}
.player-metric-card .player-name{display:block;font:700 9px var(--mono);letter-spacing:.17em;color:var(--cyan);margin-bottom:18px}
.player-metric-card .player-metric{display:block;font:italic 400 clamp(32px,3.4vw,52px)/.95 var(--display);letter-spacing:-.035em;color:var(--paper);margin-bottom:14px}
.player-metric-card p{font-size:12px;line-height:1.65;max-width:58ch;margin-bottom:18px}
.player-metric-card .status{left:28px;right:auto;max-width:calc(100% - 56px);color:#79859d}
.rotation-room{padding:100px clamp(22px,7vw,110px) 110px;border-top:1px solid var(--hair);background:radial-gradient(circle at 10% 10%,rgba(219,200,153,.065),transparent 28%)}
.rotation-intro{display:grid;grid-template-columns:.72fr 1.28fr;column-gap:6vw;align-items:end;margin-bottom:58px}
.rotation-intro .eyebrow{grid-column:1/-1}
.rotation-intro h2{font:400 clamp(48px,6vw,92px)/.92 var(--display);letter-spacing:-.045em;margin:0;max-width:10ch}
.rotation-intro>p:last-child{color:#99a3b7;max-width:52ch;margin:0 0 8px}
.rotation-essays{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--hair);border-left:1px solid var(--hair)}
.rotation-essays article{padding:34px 34px 38px;border-right:1px solid var(--hair);border-bottom:1px solid var(--hair);min-height:300px;position:relative;background:linear-gradient(155deg,rgba(255,255,255,.018),transparent 60%)}
.rotation-essays article>span{font:700 9px var(--mono);letter-spacing:.16em;color:var(--gold)}
.rotation-essays h3{font:400 clamp(27px,2.7vw,43px)/1.02 var(--display);letter-spacing:-.025em;margin:26px 0 17px;max-width:18ch}
.rotation-essays p{font-size:13px;line-height:1.72;color:#9ca6ba;max-width:60ch;margin:0}
.rotation-essays article:after{content:"";position:absolute;left:34px;bottom:0;width:0;height:1px;background:linear-gradient(90deg,var(--gold),var(--cyan));transition:width .45s ease}
.rotation-essays article:hover:after{width:calc(100% - 68px)}
.rotation-archive{margin-top:30px}
@media (max-width:900px){.rotation-intro{grid-template-columns:1fr;row-gap:25px}.rotation-essays{grid-template-columns:1fr}.brand-mark{width:40px;height:40px;flex-basis:40px}}
@media (max-width:560px){.brand-mark{width:36px;height:36px;flex-basis:36px}.brand b{font-size:9px}.player-metric-card{min-height:245px}.rotation-room{padding:78px 18px 86px}.rotation-essays article{padding:27px 24px 34px;min-height:0}.rotation-essays article:after{left:24px}.rotation-essays article:hover:after{width:calc(100% - 48px)}}

/* 2026-08 equal-depth + authentic polish pass */
.gfx-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.78;mix-blend-mode:screen;filter:saturate(1.1);pointer-events:none}

/* Stat color is semantic by conference: West uses championship brass + aqua, East uses aurora violet + ice. */
.west{--conference-accent:#e7c875;--conference-glow:rgba(231,200,117,.28);--conference-cool:#55e5ff}
.east{--conference-accent:#b59cff;--conference-glow:rgba(181,156,255,.28);--conference-cool:#7cecff}
.west .section-rail b,.west .eyebrow,.west .next-opponent small{color:var(--conference-accent)}
.east .section-rail b,.east .eyebrow,.east .next-opponent small{color:var(--conference-accent)}
.west .metric-ribbon>div{background:linear-gradient(180deg,rgba(231,200,117,.045),transparent 70%)}
.east .metric-ribbon>div{background:linear-gradient(180deg,rgba(181,156,255,.045),transparent 70%)}
.west .metric-ribbon strong{color:#f7ebc2;text-shadow:0 0 30px rgba(231,200,117,.16)}
.east .metric-ribbon strong{color:#e7deff;text-shadow:0 0 30px rgba(181,156,255,.16)}
.west .score-card{box-shadow:inset 0 0 0 1px rgba(231,200,117,.09),0 30px 80px rgba(0,0,0,.28)}
.east .score-card{box-shadow:inset 0 0 0 1px rgba(181,156,255,.10),0 30px 80px rgba(0,0,0,.28)}

.stat-highlight{background:transparent;color:#f5df95;font-weight:700;padding:0 .06em;text-shadow:0 0 18px rgba(231,200,117,.18);box-shadow:inset 0 -1px 0 rgba(231,200,117,.38)}
.east .stat-highlight,.rotation-room:not(.oakland-room) .stat-highlight,.player-lab:not(.oakland-lab) .stat-highlight{color:#cdbdff;text-shadow:0 0 18px rgba(181,156,255,.20);box-shadow:inset 0 -1px 0 rgba(181,156,255,.38)}

.oakland-lab{position:relative;background:radial-gradient(circle at 82% 15%,rgba(231,200,117,.06),transparent 30%)}
.oakland-lab:before{content:"WEST / OAK";position:absolute;right:clamp(22px,7vw,110px);top:54px;font:700 9px var(--mono);letter-spacing:.22em;color:rgba(231,200,117,.45)}
.oakland-player-card .player-name{color:#e7c875}
.oakland-player-card .player-metric{color:#f6edcf;text-shadow:0 0 28px rgba(231,200,117,.07)}
.oakland-player-card:hover{background:linear-gradient(135deg,rgba(36,29,12,.40),#080b14 72%)}
.oakland-player-card:hover:after{background:linear-gradient(90deg,transparent,#e7c875,#55e5ff,transparent)}
.oakland-player-card .status{color:#9d8f6c}

.oakland-room{background:radial-gradient(circle at 10% 10%,rgba(231,200,117,.075),transparent 28%),radial-gradient(circle at 88% 86%,rgba(85,229,255,.035),transparent 25%)}
.oakland-room .rotation-intro h2{max-width:11ch}
.oakland-essays article>span{color:#e7c875}
.oakland-essays article:after{background:linear-gradient(90deg,#e7c875,#55e5ff)}
.oakland-essays article:nth-child(3n+1){background:linear-gradient(155deg,rgba(231,200,117,.025),transparent 58%)}

.focus-console{padding:95px clamp(22px,7vw,110px);display:grid;grid-template-columns:.72fr 1.28fr;gap:6vw;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);background:linear-gradient(180deg,rgba(255,255,255,.012),transparent)}
.focus-copy h2{font:400 clamp(48px,6vw,94px)/.9 var(--display);letter-spacing:-.05em;margin:5px 0 25px;max-width:8ch}
.focus-copy>p:last-child{color:#8f9ab0;max-width:46ch}
.focus-ui{align-self:center}
.focus-controls{display:inline-flex;border:1px solid var(--hair);padding:4px;margin-bottom:12px;background:#070a12}
.focus-btn{appearance:none;border:0;background:transparent;color:#78839a;padding:11px 16px;font:700 9px var(--mono);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:.22s ease}
.focus-btn.active{background:#151a28;color:white;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.focus-btn:first-child.active{color:#f1d88f}
.focus-btn:last-child.active{color:#cdbdff}
.focus-panel{min-height:350px;border:1px solid var(--hair);position:relative;overflow:hidden;padding:32px;background:linear-gradient(145deg,#0a0e19,#070912);transition:background .35s ease,box-shadow .35s ease}
.focus-panel:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-100px;top:-115px;filter:blur(3px);opacity:.24;transition:background .35s ease}
.focus-panel.west:before{background:radial-gradient(circle,#e7c875 0,rgba(85,229,255,.4) 32%,transparent 68%)}
.focus-panel.east:before{background:radial-gradient(circle,#b59cff 0,rgba(85,229,255,.35) 32%,transparent 68%)}
.focus-panel.west{box-shadow:inset 0 0 55px rgba(231,200,117,.025)}
.focus-panel.east{box-shadow:inset 0 0 55px rgba(181,156,255,.03)}
.focus-top{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--hair)}
.focus-top span{font:700 9px var(--mono);letter-spacing:.16em;color:#8993aa}
.focus-top strong{font:italic 400 34px var(--display)}
.focus-team{font:700 10px var(--mono);letter-spacing:.18em;padding:23px 0;color:#cbd2df}
.focus-stats{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--hair);border-right:0}
.focus-stats div{padding:18px 13px;border-right:1px solid var(--hair);background:rgba(255,255,255,.015)}
.focus-stats small{display:block;font:700 8px var(--mono);letter-spacing:.14em;color:#6f7a91;margin-bottom:7px}
.focus-stats b{font:400 clamp(20px,2.4vw,34px)/1 var(--display)}
.focus-panel.west .focus-stats b{color:#f0d992}.focus-panel.east .focus-stats b{color:#cdbdff}
.focus-lead{display:grid;grid-template-columns:auto 1fr;column-gap:18px;align-items:baseline;padding-top:25px}
.focus-lead span{grid-row:1/3;font:700 8px var(--mono);letter-spacing:.15em;color:#707b92;writing-mode:vertical-rl;transform:rotate(180deg)}
.focus-lead strong{font:400 clamp(28px,3.2vw,48px)/1 var(--display)}
.focus-lead em{font:700 9px var(--mono);letter-spacing:.11em;color:#8f9ab0;font-style:normal;margin-top:8px}
.focus-loader{height:284px;display:grid;place-items:center;grid-template-columns:repeat(3,8px);gap:7px;justify-content:center}
.focus-loader span{width:7px;height:44px;background:#657087;animation:loadBars .7s ease-in-out infinite alternate}
.focus-loader span:nth-child(2){animation-delay:.12s}.focus-loader span:nth-child(3){animation-delay:.24s}
@keyframes loadBars{from{transform:scaleY(.25);opacity:.25}to{transform:scaleY(1);opacity:.9}}

/* Data lens now behaves like a broadcast analysis overlay rather than a generic outline. */
.data-mode .metric-ribbon,.data-mode .focus-panel,.data-mode .viz-panel{position:relative}
.data-mode .metric-ribbon:after,.data-mode .focus-panel:after,.data-mode .viz-panel:after{content:"DATA LENS";position:absolute;right:10px;top:8px;font:700 7px var(--mono);letter-spacing:.18em;color:rgba(85,229,255,.48);pointer-events:none}
.data-mode .bar-fill{filter:drop-shadow(0 0 7px rgba(85,229,255,.30))}
.data-mode .dot{animation:dataPulse 1.8s ease-in-out infinite}
@keyframes dataPulse{50%{box-shadow:0 0 30px rgba(85,229,255,.72),0 0 0 7px rgba(85,229,255,.05)}}

/* Deliberate editorial highlight rhythm */
.player-metric-card:nth-child(4n+1),.rotation-essays article:nth-child(4n+1){clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%)}
.metric-ribbon strong{transition:transform .28s ease,text-shadow .28s ease}
.metric-ribbon>div:hover strong{transform:translateY(-3px) scale(1.035)}

@media (max-width:900px){
  .focus-console{grid-template-columns:1fr;gap:38px}.focus-copy h2{max-width:12ch}.focus-stats{grid-template-columns:repeat(3,1fr)}.focus-stats div:nth-child(3){border-right:0}.focus-stats div:nth-child(n+4){border-top:1px solid var(--hair)}.oakland-lab:before{display:none}
}
@media (max-width:560px){
  .focus-console{padding:72px 18px}.focus-panel{padding:22px;min-height:390px}.focus-stats{grid-template-columns:repeat(2,1fr)}.focus-stats div{border-top:1px solid var(--hair)}.focus-stats div:nth-child(1),.focus-stats div:nth-child(2){border-top:0}.focus-stats div:nth-child(even){border-right:0}.focus-stats div:nth-child(3){border-right:1px solid var(--hair)}.focus-stats div:last-child{grid-column:1/-1}.focus-copy h2{font-size:14vw}.focus-top strong{font-size:28px}
}
@media (prefers-reduced-motion:reduce){.gfx-canvas{display:none}.focus-loader span,.data-mode .dot{animation:none}.focus-btn,.metric-ribbon strong{transition:none}}
@media (min-width:901px){.facts-section{grid-template-columns:repeat(4,1fr)}.fact-slab{padding-left:26px;padding-right:26px}.fact-slab p{font-size:13px}}

/* 2026-08 entrance overlay — aurora meets luxury typography */
body[data-entrance="locked"]{overflow:hidden}
.entrance-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:radial-gradient(circle at 55% 15%,#172341 0,transparent 35%),linear-gradient(180deg,#070912,#080b15 42%,#060811);overflow:hidden;transition:opacity .7s ease,visibility .7s ease}
.entrance-overlay[data-state="done"]{opacity:0;visibility:hidden;pointer-events:none}
.entrance-ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.entrance-ambient .aurora{opacity:.24}
.entrance-rings{position:absolute;inset:auto -24vw -34vw;width:150vw;aspect-ratio:1;left:50%;transform:translateX(-50%);background:repeating-radial-gradient(circle at center,transparent 0 88px,rgba(215,224,255,.10) 90px 92px,transparent 94px 178px);opacity:.5;mask-image:linear-gradient(180deg,transparent,black 22%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 22%)}
.entrance-inner{position:relative;z-index:2;text-align:center;padding:0 22px;transition:opacity .35s ease,filter .35s ease}
.entrance-overlay[data-state="loading"] .entrance-inner{opacity:0;pointer-events:none;filter:blur(8px)}
.entrance-lockup{margin-bottom:40px}
.entrance-mark{display:inline-grid;place-items:center;width:82px;height:82px;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.35);background:#05070c;box-shadow:0 0 60px rgba(138,108,255,.28),inset 0 0 24px rgba(85,229,255,.12)}
.entrance-mark img{width:100%;height:100%;object-fit:cover;transform:scale(1.08)}
.entrance-kicker{margin:20px 0 0;font:700 10px var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--cyan)}
.entrance-title{font:400 clamp(64px,12vw,180px)/.82 var(--display);letter-spacing:-.065em;margin:0 0 20px}
.entrance-title .italic{font-style:italic;text-shadow:0 0 60px rgba(138,108,255,.3)}
.entrance-title .outline{color:transparent;-webkit-text-stroke:1px rgba(241,238,232,.55);text-shadow:0 0 80px rgba(85,229,255,.1)}
.entrance-strapline{font-size:clamp(14px,1.4vw,19px);color:#aeb6c8;max-width:52ch;margin:0 auto 38px}
.entrance-btn{appearance:none;cursor:pointer;display:inline-flex;align-items:center;gap:14px;padding:16px 26px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:linear-gradient(135deg,rgba(138,108,255,.28),rgba(85,229,255,.12));color:#f4f2ea;font:600 11px var(--mono);letter-spacing:.2em;text-transform:uppercase;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;box-shadow:0 18px 60px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.14)}
.entrance-btn:hover{transform:translateY(-2px);border-color:rgba(85,229,255,.7);box-shadow:0 24px 70px rgba(85,229,255,.16),0 0 50px rgba(138,108,255,.25)}
.entrance-btn-arrow{font-size:16px;transition:transform .25s ease}
.entrance-btn:hover .entrance-btn-arrow{transform:translateX(4px)}
.entrance-btn:disabled{cursor:default;opacity:.85}
.entrance-btn[data-playing] .entrance-btn-label{color:var(--lime)}
.entrance-hint{margin-top:22px;font:600 9px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:#5d677f}
.entrance-load{position:relative;z-index:3;width:min(620px,86vw);text-align:center}
.entrance-loader-eyebrow{font:700 10px var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--rose);margin:0 0 20px}
.entrance-bar{height:3px;background:rgba(255,255,255,.12);overflow:hidden;position:relative}
.entrance-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--violet),var(--cyan),var(--gold));box-shadow:0 0 18px rgba(85,229,255,.6);transition:width .18s linear}
.entrance-loader-row{display:flex;justify-content:space-between;margin-top:14px;font:700 9px var(--mono);letter-spacing:.14em;color:#7e88a2}
.entrance-loader-row #entrancePercent{color:var(--cyan)}
.entrance-loader-row #entrancePhase{color:#aeb6c8}
.entrance-statement{margin:34px auto 0;font:italic 400 clamp(20px,3vw,30px)/1.25 var(--display);color:#e7e2f5;max-width:34ch;min-height:3.2em;display:grid;align-items:center;letter-spacing:.01em}
@media (prefers-reduced-motion:reduce){.entrance-overlay{transition:none}.entrance-bar i{animation:none}}
@media (max-width:560px){.entrance-mark{width:64px;height:64px}.entrance-title{font-size:21vw}}
