.hs-hero{min-height:330px;padding:72px 8vw;display:flex;align-items:center;justify-content:space-between;gap:60px;background:radial-gradient(circle at 20% 40%,rgba(142,72,231,.2),transparent 34%),linear-gradient(120deg,#0b0810,#120b19);border-bottom:1px solid var(--line)}.hs-hero h1{font:500 clamp(44px,5vw,72px)/1 var(--serif);text-transform:uppercase;letter-spacing:-.045em;margin:19px 0}.hs-hero h1 em{font-style:normal;color:var(--purple)}.hs-hero>div>p:last-child{color:var(--muted);font-size:13px;line-height:1.7;max-width:630px}.hs-search{width:min(390px,100%);padding:25px;background:rgba(6,4,9,.62);border:1px solid rgba(183,119,255,.2)}.hs-search label{display:block;margin:0 0 10px}.hs-search>div{display:flex}.hs-search input{margin:0}.hs-search button{border:0;background:#8d4ada;color:#fff;padding:0 22px;font:700 9px var(--sans);letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.hs-layout{padding:55px 6vw 95px;display:grid;grid-template-columns:245px minmax(0,1fr);gap:25px;align-items:start}.hs-sidebar{background:#0d0a12;border:1px solid var(--line);padding:15px;max-height:850px;overflow-y:auto;position:sticky;top:18px}.hs-sidebar h3{color:#756d7e;font-size:8px;letter-spacing:.18em;text-transform:uppercase;margin:24px 9px 10px}.hs-sidebar nav{display:grid;gap:3px}.hs-sidebar a{min-height:40px;padding:7px 10px;display:grid;grid-template-columns:30px 1fr auto;align-items:center;color:#a9a0b1;text-decoration:none;font-size:10px;border:1px solid transparent;transition:.2s}.hs-sidebar a:hover,.hs-sidebar a.active{color:#fff;background:rgba(142,72,220,.12);border-color:rgba(180,116,255,.2)}.hs-sidebar a.active{box-shadow:inset 2px 0 #a15cf0}.hs-sidebar a>i{font-style:normal;color:#b47af0}.hs-sidebar a small{color:#645c6c;font-size:8px}.hs-sidebar nav>p{font-size:9px;color:#625b68;padding:0 10px}.skill-icon{width:25px;height:25px;display:inline-grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#3a2450,#17101f);border:1px solid rgba(200,157,255,.2);color:#d6b1ff!important;font:normal 12px var(--serif);text-shadow:0 0 8px #9e57e9}.skill-prayer,.skill-hitpoints{color:#fff!important}.skill-magic,.skill-runecraft{background:linear-gradient(145deg,#35205c,#12172a)}.skill-mining,.skill-smithing,.skill-construction{background:linear-gradient(145deg,#4a3d36,#191616)}.skill-farming,.skill-herblore,.skill-hunter{background:linear-gradient(145deg,#29482e,#101a12)}.skill-ranged,.skill-fletching,.skill-woodcutting{background:linear-gradient(145deg,#3f3520,#18140c)}.hs-board,.hs-panel{background:#0e0b13;border:1px solid var(--line)}.hs-board>header{height:102px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:linear-gradient(100deg,rgba(126,58,202,.09),transparent)}.hs-board>header span,.hs-panel>header span{color:#a96ce9;font-size:8px;font-weight:700;letter-spacing:.18em}.hs-board h2{font:500 26px var(--serif);text-transform:uppercase;margin:8px 0 0}.hs-board>header p{color:#625b69;font-size:9px}.hs-table-wrap{overflow-x:auto}.hs-board table{width:100%;border-collapse:collapse;min-width:650px}.hs-board th{text-align:left;padding:15px 22px;color:#655e6d;font-size:8px;letter-spacing:.14em;text-transform:uppercase;background:#09070c}.hs-board td{height:67px;padding:10px 22px;border-top:1px solid rgba(255,255,255,.055);font-size:11px;color:#aaa1b2}.hs-board tbody tr{transition:.2s}.hs-board tbody tr:hover{background:rgba(151,81,230,.055)}.hs-board td strong{color:#d4c6df}.rank{width:30px;display:inline-block;text-align:center;color:#746c7b;font:600 11px var(--serif)}.rank-1{color:#f3c866;font-size:18px}.rank-2{color:#c8d0da;font-size:15px}.rank-3{color:#c78d68;font-size:14px}.player-link{display:grid;gap:4px;text-decoration:none}.player-link span{color:#efe9f3;font-weight:600}.player-link small{text-transform:capitalize;color:#756d7d;font-size:8px}.hs-pagination{height:65px;padding:0 25px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-top:1px solid var(--line)}.hs-pagination a{color:#b47af1;text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:8px}.hs-pagination a:last-child{text-align:right}.hs-pagination b{font-size:8px;color:#716979;letter-spacing:.13em}.hs-empty{margin:70px auto 100px;width:min(700px,88%);padding:65px;text-align:center;background:#100c16;border:1px solid var(--line)}.hs-empty h2{font:500 25px var(--serif);text-transform:uppercase}.hs-empty p{color:#877f8e;font-size:12px}.hs-empty .btn{margin-top:20px}.no-records{text-align:center!important;color:#6d6574!important;padding:45px!important}.hs-profile-wrap{padding:50px 7vw 100px}.hs-back{color:#9c68d9;text-decoration:none;font-size:9px;text-transform:uppercase;letter-spacing:.13em}.hs-profile-head{margin-top:25px;display:flex;align-items:center;gap:22px;padding:32px;background:linear-gradient(120deg,#171020,#0c0911);border:1px solid var(--line)}.hs-avatar{width:75px;height:75px;display:grid;place-items:center;background:linear-gradient(145deg,#a25bea,#562397);border:1px solid #c492ff;font:600 30px var(--serif);box-shadow:0 0 35px rgba(143,63,222,.25)}.hs-profile-head h2{font:500 28px var(--serif);text-transform:uppercase;margin:8px 0 4px}.hs-profile-head p{margin:0;color:#756d7d;font-size:9px}.mode-badge{padding:5px 7px;color:#d5b3fc;background:rgba(153,82,225,.13);font-size:7px;letter-spacing:.13em;text-transform:uppercase}.mode-badge.hardcore{color:#ff8d8d;background:rgba(220,60,60,.13)}.mode-badge.ironman,.mode-badge.ultimate{color:#d2d2d2;background:rgba(190,190,190,.1)}.hs-profile-head dl{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-left:auto}.hs-profile-head dl div{padding-left:17px;border-left:1px solid var(--line)}.hs-profile-head dt{color:#706878;font-size:7px;text-transform:uppercase;letter-spacing:.13em}.hs-profile-head dd{margin:7px 0 0;font:500 16px var(--serif);color:#d8c4e9}.hs-profile-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);gap:20px;margin-top:20px}.hs-panel>header{height:65px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.hs-panel h3{font:500 14px var(--serif);text-transform:uppercase}.skill-grid{display:grid;grid-template-columns:repeat(2,1fr)}.skill-grid article,.boss-log article{display:grid;grid-template-columns:38px 1fr auto;align-items:center;min-height:62px;padding:9px 18px;border-bottom:1px solid rgba(255,255,255,.05)}.skill-grid article:nth-child(odd){border-right:1px solid rgba(255,255,255,.05)}.skill-grid article>div,.boss-log article>div{display:grid;gap:4px}.skill-grid strong,.boss-log strong{font-size:9px}.skill-grid span,.boss-log span{color:#6f6777;font-size:7px}.skill-grid b,.boss-log b{color:#b893da;font-size:8px}.boss-log>article>i{color:#a96ae7;font-style:normal}.boss-log{max-height:805px;overflow-y:auto}
@media(max-width:1050px){.hs-profile-head{align-items:flex-start;flex-wrap:wrap}.hs-profile-head dl{width:100%;margin:10px 0 0}.hs-profile-grid{grid-template-columns:1fr}}
@media(max-width:850px){.hs-hero{padding:60px 6vw;align-items:flex-start;flex-direction:column;gap:25px}.hs-layout{grid-template-columns:1fr;padding:35px 5vw 75px}.hs-sidebar{position:static;max-height:none}.skill-nav{grid-template-columns:repeat(3,1fr)!important}.boss-nav{grid-template-columns:repeat(2,1fr)!important}.hs-profile-head dl{grid-template-columns:repeat(2,1fr)}.skill-grid{grid-template-columns:1fr}.skill-grid article:nth-child(odd){border-right:0}}
@media(max-width:520px){.hs-hero h1{font-size:42px}.hs-search{padding:18px}.skill-nav{grid-template-columns:repeat(2,1fr)!important}.boss-nav{grid-template-columns:1fr!important}.hs-profile-wrap{padding:35px 5vw 70px}.hs-profile-head{padding:22px}.hs-profile-head dl{gap:18px}.hs-board>header{padding:0 20px}.skill-grid article,.boss-log article{padding:8px 12px}}

/* Genuine in-game skill sprites */
.hs-sidebar a{grid-template-columns:38px 1fr auto}.skill-icon{width:36px;height:36px;border:0;border-radius:0;background:none!important;text-shadow:none;display:inline-grid;place-items:center}.skill-icon img{display:block;width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.75))}
