@font-face{font-family:NetherSerif;src:url('Serif-Gothic-Heavy.otf') format('opentype');font-display:swap}
@font-face{font-family:NetherCondensed;src:url('Proxima-Nova-Extra-Condensed-Regular.otf') format('opentype');font-display:swap}
@font-face{font-family:NetherBody;src:url('Proxima-Nova-Regular.otf') format('opentype');font-display:swap}

:root{
  --black:#050505;
  --ink:#f7f7f5;
  --muted:#a5a5a5;
  --dim:#737373;
  --line:#4a4a4a;
  --line-strong:#d8d8d8;
  --surface:#0b0b0b;
  --surface-2:#121212;
  --surface-3:#1d1d1d;
  --white:#fff;
  --pad:clamp(12px,1.25vw,22px);
  --display:NetherSerif,Impact,Georgia,serif;
  --condensed:NetherCondensed,'Arial Narrow',Arial,sans-serif;
  --body:NetherBody,Arial,sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--black)}
body{margin:0;background:var(--black);color:var(--ink);font-family:var(--body);line-height:1.35;min-height:100vh;color-scheme:dark}
button,input,select{font:inherit}
button,a,select,input{outline-offset:3px}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--white)}
a{color:inherit}
img{max-width:100%}
.skip-link{position:fixed;top:-50px;left:12px;z-index:999;background:var(--white);color:var(--black);padding:10px 14px;text-decoration:none}
.skip-link:focus{top:12px}

.loading-screen{position:fixed;z-index:500;inset:0;background:var(--black);display:grid;place-content:center;justify-items:center;gap:18px;font-family:var(--condensed);text-transform:uppercase;letter-spacing:.14em;font-size:1.15rem;transition:opacity .25s ease,visibility .25s ease}
.loading-screen img{width:150px;filter:grayscale(1) brightness(2)}
.loading-screen.hidden{opacity:0;visibility:hidden}

