.records-hero{height:180px;background:#111;border-bottom:4px solid var(--brand-gold);display:flex;align-items:flex-end;position:relative;overflow:hidden}.records-hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,rgba(255,255,255,.05) 0,rgba(255,255,255,.05) 2px,transparent 2px,transparent 8px)}.records-hero__inner,.records-wrap{width:100%;max-width:1400px;margin:auto;padding:24px}.records-hero h1{position:relative;margin:0;color:#fff;font:700 56px/.85 var(--font-data);text-transform:uppercase}.records-hero h1 span{display:block;color:var(--brand-gold);font:400 2.8rem/.7 var(--font-cursive);text-transform:none}.record-toggle{display:inline-flex;padding:4px;margin-bottom:24px;background:var(--nav-shell);border:1px solid var(--nav-border);border-radius:6px}.record-toggle button{border:0;background:none;color:var(--nav-link-dim);padding:9px 16px;border-radius:4px;font:600 13px var(--font-data);text-transform:uppercase;cursor:pointer}.record-toggle button.active{background:var(--card-bg);color:var(--text-color);box-shadow:0 1px 3px rgba(0,0,0,.12)}.record-category{margin-bottom:36px}.record-category h2{font:700 20px var(--font-data);text-transform:uppercase;letter-spacing:1px;color:var(--nav-link-dim)}.record-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}.record-card{background:var(--card-bg);border:1px solid var(--nav-border-strong);border-radius:4px;overflow:hidden}.record-card__title{padding:14px 20px 9px;border-bottom:1px solid var(--nav-border);font:700 15px var(--font-data);text-transform:uppercase;color:var(--nav-link-dim)}.record-row{display:grid;grid-template-columns:30px 42px 1fr auto;gap:12px;align-items:center;padding:9px 18px;border-bottom:1px solid var(--nav-border);text-decoration:none;color:var(--text-color)}.record-row:hover{background:var(--hover-bg)}.record-row.leader{padding-top:15px;padding-bottom:15px}.record-rank{font:700 16px var(--font-data);text-align:center;color:var(--nav-link-dim)}.leader .record-rank,.leader .record-value{color:var(--brand-gold);font-size:24px}.record-row img{width:38px;height:38px;object-fit:cover;border-radius:4px;background:var(--nav-shell)}.leader img{width:46px;height:46px}.record-name{font:700 16px var(--font-data);text-transform:uppercase}.record-value{font:700 18px var(--font-data);font-variant-numeric:tabular-nums}.record-more{width:100%;border:0;background:none;color:var(--nav-link-dim);padding:13px;font:600 13px var(--font-data);text-transform:uppercase;cursor:pointer}.record-more:hover{color:var(--brand-gold)}#record-modal{width:min(900px,95vw);padding:0;border:1px solid var(--nav-border-strong);border-radius:8px;background:var(--panel-bg);color:var(--text-color)}#record-modal::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(8px)}.record-modal__head{display:flex;justify-content:space-between;align-items:center;padding:20px 26px;border-bottom:1px solid var(--nav-border)}.record-modal__head h2{margin:0;font:700 22px var(--font-data);text-transform:uppercase}.record-close{border:1px solid var(--nav-border);background:var(--card-bg);color:inherit;border-radius:4px;width:38px;height:38px;cursor:pointer}.record-modal__body{padding:20px;max-height:75vh;overflow:auto}.record-modal__body .record-row{background:var(--card-bg);margin-bottom:6px;border:1px solid var(--nav-border);border-radius:4px}.record-pages{display:flex;justify-content:center;align-items:center;gap:14px;padding-top:16px}.record-pages button{padding:8px 14px;background:var(--card-bg);border:1px solid var(--nav-border);color:inherit;cursor:pointer}@media(max-width:700px){.records-hero{height:140px}.records-hero h1{font-size:38px}.records-hero h1 span{font-size:1.8rem}.record-grid{grid-template-columns:1fr}.records-wrap{padding:18px}}