.listing-hero{background:linear-gradient(180deg, var(--sky-wash) 0%, var(--paper) 100%);padding:46px 0 40px}.listing-hero h1{margin:14px 0 12px;font-size:clamp(30px,4.2vw,44px)}.listing-sub{color:var(--muted);max-width:66ch;font-size:17px}.listing-sub+.listing-sub{margin-top:12px}.listing-sub strong{color:var(--ink)}.listing-sub a{color:var(--sky-deep);font-weight:700}.rank-table-card{overflow-x:auto}.rank-table{border-collapse:collapse;width:100%;min-width:420px;font-size:16px}.rank-table thead th{font:700 12px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:left;border-bottom:2px solid var(--line);padding:16px 20px 12px}.rank-table tbody th,.rank-table tbody td{border-bottom:2px solid var(--line);text-align:left;padding:13px 20px}.rank-table tbody tr:last-child th,.rank-table tbody tr:last-child td{border-bottom:0}.rank-table tbody th{font-size:17px;font-weight:800}.num-cell{font-family:var(--font-mono);font-weight:700}.num-new{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);opacity:.9;margin-left:8px;font-size:11.5px;font-weight:700;display:inline-block}.rank-swatch{vertical-align:baseline;background:var(--muted);border-radius:3px;width:12px;height:12px;margin-right:10px;display:inline-block}.rank-row-iron .rank-swatch{background:#9aa7b2}.rank-row-gold .rank-swatch{background:var(--sun)}.rank-row-diamond .rank-swatch{background:#35c0da}.rank-row-netherite .rank-swatch{background:#6b5b53}.rank-row-amethyst .rank-swatch{background:var(--purple)}.rank-row-free .rank-swatch{background:var(--grass)}.filter-bar{z-index:5;margin-bottom:30px;padding:20px 24px;position:sticky;top:8px}.filter-row{flex-wrap:wrap;align-items:baseline;gap:14px;margin-bottom:12px;display:flex}.filter-row:last-of-type{margin-bottom:0}.filter-label{font:700 11.5px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);min-width:88px}.filter-input{min-width:220px;font:500 15px var(--font-body);color:var(--ink);background:var(--paper);border:2px solid var(--line);border-radius:var(--radius-sm);flex:1;padding:8px 12px}.filter-input:focus{outline:3px solid var(--focus);outline-offset:1px}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{font:700 13px var(--font-body);color:var(--muted);cursor:pointer;background:var(--paper);border:2px solid var(--line);border-radius:999px;padding:5px 13px}.chip:hover{color:var(--ink);border-color:var(--muted)}.chip.is-on{background:var(--grass);border-color:var(--grass-deep);color:#fff}.filter-count{font:700 12.5px var(--font-mono);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:12px 0 0}.cat-h{align-items:center;gap:10px;margin:34px 0 10px;font-size:22px;display:flex}.cat-n{font:700 12px var(--font-mono);letter-spacing:.08em;color:var(--muted);border:2px solid var(--line);border-radius:999px;padding:2px 9px}.cat-note{color:var(--muted);max-width:72ch;margin:0 0 18px;font-size:15px}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-items:start;gap:16px;display:grid}.cat-grid-tight{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.cat-item{padding:18px 20px}.cat-item h4{margin:0 0 8px;font-size:16.5px;font-weight:800}.cat-item-slim h4{margin-bottom:10px}.cat-desc{color:var(--muted);margin:0 0 12px;font-size:14.5px;line-height:1.55}.cat-meta{flex-wrap:wrap;align-items:center;gap:10px;margin:0;display:flex}.cat-modes{font:600 11.5px var(--font-mono);color:var(--muted);opacity:.85}.cat-empty{color:var(--muted);margin:0 0 18px;font-size:15px}.rank-pill{font:700 11px var(--font-mono);letter-spacing:.07em;text-transform:uppercase;border:2px solid var(--line);color:var(--ink);background:var(--sky-wash);white-space:nowrap;border-radius:999px;padding:3px 9px}.rank-pill-free{border-color:var(--grass)}.rank-pill-iron{border-color:#9aa7b2}.rank-pill-gold{border-color:var(--sun)}.rank-pill-diamond{border-color:#35c0da}.rank-pill-netherite{border-color:#6b5b53}.rank-pill-amethyst{border-color:var(--purple)}.ranks-cta{margin-top:40px}@media (width<=640px){.filter-bar{position:static}.filter-label{min-width:0}}