.site-header{position:sticky;top:0;z-index:100;background:rgba(5,5,5,.98);border-bottom:1px solid var(--line-strong)}
.masthead{min-height:92px;padding:10px var(--pad);display:grid;grid-template-columns:minmax(330px,1fr) auto auto;align-items:center;gap:26px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:15px;text-decoration:none;min-width:0}
.brand img{width:88px;height:68px;object-fit:contain;filter:grayscale(1) brightness(2)}
.brand span{display:grid;min-width:0}
.brand strong{font-family:var(--display);font-size:clamp(1.5rem,2.05vw,2.5rem);font-weight:900;line-height:.88;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand small{font-family:var(--condensed);text-transform:uppercase;letter-spacing:.16em;color:var(--muted);font-size:.82rem;margin-top:8px}
.primary-nav{display:flex;align-self:stretch}
.nav-link{border:0;border-left:1px solid transparent;border-right:1px solid transparent;background:transparent;color:var(--muted);padding:0 15px;font-family:var(--condensed);font-size:1rem;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}
.nav-link:hover{color:var(--white)}
.nav-link.active{background:var(--white);color:var(--black);border-color:var(--white)}
.masthead-actions{display:grid;gap:6px;font-family:var(--condensed);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;text-align:right}
.masthead-actions a{text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:3px}
.masthead-actions a:hover{border-color:var(--white)}

.filter-rail{display:grid;grid-template-columns:auto 150px 180px minmax(190px,1fr) minmax(190px,1fr) auto auto;align-items:end;gap:12px;padding:9px var(--pad);background:#080808}
.rail-title{align-self:center;font-family:var(--condensed);text-transform:uppercase;letter-spacing:.16em;font-size:1.05rem;padding-right:15px;border-right:1px solid var(--line-strong)}
.filter-field{display:grid;gap:3px;min-width:0}
.filter-field span,.directory-search span{font-family:var(--condensed);font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.filter-field select,.directory-search input{height:36px;width:100%;border:1px solid var(--line-strong);border-radius:0;background:var(--black);color:var(--white);padding:0 10px;font-family:var(--condensed);font-size:.95rem;letter-spacing:.04em}
.filter-field select option{background:var(--black);color:var(--white)}
.rail-button{height:36px;border:1px solid var(--line-strong);background:var(--black);color:var(--white);padding:0 16px;font-family:var(--condensed);text-transform:uppercase;letter-spacing:.09em;cursor:pointer;white-space:nowrap}
.rail-button:hover{background:var(--white);color:var(--black)}
.rail-button.invert{background:var(--white);color:var(--black)}
.rail-button.invert:hover{background:var(--black);color:var(--white)}

main{max-width:1920px;margin:0 auto;padding:14px var(--pad) 24px}
.view{display:none}
.view.active{display:block;animation:viewIn .22s ease both}
@keyframes viewIn{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}

.frame{border:1px solid var(--line-strong);background:var(--surface)}
.frame.soft{border-color:var(--line)}
.section-heading,.panel-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:10px 14px;border-bottom:1px solid var(--line)}
.section-heading h2,.panel-heading h2{margin:0;font-family:var(--condensed);text-transform:uppercase;letter-spacing:.06em;font-size:1.35rem;line-height:1}
.section-heading p,.panel-heading p{margin:4px 0 0;color:var(--muted);font-size:.79rem}
.section-heading .section-stat{font-family:var(--condensed);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);text-align:right}

.overview-grid{display:grid;grid-template-columns:minmax(275px,360px) 1fr;gap:12px}
.chronology-frame{grid-row:span 2;min-height:730px}
.chronology-scroll{height:690px;overflow:auto;scrollbar-color:var(--white) var(--black)}
.year-band{display:grid;grid-template-columns:80px 1fr;border-bottom:1px solid var(--line)}
.year-mark{font-family:var(--display);font-size:2rem;padding:12px 10px;border-right:1px solid var(--line);text-align:center;position:sticky;top:0;align-self:start;background:var(--surface)}
.year-events{display:grid}
.chronology-row{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:8px;align-items:center;border:0;border-bottom:1px solid #252525;background:transparent;color:var(--ink);padding:8px 10px;text-align:left;cursor:pointer;width:100%}
.chronology-row:hover,.chronology-row.active{background:var(--white);color:var(--black)}
.chronology-row .date{font-family:var(--condensed);color:var(--muted)}
.chronology-row:hover .date,.chronology-row.active .date{color:#333}
.chronology-row .event-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
.chronology-row .event-games{font-family:var(--condensed);font-size:.8rem;white-space:nowrap}

.state-frame{min-height:355px}
.state-head{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:8px 16px;border-bottom:1px solid var(--line)}
.state-head h1,.profile-name{font-family:var(--display);font-size:clamp(2.6rem,5vw,6.4rem);line-height:.82;text-transform:uppercase;margin:0;font-weight:900;letter-spacing:-.015em}
.state-head p{margin:0;color:var(--muted);font-family:var(--condensed);text-transform:uppercase;letter-spacing:.08em;text-align:right}
.metric-strip{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--line)}
.metric{min-width:0;padding:15px 12px;border-right:1px solid var(--line);text-align:center}
.metric:last-child{border-right:0}
.metric-value{display:block;font-family:var(--display);font-size:clamp(1.9rem,2.4vw,3.1rem);line-height:.95;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.metric:last-child .metric-value{font-size:clamp(.95rem,1.15vw,1.25rem)}
.metric-label{display:block;margin-top:7px;font-family:var(--condensed);font-size:.75rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}
.chart-stage{padding:10px 14px 13px}
.chart-title-row{display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin-bottom:6px}
.chart-title{font-family:var(--condensed);font-size:1.05rem;text-transform:uppercase;letter-spacing:.07em}
.chart-subtitle{font-size:.76rem;color:var(--muted)}
.chart-svg{display:block;width:100%;height:auto;min-height:180px;overflow:visible}
.chart-grid{stroke:#343434;stroke-width:1;stroke-dasharray:3 4}
.chart-axis{stroke:#bdbdbd;stroke-width:1}
.chart-line{fill:none;stroke:#fff;stroke-width:2.2;vector-effect:non-scaling-stroke}
.chart-line.secondary{stroke:#8a8a8a;stroke-dasharray:6 4}
.chart-area{fill:#1d1d1d;stroke:none}
.chart-bar{fill:#f6f6f6;stroke:#f6f6f6}
.chart-bar.secondary{fill:#1d1d1d;stroke:#aaa;stroke-dasharray:3 2}
.chart-point{fill:#050505;stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke}
.chart-point.selected{fill:#fff;stroke:#fff}
.chart-text{fill:#a9a9a9;font-family:var(--condensed);font-size:12px;letter-spacing:.03em}
.chart-text.strong{fill:#fff;font-weight:700}

.overview-lower{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:12px;margin-top:12px}
.record-stack{display:grid}
.record-row{display:grid;grid-template-columns:150px minmax(0,1fr) 120px;gap:10px;align-items:center;padding:11px 13px;border-bottom:1px solid var(--line)}
.record-row:last-child{border-bottom:0}
.record-label{font-family:var(--condensed);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.86rem}
.record-subject{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.record-value{font-family:var(--display);font-size:1.35rem;white-space:nowrap;text-align:right}
.record-value small{font-family:var(--condensed);font-size:.68rem;color:var(--muted);text-transform:uppercase;margin-left:4px}
.click-row{cursor:pointer}
.click-row:hover{background:var(--white);color:var(--black)}
.click-row:hover .record-label,.click-row:hover small{color:#333}

.mini-list{display:grid}
.mini-row{display:grid;grid-template-columns:30px minmax(0,1fr) 86px;gap:9px;align-items:center;padding:9px 12px;border-bottom:1px solid #303030}
.mini-row:last-child{border-bottom:0}
.mini-rank{font-family:var(--display);font-size:1.2rem;color:var(--muted)}
.mini-main{min-width:0}
.mini-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini-note{font-size:.74rem;color:var(--muted);margin-top:2px}
.mini-value{font-family:var(--condensed);text-align:right;white-space:nowrap}
.mini-row.click-row:hover .mini-note,.mini-row.click-row:hover .mini-rank{color:#333}

.season-frame{margin-top:12px}
.season-table-wrap,.table-scroll{overflow:auto}
.data-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.data-table th,.data-table td{box-sizing:border-box;vertical-align:middle}
.data-table th{position:sticky;top:0;z-index:2;background:#202020;color:var(--white);font-family:var(--condensed);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;text-align:left;border-bottom:1px solid var(--line-strong);padding:8px 10px;white-space:nowrap}
.data-table td{border-bottom:1px solid #303030;padding:8px 10px;font-size:.86rem;white-space:nowrap}
.data-table tbody tr:last-child td{border-bottom:0}
.data-table tbody tr[data-action]{cursor:pointer}
.data-table tbody tr[data-action]:hover{background:var(--white);color:var(--black)}
.data-table th.number,.data-table .number{text-align:right}
.data-table th:first-child,.data-table td:first-child{padding-left:12px}
.data-table .rank-cell{font-family:var(--display);font-size:1.1rem}
.data-table .name-cell{font-weight:700}
.bar-cell{display:grid;grid-template-columns:minmax(80px,1fr) 52px;gap:8px;align-items:center}
.inline-bar{height:8px;background:#292929;border:1px solid #555;position:relative}
.inline-bar span{position:absolute;inset:0 auto 0 0;background:#fff}

.records-hero{display:grid;grid-template-columns:1.3fr .7fr;gap:12px;margin-bottom:12px}
.records-title{min-height:230px;display:flex;flex-direction:column;justify-content:flex-end;padding:24px}
.records-title h1{font-family:var(--display);font-size:clamp(3.5rem,8vw,9rem);line-height:.74;text-transform:uppercase;margin:0}
.records-title p{max-width:650px;color:var(--muted);margin:18px 0 0}
.records-proof{display:grid;grid-template-columns:1fr 1fr}
.proof-cell{padding:18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.proof-cell:nth-child(2n){border-right:0}
.proof-cell strong{display:block;font-family:var(--display);font-size:2rem}
.proof-cell span{font-family:var(--condensed);text-transform:uppercase;color:var(--muted);font-size:.78rem}
.record-categories{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.record-category{min-width:0}
.record-category.wide{grid-column:1/-1}
.game-records{display:grid;grid-template-columns:1fr 1fr;gap:0}
.game-records>div+div{border-left:1px solid var(--line)}

.directory-layout{display:grid;grid-template-columns:390px minmax(0,1fr);min-height:calc(100vh - 195px);border:1px solid var(--line-strong)}
.directory-panel{border-right:1px solid var(--line-strong);background:var(--surface);min-width:0}
.directory-search{display:grid;gap:4px;padding:10px 12px;border-bottom:1px solid var(--line)}
.sort-strip{display:flex;overflow:auto;border-bottom:1px solid var(--line)}
.sort-strip button{border:0;border-right:1px solid var(--line);background:var(--black);color:var(--muted);font-family:var(--condensed);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;padding:8px 10px;cursor:pointer;white-space:nowrap}
.sort-strip button.active{background:var(--white);color:var(--black)}
.directory-list{height:calc(100vh - 330px);min-height:510px;overflow:auto;scrollbar-color:var(--white) var(--black)}
.directory-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:8px;width:100%;padding:9px 11px;border:0;border-bottom:1px solid #2e2e2e;background:transparent;color:var(--ink);text-align:left;cursor:pointer;align-items:center}
.directory-row:hover,.directory-row.active{background:var(--white);color:var(--black)}
.directory-row .row-rank{font-family:var(--display);font-size:1.2rem;color:var(--muted)}
.directory-row:hover .row-rank,.directory-row.active .row-rank{color:#444}
.directory-row .row-name{display:block;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.directory-row .row-sub{display:block;font-size:.72rem;color:var(--muted);margin-top:2px}
.directory-row:hover .row-sub,.directory-row.active .row-sub{color:#444}
.directory-row .row-value{text-align:right;font-family:var(--condensed);white-space:nowrap}
.profile-stage{min-width:0;background:var(--black)}
.profile-masthead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:end;padding:16px 18px;border-bottom:1px solid var(--line-strong)}
.profile-masthead .meta{text-align:right;font-family:var(--condensed);text-transform:uppercase;color:var(--muted);letter-spacing:.05em}
.profile-masthead .meta strong{display:block;color:var(--white);font-family:var(--display);font-size:1.25rem}
.profile-score{display:grid;grid-template-columns:repeat(9,1fr);border-bottom:1px solid var(--line-strong)}
.score-cell{padding:11px 8px;text-align:center;border-right:1px solid var(--line)}
.score-cell:last-child{border-right:0}
.score-cell strong{display:block;font-family:var(--display);font-size:clamp(1.35rem,1.9vw,2.2rem);white-space:nowrap}
.score-cell span{display:block;font-family:var(--condensed);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-top:4px}
.profile-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr}
.profile-block{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0}
.profile-block:nth-child(3n){border-right:0}
.profile-block.span-2{grid-column:span 2}
.profile-block.full{grid-column:1/-1;border-right:0}
.profile-block .section-heading{min-height:54px}
.profile-block .block-body{padding:10px 12px}
.profile-link{display:inline-flex;margin-top:8px;font-family:var(--condensed);text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--white)}
.trait-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.trait{padding:14px;border-right:1px solid var(--line);text-align:center}
.trait:last-child{border-right:0}
.trait strong{display:block;font-family:var(--display);font-size:1.75rem}
.trait span{font-family:var(--condensed);font-size:.7rem;text-transform:uppercase;color:var(--muted)}

.machine-scatter-wrap{padding:10px 12px}
.machine-record-rail{display:grid;grid-template-columns:repeat(5,1fr)}
.machine-record{padding:12px;border-right:1px solid var(--line);min-width:0}
.machine-record:last-child{border-right:0}
.machine-record span{font-family:var(--condensed);text-transform:uppercase;color:var(--muted);font-size:.72rem}
.machine-record strong{display:block;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.machine-record b{display:block;font-family:var(--display);font-size:1.55rem;margin-top:3px}

.rivalry-hero{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.rivalry-title{padding:22px;min-height:240px;display:flex;flex-direction:column;justify-content:flex-end}
.rivalry-title h1{font-family:var(--display);font-size:clamp(3.6rem,7vw,8rem);text-transform:uppercase;line-height:.78;margin:0}
.rivalry-title p{color:var(--muted);max-width:650px}
.rivalry-podium{display:grid}
.duel-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;padding:13px 15px;border-bottom:1px solid var(--line);cursor:pointer}
.duel-row:last-child{border-bottom:0}
.duel-row:hover,.duel-row.active{background:var(--white);color:var(--black)}
.duel-row .left{text-align:right}.duel-row .right{text-align:left}
.duel-row strong{font-weight:700}
.duel-score{font-family:var(--display);font-size:1.6rem;white-space:nowrap}
.duel-row small{display:block;color:var(--muted);margin-top:2px}
.duel-row:hover small,.duel-row.active small{color:#444}
.rivalry-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:12px}
.rivalry-detail{min-height:510px}
.balance-meter{height:22px;border:1px solid var(--line-strong);display:flex;margin:14px 0}
.balance-meter span:first-child{background:var(--white)}
.balance-meter span:last-child{background:#2c2c2c}

.event-lab{display:grid;grid-template-columns:360px minmax(0,1fr);border:1px solid var(--line-strong);min-height:calc(100vh - 195px)}
.event-chronology{border-right:1px solid var(--line-strong)}
.event-list{height:calc(100vh - 250px);min-height:630px;overflow:auto}
.event-directory-year{font-family:var(--display);font-size:1.75rem;padding:10px 12px;border-bottom:1px solid var(--line-strong);background:var(--surface-2);position:sticky;top:0;z-index:2}
.event-directory-row{display:grid;grid-template-columns:55px 1fr auto;gap:8px;align-items:center;width:100%;border:0;border-bottom:1px solid #2b2b2b;background:transparent;color:var(--ink);text-align:left;padding:9px 11px;cursor:pointer}
.event-directory-row:hover,.event-directory-row.active{background:var(--white);color:var(--black)}
.event-directory-row .event-date{font-family:var(--condensed);color:var(--muted)}
.event-directory-row:hover .event-date,.event-directory-row.active .event-date{color:#444}
.event-directory-row .event-dir-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.event-directory-row .event-dir-games{font-family:var(--condensed);font-size:.75rem}
.event-stage{min-width:0}
.event-masthead{padding:18px;border-bottom:1px solid var(--line-strong)}
.event-masthead h1{font-family:var(--display);font-size:clamp(2.4rem,4.5vw,5rem);line-height:.86;text-transform:uppercase;margin:0}
.event-masthead p{color:var(--muted);margin:9px 0 0}
.event-tabs{display:flex;overflow:auto;border-bottom:1px solid var(--line-strong)}
.event-tab{border:0;border-right:1px solid var(--line);background:var(--black);color:var(--muted);padding:10px 15px;font-family:var(--condensed);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;white-space:nowrap}
.event-tab.active{background:var(--white);color:var(--black)}
.event-body{padding:12px}
.event-awards{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}
.event-award{padding:12px;border-right:1px solid var(--line)}
.event-award:last-child{border-right:0}
.event-award span{display:block;font-family:var(--condensed);text-transform:uppercase;color:var(--muted);font-size:.73rem}
.event-award strong{display:block;margin-top:6px}
.event-award small{display:block;color:var(--muted);margin-top:4px}

.methodology{margin-top:12px;border:1px solid var(--line);padding:12px 14px;color:var(--muted);font-size:.78rem}
.methodology strong{color:var(--white);font-family:var(--condensed);text-transform:uppercase;letter-spacing:.07em}
.empty-state{padding:40px 20px;text-align:center;color:var(--muted)}

.site-footer{max-width:1920px;margin:0 auto 18px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;align-items:center;border:1px solid var(--line);padding:9px var(--pad);font-family:var(--condensed);font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.site-footer>div:nth-child(2){text-align:center}.site-footer>div:last-child{text-align:right}
.site-footer img{width:30px;height:24px;object-fit:contain;vertical-align:middle;filter:grayscale(1) brightness(2);margin-right:7px}
.toast{position:fixed;right:18px;bottom:18px;z-index:300;background:var(--white);color:var(--black);padding:10px 14px;font-family:var(--condensed);text-transform:uppercase;letter-spacing:.06em;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}
.toast.show{opacity:1;transform:none}

.finals-ribbon{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(420px,1.4fr) auto;align-items:center;gap:18px;margin-top:12px;padding:12px 14px}
.finals-ribbon-title{min-width:0}
.finals-ribbon-title span{display:block;font-family:var(--condensed);text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:.76rem}
.finals-ribbon-title strong{display:block;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.finals-ribbon-stats{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line);border-right:1px solid var(--line)}
.finals-ribbon-stats div{padding:5px 12px;text-align:center;border-right:1px solid var(--line)}
.finals-ribbon-stats div:last-child{border-right:0}
.finals-ribbon-stats b{display:block;font-family:var(--display);font-size:1.45rem;white-space:nowrap}
.finals-ribbon-stats span{display:block;font-family:var(--condensed);text-transform:uppercase;color:var(--muted);font-size:.66rem;letter-spacing:.06em}

.finals-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:12px;margin-bottom:12px}
.finals-title{min-height:285px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;position:relative}
.finals-title::before{content:'42';position:absolute;right:-10px;top:-44px;font-family:var(--display);font-size:19rem;line-height:1;color:#121212;z-index:0}
.finals-title h1,.finals-title p{position:relative;z-index:1}
.finals-title h1{font-family:var(--display);font-size:clamp(4.4rem,9.2vw,11rem);line-height:.72;text-transform:uppercase;margin:0;letter-spacing:-.025em;max-width:900px}
.finals-title p{max-width:720px;color:var(--muted);font-size:1rem;margin:20px 0 0}
.finals-proof{display:grid;grid-template-columns:repeat(2,1fr)}
.finals-headline{margin-bottom:12px}
.finals-headline .metric:nth-child(odd) .metric-value{font-size:clamp(1.15rem,1.55vw,2rem);white-space:normal;line-height:.88;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.finals-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr);gap:12px;margin-bottom:12px}
.finals-grid-secondary{grid-template-columns:minmax(0,1.5fr) minmax(310px,.5fr)}
.finals-grid>*{min-width:0;max-width:100%}
.finals-leaderboard-scroll{max-height:610px}
.champion-roll-scroll{max-height:690px}
.finals-conversion,.latest-final{margin-top:12px;min-width:0;max-width:100%;overflow:hidden}
.finals-empty{border:1px solid var(--line-strong);min-height:320px;display:grid;place-content:center}
.finals-event-head{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:16px 14px;border-bottom:1px solid var(--line)}
.finals-event-head span{font-family:var(--condensed);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:.75rem}
.finals-event-head h2{font-family:var(--display);font-size:clamp(2rem,3.6vw,4.4rem);line-height:.84;text-transform:uppercase;margin:4px 0 0}
.finals-event-head p{color:var(--muted);margin:8px 0 0}
.finals-open-link{display:inline-flex;align-items:center;text-decoration:none;flex:0 0 auto}
.finals-kpi-rail{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));border-bottom:1px solid var(--line-strong)}
.finals-kpi-rail .score-cell{border-bottom:0}
.finals-round-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:12px 0}
.finals-round{padding:14px;border-right:1px solid var(--line)}
.finals-round:last-child{border-right:0}
.finals-round span,.finals-round small{display:block;font-family:var(--condensed);text-transform:uppercase;color:var(--muted);letter-spacing:.05em}
.finals-round strong{display:block;font-family:var(--display);font-size:2.2rem;line-height:1;margin:4px 0}
.result-place{display:inline-block;margin-right:13px;white-space:nowrap}
.result-place b{font-family:var(--display);font-size:1rem;margin-right:3px}
.finals-game-scroll{max-height:650px}
.movement{display:inline-flex;min-width:34px;justify-content:flex-end;font-family:var(--condensed);font-weight:700;letter-spacing:.03em}
.movement.up::after{content:'';width:5px;height:5px;background:var(--white);margin:6px 0 0 5px;transform:rotate(45deg)}
.movement.down{color:#a9a9a9}
.movement.down::after{content:'';width:5px;height:5px;border:1px solid #8b8b8b;margin:5px 0 0 5px;transform:rotate(45deg)}
.movement.even{color:var(--dim)}
.finals-dossier{background:#090909}
.empty-state.compact{padding:22px 14px}

@media(max-width:1280px){
  .masthead{grid-template-columns:1fr auto}.primary-nav{grid-column:1/-1;order:3;border-top:1px solid var(--line);justify-content:stretch}.nav-link{flex:1;height:40px}.masthead-actions{grid-column:2;grid-row:1}
  .filter-rail{grid-template-columns:auto repeat(2,1fr) auto auto}.filter-field.wide{grid-row:2}.filter-field.wide:nth-of-type(3){grid-column:2/4}.filter-field.wide:nth-of-type(4){grid-column:4/6}.rail-button{grid-row:1}
  .overview-grid{grid-template-columns:310px 1fr}.overview-lower{grid-template-columns:1fr 1fr}.overview-lower .frame:last-child{grid-column:1/-1}
  .metric-strip{grid-template-columns:repeat(4,1fr)}.metric:nth-child(4){border-right:0}.metric:nth-child(-n+4){border-bottom:1px solid var(--line)}
  .profile-score{grid-template-columns:repeat(5,1fr)}.score-cell:nth-child(5){border-right:0}.score-cell:nth-child(-n+5){border-bottom:1px solid var(--line)}
  .profile-grid{grid-template-columns:1fr 1fr}.profile-block:nth-child(3n){border-right:1px solid var(--line)}.profile-block:nth-child(2n){border-right:0}.profile-block.full{border-right:0}
  .finals-ribbon{grid-template-columns:1fr auto}.finals-ribbon-stats{grid-column:1/-1;grid-row:2}.finals-grid,.finals-grid-secondary{grid-template-columns:1fr}
}

@media(max-width:900px){
  .site-header{position:relative}.masthead{display:block}.brand strong{white-space:normal}.masthead-actions{display:flex;margin-top:10px}.primary-nav{margin-top:12px;overflow:auto}.nav-link{min-width:110px;height:42px}
  .filter-rail{grid-template-columns:1fr 1fr}.rail-title{grid-column:1/-1;border-right:0;border-bottom:1px solid var(--line);padding-bottom:6px}.filter-field.wide,.filter-field.wide:nth-of-type(3),.filter-field.wide:nth-of-type(4){grid-column:auto;grid-row:auto}.rail-button{grid-row:auto}
  .overview-grid{display:block}.chronology-frame{min-height:0;margin-bottom:12px}.chronology-scroll{height:360px}.state-frame{min-height:0}.overview-lower,.records-hero,.record-categories,.rivalry-hero,.rivalry-grid{grid-template-columns:1fr}.record-category.wide{grid-column:auto}.game-records{grid-template-columns:1fr}.game-records>div+div{border-left:0;border-top:1px solid var(--line)}
  .directory-layout,.event-lab{display:block;min-height:0}.directory-panel,.event-chronology{border-right:0;border-bottom:1px solid var(--line-strong)}.directory-list,.event-list{height:390px;min-height:0}.profile-grid{grid-template-columns:1fr}.profile-block,.profile-block:nth-child(2n),.profile-block:nth-child(3n){border-right:0}.profile-block.span-2,.profile-block.full{grid-column:auto}
  .machine-record-rail{grid-template-columns:1fr 1fr}.machine-record:nth-child(2n){border-right:0}.machine-record{border-bottom:1px solid var(--line)}
  .event-awards{grid-template-columns:1fr 1fr}.event-award:nth-child(2n){border-right:0}.event-award{border-bottom:1px solid var(--line)}
  .finals-hero{grid-template-columns:1fr}.finals-title{min-height:230px}.finals-proof{grid-template-columns:repeat(3,1fr)}
  .finals-ribbon{grid-template-columns:1fr}.finals-ribbon .rail-button{width:100%}.finals-ribbon-stats{grid-column:auto;grid-row:auto}
  .finals-event-head{align-items:flex-start;flex-direction:column}.finals-open-link{width:100%;justify-content:center}
}

@media(max-width:600px){
  :root{--pad:8px}.masthead{padding:9px}.brand{align-items:flex-start}.brand img{width:62px;height:52px}.brand strong{font-size:1.7rem}.brand small{font-size:.68rem}.masthead-actions{font-size:.72rem;gap:12px}.primary-nav{margin-left:-9px;margin-right:-9px}.nav-link{min-width:96px;font-size:.88rem;padding:0 9px}
  .filter-rail{padding:10px;grid-template-columns:1fr 1fr}.filter-field,.filter-field.wide{grid-column:auto}.rail-title{grid-column:1/-1}.rail-button{width:100%}
  main{padding-top:8px}.state-head{display:block}.state-head h1,.profile-name{font-size:2.65rem}.state-head p{text-align:left;margin-top:10px}.metric-strip{grid-template-columns:1fr 1fr}.metric,.metric:nth-child(4){border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.metric:nth-child(2n){border-right:0}.metric-value{font-size:2rem}
  .overview-lower{display:block}.overview-lower .frame{margin-top:10px}.record-row{grid-template-columns:1fr auto}.record-label{grid-column:1/-1}.record-value{grid-column:2;grid-row:2}.year-band{grid-template-columns:62px 1fr}.year-mark{font-size:1.5rem}.chronology-row{grid-template-columns:48px minmax(0,1fr)}.chronology-row .event-games{grid-column:2}
  .records-title{min-height:185px;padding:16px}.records-title h1{font-size:4.2rem}.records-proof{grid-template-columns:1fr}.proof-cell{border-right:0}
  .profile-masthead{display:block}.profile-masthead .meta{text-align:left;margin-top:12px}.profile-score{grid-template-columns:1fr 1fr 1fr}.score-cell,.score-cell:nth-child(5){border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.score-cell:nth-child(3n){border-right:0}.score-cell strong{font-size:1.45rem}.trait-grid{grid-template-columns:1fr 1fr}.trait:nth-child(2n){border-right:0}.trait{border-bottom:1px solid var(--line)}
  .directory-layout,.event-lab{border-left:0;border-right:0}.directory-row{grid-template-columns:30px minmax(0,1fr) auto}.machine-record-rail{grid-template-columns:1fr}.machine-record{border-right:0}.rivalry-title h1{font-size:4rem}.duel-row{grid-template-columns:1fr auto 1fr;padding:11px 8px}.duel-score{font-size:1.25rem}
  .event-masthead{padding:14px}.event-masthead h1{font-size:2.6rem}.event-awards{grid-template-columns:1fr}.event-award{border-right:0}
  .finals-title{min-height:200px;padding:16px}.finals-title::before{font-size:12rem;top:-22px}.finals-title h1{font-size:4.25rem}.finals-proof{grid-template-columns:1fr 1fr}.finals-ribbon-stats{grid-template-columns:1fr 1fr}.finals-ribbon-stats div:nth-child(2){border-right:0}.finals-ribbon-stats div:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .finals-kpi-rail{grid-template-columns:repeat(2,1fr)}.finals-kpi-rail .score-cell:nth-child(2n){border-right:0}.finals-round-grid{grid-template-columns:1fr}.finals-round{border-right:0;border-bottom:1px solid var(--line)}
  .site-footer{display:block}.site-footer>div,.site-footer>div:nth-child(2),.site-footer>div:last-child{text-align:left;margin:4px 0}.chart-text{font-size:10px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.view{animation:none}.loading-screen,.toast{transition:none}}
