.count-page{--count-w:90rem;background:radial-gradient(1100px 600px at 80% -10%, #1262ad59, transparent 70%), linear-gradient(180deg, var(--deep) 0%, var(--abyss) 100%);background-color:var(--abyss);flex-direction:column;display:flex}html:has(.count-page){background:var(--abyss)}body.filters-open{overflow:hidden}[data-rank=Diamante]{--rc:#7fe3ff}[data-rank=Oro]{--rc:#f2b84b}[data-rank=Plata]{--rc:#cfd8e6}[data-rank=Bronce]{--rc:#d9904f}.count{width:min(var(--count-w), 100% - 2 * var(--gutter));flex:1;grid-template-columns:20.5rem minmax(0,1fr);align-items:start;gap:1.25rem;margin:0 auto;padding-block:1.25rem 2rem;display:grid}.filters{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);max-height:calc(100dvh - 6.5rem);box-shadow:var(--shadow-1);padding:1rem 1rem 1.1rem;position:sticky;top:5.25rem;overflow-y:auto}.filters__head{align-items:center;gap:.5rem;display:flex}.filters__head h2{font-family:var(--font-display);font-weight:400;font-size:var(--fs-lg);color:var(--gold);letter-spacing:.03em;margin-right:auto}.filters__close,.filters__apply{display:none}.filters__hint{font-size:var(--fs-sm);color:var(--muted);margin-top:.5rem;line-height:1.4}.filters__hint strong{color:var(--gold-soft)}.fgroup{margin-top:1rem}.fgroup h3{font-size:var(--fs-sm);color:var(--muted);margin-bottom:.45rem;font-weight:700}.fgrid{grid-template-columns:repeat(auto-fill,minmax(4.4rem,1fr));gap:.4rem;display:grid}.fgrid--ranks{grid-template-columns:repeat(2,1fr)}.fgrid--chips{flex-wrap:wrap;display:flex}.flt{background:var(--panel-flat);border:1px solid var(--line-soft);border-radius:var(--r-md);color:var(--text);transition:border-color var(--t-fast), background var(--t-fast), opacity var(--t-fast), transform var(--t-fast);justify-items:center;gap:.2rem;padding:.45rem .2rem .4rem;display:grid;position:relative}.flt:hover{border-color:var(--gold);transform:translateY(-1px)}.flt img{object-fit:contain;width:2.6rem;height:2.6rem}.flt__label{text-align:center;font-size:.74rem;line-height:1.15}.flt__n{border-radius:var(--r-pill);text-align:center;font-variant-numeric:tabular-nums;background:#0000008c;min-width:1.25rem;padding:0 .3rem;font-size:.68rem;font-weight:700;line-height:1.35;position:absolute;top:.2rem;right:.25rem}.flt__n:empty{display:none}.flt[aria-pressed=true]{border-color:var(--gold);box-shadow:var(--ring-gold);background:#0a4d8bb3}.flt.is-zero:not([aria-pressed=true]){opacity:.38}.flt--rank,.flt--chip{border-radius:var(--r-pill);justify-content:center;align-items:center;gap:.45rem;padding:.5rem .7rem;display:flex}.flt--rank .flt__dot{background:var(--rc);border-radius:50%;flex:none;width:.8rem;height:.8rem;box-shadow:0 0 0 2px #00000059}.flt--rank .flt__n,.flt--chip .flt__n{background:#0006;position:static}.flt--chip .flt__label{font-size:var(--fs-sm)}.bar{flex-wrap:wrap;align-items:center;gap:.9rem 1.25rem;display:flex}.counter{align-items:baseline;gap:.5rem;display:flex}.counter b{font-family:var(--font-display);color:var(--gold);text-shadow:0 3px #00000073;font-variant-numeric:tabular-nums;font-size:clamp(2.6rem,2rem + 2vw,3.6rem);font-weight:400;line-height:1}.counter span{color:var(--muted)}.search{border:1px solid var(--line);border-radius:var(--r-pill);min-width:12rem;max-width:26rem;transition:border-color var(--t-fast), box-shadow var(--t-fast);background:#021529b3;flex:1;align-items:center;gap:.4rem;margin-left:auto;padding:.15rem .9rem;display:flex}.search:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px #f2b84b40}.search .material-symbols-sharp{color:var(--muted)}.search input{background:0 0;border:0;outline:0;flex:1;min-width:0;height:2.5rem}.search input::placeholder{color:#8ea5c4}.search input::-webkit-search-cancel-button{display:none}.filters-open{display:none;position:relative}.filters-open__n{border-radius:var(--r-pill);background:var(--gold);color:#2a1d00;min-width:1.3rem;padding:0 .35rem;font-size:.72rem;font-weight:700}.ranksum{flex-wrap:wrap;gap:.4rem;margin-top:.8rem;display:flex}.rs{border-radius:var(--r-pill);border:1px solid var(--rc);font-size:var(--fs-sm);color:var(--muted);background:#0215298c;align-items:center;gap:.4rem;padding:.15rem .75rem;display:inline-flex}.rs b{color:var(--text);font-variant-numeric:tabular-nums}.rs.is-zero{opacity:.4}.active{flex-wrap:wrap;gap:.4rem;margin-top:.7rem;display:flex}.active:empty{display:none}.achip{border:1px solid var(--gold);border-radius:var(--r-pill);color:var(--gold-soft);font-size:var(--fs-sm);transition:background var(--t-fast);background:#f2b84b29;align-items:center;gap:.3rem;padding:.3rem .55rem .3rem .85rem;font-weight:500;display:inline-flex}.achip:hover{background:#f2b84b52}.achip .material-symbols-sharp{font-size:1.1em}.grid{grid-template-columns:repeat(auto-fill,minmax(7.2rem,1fr));gap:.8rem;margin-top:1rem;display:grid}.char{background:var(--panel-flat);border:1px solid var(--line-soft);border-bottom:3px solid var(--rc);border-radius:var(--r-md);transition:border-color var(--t-fast), transform var(--t-fast), box-shadow var(--t-fast);align-content:start;justify-items:center;gap:.3rem;padding:.7rem .4rem .6rem;display:grid;position:relative;overflow:hidden}.char:hover,.char:focus-visible{border-color:var(--rc);transform:translateY(-3px);box-shadow:0 10px 22px #00000073}.char img{object-fit:contain;filter:drop-shadow(0 4px 6px #00000080);width:5.2rem;height:6.3rem}.char__name{font-size:var(--fs-sm);text-align:center;font-weight:500;line-height:1.2}.char__tags{background:#021529f0;flex-wrap:wrap;place-content:center;gap:.25rem;padding:.5rem;display:none;position:absolute;inset:0}.char__tags span{border-radius:var(--r-pill);background:#ffffff1a;padding:.1rem .5rem;font-size:.7rem;line-height:1.5}.char:hover .char__tags,.char:focus-visible .char__tags{display:flex}.empty-state{text-align:center;color:var(--muted);justify-items:center;gap:.6rem;padding:3rem 1rem;display:grid}.empty-state .material-symbols-sharp{color:var(--gold-deep);font-size:3.2rem}.empty-state strong{color:var(--text);font-family:var(--font-display);font-weight:400;font-size:var(--fs-lg);letter-spacing:.03em}@media (width<=62rem){.count{grid-template-columns:1fr;padding-top:1rem}body.filters-open:before{content:"";z-index:55;backdrop-filter:blur(3px);background:#020f1eb3;position:fixed;inset:0}.filters{z-index:60;max-height:88dvh;padding-bottom:calc(1rem + env(safe-area-inset-bottom));border-radius:var(--r-lg) var(--r-lg) 0 0;visibility:hidden;transition:transform var(--t-med) var(--ease), visibility 0s var(--t-med);border-bottom:0;position:fixed;inset:auto 0 0;transform:translateY(105%)}.filters.is-open{visibility:visible;transition:transform var(--t-med) var(--ease);transform:none}.filters__close{display:inline-flex}.filters__apply{background:linear-gradient(#0000,#03284efa 35%);margin:1rem -1rem -1.1rem;padding:1.2rem 1rem .9rem;display:block;position:sticky;bottom:-1.1rem}.filters__apply .btn{width:100%}.filters-open{display:inline-flex}.search{flex-basis:100%;order:3;max-width:none;margin-left:0}.filters-open{margin-left:auto}}@media (width<=480px){.grid{grid-template-columns:repeat(auto-fill,minmax(6.2rem,1fr));gap:.55rem}.char img{width:4.6rem;height:5.6rem}}