.hero{margin-bottom:28px}.lede{font-size:var(--t1);max-width:62ch;color:var(--muted)}.lede a{color:var(--text);text-underline-offset:.15em;text-decoration:underline;text-decoration-color:var(--great)}.board .controls{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:14px;display:flex}.board .sort{align-items:center;gap:8px;display:inline-flex}.board .check{color:var(--muted);font-size:var(--t-1);align-items:center;gap:8px;display:inline-flex}.board .check input{accent-color:var(--great)}.board .legend{color:var(--text);flex-wrap:wrap;gap:6px 20px;margin:0 0 12px;display:flex}.board .sw{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:6px;display:inline-block}.board .head,.board .row{grid-template-columns:2.2rem minmax(150px,1fr) minmax(0,2.2fr) 5.5rem 4.8rem 4rem 2rem;align-items:center;gap:0 12px;display:grid;position:relative}.board .head .bar{white-space:nowrap;background:0 0;height:auto;overflow:hidden}.board .head .bar:before,.board .head .bar:after{display:none}.board .head{color:var(--muted);font-size:var(--t-1);border-bottom:1px solid var(--rule-strong);padding:6px 10px}.board .head .cpf,.board .head .price,.board .head .fps,.board .row .cpf,.board .row .price,.board .row .fps{text-align:right}.board .rows{margin:0;padding:0;list-style:none}.board .row{color:var(--text);border-bottom:1px solid var(--rule);padding:7px 10px;text-decoration:none}.board .row:hover{background:var(--raised);text-decoration:none}.board .row .rank{color:var(--dim);font-size:var(--t-1)}.board .row .name{color:inherit;white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.board .row .name .badge{margin-left:8px}.board .row .cpf{font-size:1.05rem;font-weight:600}.board .row .price,.board .row .fps{color:var(--muted)}.board .row.zone-great .cpf{color:var(--great)}.board .row.zone-fair .cpf{color:var(--fair)}.board .row.zone-poor .cpf{color:var(--poor)}.board .bar{background:var(--raised);border-radius:2px;height:14px;position:relative}.board .bar:before,.board .bar:after{content:"";background:var(--rule-strong);width:1px;position:absolute;top:-3px;bottom:-3px}.board .bar:before{left:var(--g)}.board .bar:after{left:var(--f)}.board .fill{width:var(--w);opacity:.85;background:currentColor;border-radius:2px;animation:.6s cubic-bezier(.2,.7,.2,1) both grow;position:absolute;inset:0 auto 0 0}.board .zone-great .fill{color:var(--great)}.board .zone-fair .fill{color:var(--fair)}.board .zone-poor .fill{color:var(--poor)}.board .zone-unplayable .fill{color:var(--unplayable);opacity:.35}.board .row.zone-unplayable .cpf,.board .row.zone-unplayable .name{color:var(--dim)}.board .divider{color:var(--muted);font-size:var(--t-1);border-bottom:1px solid var(--rule-strong);padding:14px 10px 6px}@keyframes grow{0%{width:0}}.board .row[hidden]{display:none}.board .empty{padding:24px 10px}.board .row .name:after{content:"";z-index:1;position:absolute;inset:0}.board .compare-heading{text-align:center}.board .compare-toggle{z-index:2;border:1px solid var(--rule-strong);border-radius:var(--radius);width:2rem;height:2rem;color:var(--muted);background:var(--raised);font:inherit;cursor:pointer;padding:0;font-size:1.2rem;position:relative}.board .compare-toggle[aria-pressed=true]{color:var(--link);border-color:var(--link);background:var(--great-soft)}.board .compare-toggle:disabled{opacity:.4;cursor:default}.compare-selection{bottom:20px;right:var(--gutter);z-index:20;position:fixed;box-shadow:0 4px 16px #17202626}.compare-selection[hidden]{display:none}@media (width<=760px){.board .head{display:none}.board .row{grid-template-columns:1.5rem minmax(0,1fr) minmax(0,1fr) 44px;gap:8px;padding-block:16px}.board .row .rank{grid-area:1/1}.board .row .name{white-space:normal;grid-area:1/2/auto/4}.board .row .bar{display:none}.board .row .cpf{text-align:left;grid-area:2/2/auto/4}.board .row .price{text-align:left;grid-area:3/2}.board .row .fps{text-align:left;grid-area:3/3}.board .row .price:before{content:"Price ";font-family:var(--font-ui)}.board .row .fps:after{content:" FPS";font-family:var(--font-ui)}.board .row .compare-toggle{grid-area:1/4/4;width:44px;height:44px}}