.ranking-app{--night: #131414;--panel: #191a1b;--panel-top: #20201e;--paper: #f2e8d8;--secondary: #bfb3a2;--muted: #a99b89;--brass: #e4ba7b;--brass-ink: #241b12;--brass-line: #5d4a34;--line: #36332d;--portrait-ground: #322a24;--mono: ui-monospace, "SFMono-Regular", Consolas, monospace;--serif: Georgia, "Times New Roman", serif;min-height:100vh;display:flex;flex-direction:column;color-scheme:dark;background:var(--night);color:var(--paper);font-family:system-ui,sans-serif;line-height:1.5}.ranking-app [hidden]{display:none!important}.ranking-app :focus-visible{outline:2px solid var(--brass);outline-offset:4px}.ranking-app a{color:inherit}.ranking-wrap{width:min(100% - 4rem,70rem);margin-inline:auto}.ranking-skip{position:fixed;z-index:3;top:.75rem;left:.75rem;transform:translateY(-170%);padding:.75rem;background:var(--panel-top)}.ranking-skip:focus{transform:none}.ranking-masthead{border-bottom:1px solid var(--line)}.masthead-inner{min-height:4.25rem;display:flex;align-items:center;justify-content:space-between;gap:.6rem}.ranking-brand{display:flex;align-items:center;gap:.6rem;width:-moz-fit-content;width:fit-content;min-height:2.75rem;text-decoration:none}.ranking-brand span{font-weight:650;letter-spacing:-.02em}.ranking-nav{display:flex;align-items:center;gap:clamp(.65rem,2vw,1.4rem);font-size:.84rem;font-weight:600}.ranking-nav a{display:flex;align-items:center;min-height:2.75rem;color:var(--secondary);white-space:nowrap;text-underline-offset:.28em}.ranking-nav a[aria-current=page],.ranking-nav a:hover{color:var(--brass);text-decoration:underline}.report-kicker{color:var(--brass);font:600 .68rem/1.4 var(--mono);text-transform:uppercase;letter-spacing:.15em}.report-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1.25rem 2rem;padding-block:clamp(1.65rem,4vw,3.2rem) clamp(1.4rem,3vw,2.25rem)}.report-kicker{display:flex;align-items:center;gap:.75rem;margin:0 0 1rem}.report-header h1{margin:0;font:500 clamp(2.7rem,5.8vw,5rem)/1 var(--serif);letter-spacing:-.06em}.report-summary{max-width:35rem;margin:.75rem 0 0;color:var(--secondary);font-size:clamp(.97rem,1.5vw,1.08rem);text-wrap:pretty}.snapshot-context{display:grid;gap:.15rem;color:var(--muted);font-size:.81rem;font-variant-numeric:tabular-nums}.report-header .snapshot-context{padding-inline-start:.85rem;border-inline-start:1px solid var(--brass-line)}.snapshot-context p{margin:0}.snapshot-context .snapshot-label{color:var(--paper);font-weight:650}.ranking-leaders{margin-bottom:clamp(1.45rem,3vw,2.5rem)}.leaders-heading{display:flex;align-items:center;justify-content:space-between;gap:.5rem 1rem;margin-bottom:.4rem}.leaders-heading h2,.profile-results h2,.profile-abilities h2{margin:0;font:500 clamp(1.35rem,2.8vw,1.85rem)/1.12 var(--serif);letter-spacing:-.035em}.ranking-app .ranking-text-link{display:inline-flex;align-items:center;gap:.35rem;min-height:2.75rem;color:var(--brass);font-size:.83rem;font-weight:600;text-underline-offset:.2em}.ranking-text-link:hover{text-decoration:underline}.ranking-text-link svg{flex:none}.leader-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.4rem,1.2vw,.85rem);margin:0;padding:0;list-style:none}.leader-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);grid-template-areas:"info portrait";min-height:9.25rem;height:100%;border:1px solid var(--line);background:var(--panel);text-decoration:none}.leader-list>li:first-child .leader-card{border-color:var(--brass-line)}.leader-list .leader-card:hover,.leader-list .leader-card:focus-visible{border-color:var(--brass)}.leader-info{grid-area:info;display:flex;flex-direction:column;justify-content:center;gap:.25rem;min-width:0;padding:clamp(.55rem,1.6vw,1.05rem)}.leader-position{color:var(--brass);font:500 .75rem/1.2 var(--mono)}.leader-name{font:500 clamp(1.25rem,2.6vw,2rem)/1.05 var(--serif);letter-spacing:-.04em;overflow-wrap:anywhere}.leader-card:hover .leader-name{text-decoration:underline;text-underline-offset:.15em}.leader-rate{color:var(--secondary);font:500 .85rem/1.3 var(--mono)}.hero-art{position:relative;display:grid;place-items:center;overflow:hidden;background:var(--portrait-ground);color:var(--brass)}.hero-art img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hero-art img:not([hidden])+.hero-art-initial{visibility:hidden}.hero-art-initial{font:italic 400 2rem/1 var(--serif)}.hero-art--leader{grid-area:portrait;clip-path:polygon(13% 0,100% 0,100% 100%,0 100%)}.hero-art--leader img{-o-object-position:center 28%;object-position:center 28%}.hero-art--avatar{flex:0 0 2.35rem;aspect-ratio:1;border:1px solid var(--brass-line);border-radius:3px}.hero-art--avatar .hero-art-initial{font-size:1rem}.stale-note{margin:0 0 1rem;padding:.7rem 1rem;border:1px solid var(--brass-line);color:var(--brass);font-size:.88rem}.ranking-board{scroll-margin-top:1rem;border:1px solid var(--line);background:var(--panel)}.board-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:.75rem;padding:1.15rem 1.25rem 1rem}.board-heading h2{margin:0;font:500 clamp(1.5rem,3vw,2.1rem)/1.1 var(--serif);letter-spacing:-.035em}.board-count{margin:0;color:var(--muted);font:400 .72rem/1.4 var(--mono);white-space:nowrap}.board-count span{color:var(--paper)}.board-controls{display:grid;grid-template-columns:minmax(10rem,1fr) auto minmax(8rem,.42fr);align-items:center;gap:.65rem;padding:0 1.25rem 1.05rem}.board-search{display:flex;align-items:center;gap:.65rem;min-width:0;padding-inline:.7rem;border:1px solid var(--line);background:var(--night);color:var(--muted)}.board-search:focus-within{border-color:var(--brass)}.board-search svg{flex:none}.board-search input{width:100%;min-height:2.75rem;border:0;background:transparent;color:var(--paper);font-size:.94rem}.board-search input::-moz-placeholder{color:var(--muted);opacity:1}.board-search input::placeholder{color:var(--muted);opacity:1}.board-search input:focus-visible{outline-offset:-2px}.tier-controls{display:flex;flex-wrap:wrap;gap:.3rem}.tier-controls button,.board-sort select,.board-empty button{min-height:2.75rem;border:1px solid var(--line);background:var(--night);color:var(--paper);font:600 .78rem/1.15 var(--mono)}.tier-controls button{min-width:2.75rem;padding:.45rem .64rem}.tier-controls button:hover,.board-empty button:hover{border-color:var(--brass)}.tier-controls button[aria-pressed=true]{border-color:var(--brass);background:var(--brass);color:var(--brass-ink)}.board-sort select{width:100%;padding-inline:.7rem}.hero-table{width:100%;border-collapse:collapse;text-align:left}.hero-table thead{background:var(--panel-top)}.hero-table th,.hero-table td{padding:.55rem .75rem;border-top:1px solid var(--line)}.hero-table tr>:first-child{padding-left:1.25rem}.hero-table tr>:last-child{padding-right:1.25rem}.hero-table thead th{color:var(--muted);font:600 .67rem/1.4 var(--mono);text-transform:uppercase;letter-spacing:.1em}.hero-table thead th[aria-sort]{color:var(--paper)}.hero-table tbody tr:hover,.hero-table tbody tr:focus-within{background:var(--panel-top)}.hero-position{width:4.5rem;color:var(--muted);font:400 .75rem/1.25 var(--mono)}.hero-identity{display:flex;align-items:center;gap:.65rem;min-height:2.75rem}.hero-identity>span:last-child{min-width:0;overflow-wrap:anywhere;font-size:.94rem;font-weight:650}.hero-identity:is(:hover,:focus-visible)>span:last-child{color:var(--brass);text-decoration:underline;text-underline-offset:.18em}.tier-mark{display:inline-grid;min-width:1.95rem;min-height:1.7rem;padding-inline:.35rem;place-items:center;border:1px solid var(--brass-line);color:var(--paper);font:600 .76rem/1.1 var(--mono)}.tier-mark[data-tier=S]{background:var(--brass);color:var(--brass-ink);border-color:var(--brass)}.tier-mark[data-tier=A]{color:var(--brass)}.tier-mark[data-tier=C],.tier-mark[data-tier=D],.tier-mark[data-tier=unrated]{border-color:var(--line);color:var(--secondary)}.tier-mark[data-tier=unrated]{font-size:.64rem}.hero-table .hero-number{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.hero-rate,.hero-sample{font:500 .86rem/1.3 var(--mono)}.hero-sample{color:var(--secondary)}.board-empty{padding:2rem 1rem;border-top:1px solid var(--line);text-align:center}.board-empty p{margin:0 0 .75rem}.board-empty button{padding-inline:1rem}.board-footnote{margin:0;padding:.9rem 0 1.65rem;color:var(--muted);font-size:.81rem}.board-footnote strong{color:var(--secondary)}.ranking-guide{max-width:47rem;padding-block-end:2rem}.ranking-guide section{border-top:1px solid var(--line);padding-block:1.5rem}.ranking-guide h2{margin:0 0 .85rem;font:500 clamp(1.5rem,3vw,2.1rem)/1.15 var(--serif);letter-spacing:-.035em;text-wrap:balance}.ranking-guide p{max-width:70ch;margin:0;color:var(--secondary);line-height:1.7}.ranking-guide p+p{margin-top:.8rem}.ranking-faq details{border-bottom:1px solid var(--line)}.ranking-faq summary{min-height:2.75rem;padding-block:.65rem;cursor:pointer;font-weight:600}.ranking-faq summary::marker{color:var(--brass)}.ranking-faq details p{padding-block-end:.9rem}.ranking-footer{margin-top:auto;border-top:1px solid var(--line);padding-block:1.2rem;color:var(--muted);font-size:.78rem}.ranking-not-found{display:grid;place-content:center;padding:2rem;text-align:center}.ranking-not-found .report-kicker{justify-content:center}.ranking-not-found h1{margin:0 0 .6rem;font:500 clamp(2.1rem,7vw,4rem)/1.1 var(--serif)}.ranking-not-found a{color:var(--brass)}.profile-page{padding-block:clamp(1rem,3vw,2rem) clamp(2rem,4vw,4rem)}.profile-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(12rem,17rem);grid-template-rows:minmax(max-content,1fr) auto minmax(max-content,1fr);grid-template-areas:"intro portrait" "playstyle portrait" "results portrait";gap:.85rem clamp(1.25rem,4vw,3.5rem);padding:clamp(1.15rem,3.5vw,2.5rem);border:1px solid var(--line);background:var(--panel)}.profile-intro{grid-area:intro;align-self:end}.profile-intro h1{margin:0 0 .7rem;font:500 clamp(2.65rem,7vw,5.15rem)/.97 var(--serif);letter-spacing:-.055em;text-wrap:balance}.profile-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none}.profile-tags li{padding:.15rem .45rem;border:1px solid var(--brass-line);color:var(--brass);font-size:.73rem}.profile-role{margin:.65rem 0 0;font-size:1rem;font-weight:600}.profile-playstyle{grid-area:playstyle;max-width:60ch;margin:0;color:var(--secondary);font-size:.94rem;text-wrap:pretty}.hero-art--profile{grid-area:portrait;align-self:center;aspect-ratio:280 / 380;border:1px solid var(--brass-line)}.hero-art--profile .hero-art-initial{font-size:clamp(3rem,9vw,6rem)}.profile-results{grid-area:results;align-self:start;padding-top:.9rem;border-top:1px solid var(--line)}.profile-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin:.75rem 0}.profile-stats div{display:flex;flex-direction:column;gap:.25rem}.profile-stats dt{color:var(--muted);font-size:.8rem}.profile-stats dd{display:flex;align-items:center;min-height:1.7rem;margin:0;font:600 clamp(1rem,2.3vw,1.45rem)/1.1 var(--mono)}.profile-results .snapshot-context{display:flex;flex-wrap:wrap;gap:.15rem .75rem}.profile-abilities{margin-top:clamp(1.5rem,4vw,2.6rem)}.ability-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:.9rem 0 0;padding:0;border:1px solid var(--line);background:var(--line);list-style:none}.ability-list li{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.9rem;padding:clamp(.8rem,2.4vw,1.3rem);background:var(--panel)}.ability-icon{position:relative;display:grid;width:3.05rem;aspect-ratio:1;place-items:center;border:1px solid var(--brass-line);background:var(--portrait-ground)}.ability-icon img{width:2rem;height:2rem;-o-object-fit:contain;object-fit:contain}.ability-slot{position:absolute;right:-.28rem;bottom:-.28rem;display:grid;width:1.1rem;height:1.1rem;place-items:center;background:var(--brass);color:var(--brass-ink);font:600 .68rem/1 var(--mono)}.ability-list h3{margin:0;font-size:1rem;font-weight:650}.ability-list p{margin:.4rem 0 0;color:var(--secondary);font-size:.9rem;line-height:1.55}@media(max-width:850px){.board-controls{grid-template-columns:minmax(0,1fr) minmax(6.75rem,.46fr)}.tier-controls{grid-column:1 / -1;grid-row:2}}@media(max-width:690px){.ranking-wrap{width:calc(100% - 2rem)}.masthead-inner{min-height:3.6rem}.report-header{grid-template-columns:minmax(0,1fr)}.leader-card{grid-template-columns:minmax(0,1fr);grid-template-areas:"portrait" "info";min-height:0}.hero-art--leader{aspect-ratio:1.5;clip-path:none}.hero-art--leader img{-o-object-position:center 24%;object-position:center 24%}.leader-info{padding:.55rem .6rem .65rem;justify-content:end}.leader-position{position:absolute;z-index:1;top:.32rem;left:.32rem;padding:.18rem .25rem;background:var(--night);font-size:.65rem}.profile-header{grid-template-columns:minmax(0,1fr) minmax(5rem,.55fr);grid-template-rows:auto auto auto;grid-template-areas:"intro portrait" "playstyle playstyle" "results results";gap:.75rem}.profile-intro{align-self:center}.hero-art--profile{width:min(100%,9.5rem);justify-self:end}.profile-results .snapshot-context{display:grid}.ability-list{grid-template-columns:minmax(0,1fr)}}@media(max-width:510px){.ranking-wrap{width:calc(100% - 1.5rem)}.ranking-brand{gap:.4rem;font-size:.9rem}.ranking-nav{font-size:.75rem}.leader-name{font-size:clamp(1.08rem,4.4vw,1.4rem)}.leader-rate{font-size:.74rem}.report-kicker{margin-bottom:.75rem}.board-heading{align-items:flex-start;padding-inline:.7rem}.board-heading h2{font-size:1.55rem}.board-count{padding-top:.2rem;font-size:.62rem}.board-controls{padding-inline:.7rem}.hero-table th,.hero-table td{padding:.5rem .32rem}.hero-table tr>:nth-child(2){padding-left:.7rem}.hero-table tr>:last-child{padding-right:.7rem}.hero-table .hero-position{display:none}.hero-identity{gap:.35rem}.hero-art--avatar{flex-basis:1.9rem}.hero-identity>span:last-child{font-size:.79rem}.hero-rate,.hero-sample{font-size:.73rem}.hero-table thead th{font-size:.61rem;letter-spacing:.04em}.tier-mark{min-width:1.55rem;min-height:1.5rem}.profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
