/* PK Haven hiscores: OSRS hiscores layout (categories | ranked table, name search, personal lookup)
   on the site's own theme (assets/style.css tokens, panels, tabs, tables). */
.hs-hero{position:relative;padding:150px 0 60px;overflow:hidden;border-bottom:1px solid var(--line)}
.hs-hero-bg{position:absolute;inset:0;background:url(/assets/hero.png) center 30%/cover;opacity:.35}
.hs-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,7,6,.55),var(--bg))}
.hs-hero-in{position:relative;z-index:1}
.hs-updated{color:var(--muted);font-size:.9rem}

.hs{padding:50px 0 90px;background:var(--bg2)}
.hs-layout{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:start}
.hs-main{display:grid;gap:28px;min-width:0}

.hs-cats{position:sticky;top:92px;max-height:calc(100vh - 110px);overflow:auto}
.hs-group{font-family:Cinzel,serif;font-weight:700;color:var(--gold);font-size:.78rem;letter-spacing:.15em;text-transform:uppercase;padding:14px 22px 6px}
.hs-cat{display:block;width:100%;text-align:left;background:none;border:0;border-left:2px solid transparent;color:var(--muted);font:inherit;font-size:.92rem;padding:7px 20px;cursor:pointer}
.hs-cat:hover{color:var(--text);background:rgba(217,165,74,.06)}
.hs-cat[aria-current="true"]{color:#fff;border-left-color:var(--blood);background:rgba(196,22,28,.15)}

.hs-search{display:flex;gap:6px}
.hs-search input{background:var(--bg);border:1px solid var(--line);color:var(--text);font:inherit;font-size:.85rem;padding:6px 10px;width:170px}
.hs-search input:focus{outline:1px solid var(--gold);outline-offset:0}

.hs .hs-num{text-align:right;font-variant-numeric:tabular-nums}
.hs tbody tr:hover{background:rgba(217,165,74,.05)}
.hs tbody tr.hs-me{background:rgba(196,22,28,.18)}
.hs .hs-name{color:var(--text);cursor:pointer}
.hs .hs-name:hover{color:var(--gold2);text-decoration:underline}
.hs tbody tr:nth-child(1) .rank{color:var(--gold2)}
.hs-empty td{color:var(--muted);text-align:center;padding:40px 22px}

.hs-pages{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;color:var(--muted);font-size:.85rem}
.hs-pages .tab:disabled{opacity:.35;cursor:default}

@media (max-width:860px){
  .hs-layout{grid-template-columns:1fr}
  .hs-cats{position:static;max-height:none}
  .hs-search input{width:120px}
  .hs .panel-h{flex-wrap:wrap;gap:10px}
}