/* updated_at: 2026-10-08; validated_at: 2026-10-08; scope: desktop and 390px rendered classic high scores; original CSS motifs and sans-serif. */
:root{color-scheme:dark;--bg:#101c19;--surface:#172621;--line:#32433b;--ink:#f1f2e9;--muted:#a4b5a8;--lime:#d7f965;--font:"Trebuchet MS",Verdana,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 var(--font)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--lime);outline-offset:4px}button{cursor:pointer}a:hover{color:var(--lime)}.skip{position:absolute;top:-70px;left:20px;z-index:20;background:var(--lime);color:var(--bg);padding:12px}.skip:focus{top:10px}.header{max-width:1320px;margin:auto;min-height:100px;display:flex;align-items:center;gap:32px;padding:20px 44px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:25px;letter-spacing:-1.1px;font-weight:800}.brand svg{width:30px;height:30px;fill:var(--lime);image-rendering:pixelated}.beta{color:var(--muted);font-size:10px;letter-spacing:1.5px;border:1px solid var(--line);padding:3px 5px;margin-left:4px}.header nav{display:flex;gap:26px;margin-left:auto;font-size:14px}.header nav [aria-current=page]{color:var(--lime)}.button{display:inline-flex;justify-content:center;align-items:center;gap:25px;padding:16px 22px;background:var(--lime);color:#101c19;border:1px solid var(--lime);font-weight:800;line-height:1.2;min-height:48px;transition:transform .15s,background .15s}.button:hover{color:#101c19;background:#e3ff8c;transform:translateY(-2px)}.button.small{font-size:14px;padding:12px 17px;gap:20px}.button.secondary{background:transparent;border-color:var(--line);color:var(--ink);font-weight:normal}.button.secondary:hover{border-color:var(--lime)}main{max-width:1320px;margin:auto;padding:0 44px}h1,h2,h3,p{margin-top:0}h1,h2{line-height:1.03;letter-spacing:-2.5px}h1{font-size:clamp(48px,6.8vw,88px);font-weight:800;margin-bottom:25px}h2{font-size:38px;font-weight:800;margin-bottom:13px}h3{font-size:20px;letter-spacing:-.5px}p{color:var(--muted)}.eyebrow{display:flex;gap:9px;align-items:center;color:var(--lime);font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:bold;margin-bottom:23px}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--lime)}.hero{padding:75px 0 60px;display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center}.hero .intro{font-size:18px;max-width:440px;margin-bottom:30px}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero-media{position:relative;padding:20px 0 0 10px;min-width:0}.scene{position:relative;border:1px solid #627950;background:#243e2b;box-shadow:15px 18px 0 #1b2e25;transform:rotate(2deg)}.scene img{width:100%;aspect-ratio:765/503;object-fit:cover;display:block;image-rendering:auto}.scene-caption{border-top:1px solid #627950;font-size:11px;letter-spacing:1.2px;color:var(--lime);padding:12px 16px;display:flex;justify-content:space-between}.world-note{margin:36px 0 0 28px;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:9px}.hero .subtle{margin:22px 0 0;font-size:12px}.statusbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;padding:21px 0}.statusitem{display:flex;align-items:center;gap:13px;border-right:1px solid var(--line);padding:0 30px}.statusitem:first-child{padding-left:0}.statusitem:last-child{border:none}.statusitem strong{font-size:22px}.statusitem span{color:var(--muted);font-size:12px}.home-columns{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:65px 0}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:24px}.section-head p{font-size:14px;margin-bottom:0}.textlink{font-size:12px;white-space:nowrap;color:var(--lime);padding:10px 0}.panel{border:1px solid var(--line);background:var(--surface)}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:17px 22px;border-bottom:1px solid var(--line);font-size:12px;font-weight:bold}.panel-head .muted{font-weight:normal}.muted{color:var(--muted)}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:14px}th{text-align:left;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1.1px;padding:16px 20px;border-bottom:1px solid var(--line);font-weight:normal}td{padding:17px 20px;border-bottom:1px solid var(--line)}tr:last-child td{border-bottom:0}tbody tr:hover{background:#203329}td:first-child{color:var(--muted);width:65px}td:nth-child(2){font-weight:bold}th.number,td.number{text-align:right}.rank-first{color:var(--lime)!important}.feed-item{display:grid;grid-template-columns:35px 1fr;gap:13px;padding:20px;border-bottom:1px solid var(--line)}.feed-item:last-child{border-bottom:0}.event-icon{height:30px;width:30px;background:#273f2e;color:var(--lime);display:grid;place-content:center;font-size:12px}.feed-item p{color:var(--ink);font-size:14px;margin:0 0 7px}.feed-item small{font-size:11px;color:var(--muted)}.tag{color:var(--lime);font-size:9px;font-weight:bold;letter-spacing:1px;margin-left:8px}.empty{padding:38px 25px;text-align:center;color:var(--muted);font-size:14px}.empty strong{color:var(--ink);display:block;margin-bottom:6px}.feature-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:55px 0;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:45px}.feature-band p{font-size:14px;margin:0}.feature-band .eyebrow{margin-bottom:15px}.feature-band h2{font-size:42px}.feature-band h3{margin-bottom:10px}.bottom-cta{display:flex;align-items:center;justify-content:space-between;padding:60px 0;gap:25px}.bottom-cta h2{font-size:42px;margin:0}.pagehead{padding:55px 0 30px;max-width:760px}.pagehead h1{font-size:64px;margin-bottom:17px}.pagehead p{font-size:17px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.search{display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--muted)}input{background:var(--surface);border:1px solid var(--line);padding:12px 15px;color:var(--ink);width:240px}.filterlabel{font-size:11px;letter-spacing:1px;color:var(--muted);margin-bottom:10px}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:25px}.tab{background:transparent;color:var(--muted);border:1px solid var(--line);padding:10px 14px;min-height:44px;font-size:12px}.tab:hover{border-color:var(--muted);color:var(--ink)}.tab.active{background:var(--lime);border-color:var(--lime);color:var(--bg);font-weight:bold}.live-status{font-size:12px;color:var(--muted)}.live-status b{color:var(--lime);font-weight:normal}.notice{color:#f4d89f;border:1px solid #68532b;background:#302a1d;padding:14px 20px;font-size:13px;margin:15px 0}.pager{display:flex;align-items:center;justify-content:space-between;margin:20px 0 30px;font-size:12px;color:var(--muted)}.pager button{background:transparent;border:1px solid var(--line);padding:12px 18px;color:var(--ink)}button:disabled{opacity:.35;cursor:default}.rules{font-size:12px;padding:20px 0 50px;color:var(--muted);max-width:80ch}.rules summary{cursor:pointer;display:inline-flex;align-items:center;min-height:44px;color:var(--ink)}.rules p{margin-top:12px}.fullfeed{max-width:850px;margin-bottom:60px}.profile-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:35px;margin-bottom:60px}.profile-stats{display:flex;gap:35px;margin-bottom:30px}.profile-stats strong{font-size:30px;display:block}.profile-stats span{font-size:11px;color:var(--muted)}footer{max-width:1320px;margin:auto;padding:30px 44px 40px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr 1fr;gap:35px;align-items:start}footer .brand{font-size:20px}footer p{font-size:11px;max-width:460px;margin:0}footer>a:last-child{justify-self:end;font-size:12px;color:var(--muted)}.table-wrap{overflow-x:auto}.table-wrap table{min-width:430px}.route-enter{animation:enter .25s ease-out}@keyframes enter{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:1000px){.header{gap:20px;padding:20px 25px}.header nav{gap:15px}.brand{font-size:21px}main{padding:0 25px}.hero{gap:25px}.hero h1{font-size:64px}.hero .intro{font-size:16px}.home-columns{gap:25px}.section-head{display:block}.feature-band{gap:25px}footer{padding:30px 25px}}
@media(max-width:700px){.header{padding:18px 20px;flex-wrap:wrap;gap:15px;min-height:0}.header nav{order:3;width:100%;margin-left:0;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px}.header .button{margin-left:auto}.beta{display:none}main{padding:0 20px}.hero{grid-template-columns:1fr;padding:40px 0;gap:35px}.hero h1{font-size:58px;max-width:10ch}.hero .intro{max-width:500px}.hero-media{padding:0 15px 0 0}.world-note{margin:29px 0 0;font-size:11px}.statusbar{grid-template-columns:1fr 1fr;padding:18px 0}.statusitem{padding:0 15px;display:block}.statusitem span{display:block}.statusitem:nth-child(2){border:none}.statusitem:last-child{display:none}.home-columns{grid-template-columns:1fr;padding:40px 0;gap:40px}.section-head{display:flex}.section-head h2{font-size:32px}.feature-band{grid-template-columns:1fr;padding:40px 0;gap:28px}.feature-band h2{font-size:37px}.bottom-cta{display:block;padding:40px 0}.bottom-cta h2{font-size:38px;margin-bottom:24px}footer{padding:25px 20px;grid-template-columns:1fr;gap:20px}footer>a:last-child{justify-self:start}.pagehead{padding:35px 0 20px}.pagehead h1{font-size:50px}.toolbar{align-items:flex-start;flex-direction:column;gap:12px}.search{width:100%}input{width:100%}.tabs{gap:6px}.tab{padding:10px 11px}td,th{padding:14px 13px}.profile-grid{grid-template-columns:1fr}.profile-stats{gap:22px}.profile-stats strong{font-size:26px}}
/* Classic hiscores: official OSRS layout inspected 2026-10-08 at secure.runescape.com/m=hiscore_oldschool/overall. Original CSS textures and vector marks; no Jagex site artwork copied. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body.classic{--ink:#eee4bd;--muted:#c7bd99;--lime:#c1cc83;--line:#6d6758;--surface:#25241f;--bg:#10100d;font:13px/1.4 Arial,Helvetica,sans-serif;background:#050504;color:var(--ink)}
.classic .header,.classic main,.classic footer{max-width:940px;background-color:#24251f;background-image:radial-gradient(ellipse at 25% 20%,#3b3a2c22 0 18%,transparent 19%),repeating-linear-gradient(14deg,transparent 0 55px,#0a0a0880 56px 58px,transparent 60px 112px),repeating-linear-gradient(100deg,#ffffff04 0 70px,#05050455 72px 75px,#ffffff02 78px 140px);border-left:9px ridge #514e3a;border-right:9px ridge #514e3a;box-shadow:0 0 20px #000}
.classic .header{min-height:52px;padding:12px 25px;border-bottom:2px solid #4b4739;gap:20px}.classic .header .brand{font-size:17px;letter-spacing:0}.classic .brand svg{width:19px;height:19px}.classic .header nav{font-size:12px;gap:22px}.classic .header .button{font-size:12px;padding:7px 12px;min-height:30px;background:#080806;border-color:#62563c;color:#c1cc83}.classic .beta{font-size:8px}.classic main{padding:0 32px 20px;min-height:750px}.classic-masthead{text-align:center;padding:30px 0 27px}.classic-masthead p{margin:0 0 6px;color:#c4a35a;text-transform:uppercase;letter-spacing:4px;font-size:11px}.classic-masthead h1{display:block;margin:0;font-size:24px;line-height:1.3;letter-spacing:0;color:#f4e8c4;text-shadow:2px 2px #000}.classic-masthead a{color:#c1cc83;font-size:12px}.classic-nav{display:flex;justify-content:center;gap:7px;margin-bottom:20px}.classic-nav a{background:#080807;border:2px ridge #71624b;padding:8px 15px;color:#c1cc83}.classic-nav [aria-current=page]{color:white;font-weight:bold}.classic-columns{display:grid;grid-template-columns:150px minmax(0,1fr) 148px;gap:14px;align-items:start}.classic-category{background:linear-gradient(90deg,#333a42,#46505b 50%,#333a42);border:3px ridge #6a6559;box-shadow:2px 3px 5px #000;position:relative;margin-top:12px;padding-top:23px}.classic-category h2{position:absolute;left:-10px;right:-10px;top:-23px;background:linear-gradient(#d1c388,#baab71);border:1px solid #6b5e36;box-shadow:1px 3px 2px #0007;transform:rotate(-5deg);font-size:20px;letter-spacing:0;text-align:center;color:#5f542f;padding:8px;font-variant:small-caps;margin:0}.classic-category #tabs{display:flex;flex-direction:column;padding:8px 5px 15px}.classic-category .tab{display:flex;align-items:center;gap:7px;border:0;border-radius:0;color:#e3d8a6;background:transparent;text-align:left;min-height:26px;padding:4px 5px;font-size:12px;line-height:1.25}.classic-category .tab:hover{color:#fff;background:#10141a55;text-decoration:underline}.classic-category .tab.active{font-weight:bold;color:#fff1af;background:#1d232a;box-shadow:inset 0 0 0 1px #a99965}.skill-mark{width:19px;height:19px;display:inline-block;flex-shrink:0;color:#e0c462}.skill-mark svg{width:19px;height:19px;fill:#b7ab7655;stroke:currentColor;stroke-width:2;stroke-linecap:square;filter:drop-shadow(1px 1px #000)}.tab:nth-child(4n) .skill-mark{color:#ba6358}.tab:nth-child(4n+1) .skill-mark{color:#b5b6aa}.tab:nth-child(4n+2) .skill-mark{color:#91b6be}.tab:nth-child(4n+3) .skill-mark{color:#91a87b}
.parchment{background-color:#d2c397;background-image:radial-gradient(ellipse at 15% 35%,#a8925722,transparent 60%),radial-gradient(ellipse at 85% 75%,#70502422,transparent 50%),repeating-linear-gradient(3deg,#ffffff05 0 1px,#705f3708 2px 3px);color:#151409;box-shadow:inset 0 0 35px #66562777,0 5px 8px #0008;border-left:2px solid #7c6c40;border-right:2px solid #7c6c40;padding:29px 20px 14px;min-height:657px;position:relative;margin-top:8px;--ink:#17160e;--muted:#5f5437;--lime:#5c3b11;--line:#b4a474;--surface:#d2c397}.parchment:before,.parchment:after{content:'';position:absolute;left:-5px;right:-5px;height:20px;background:linear-gradient(#8f8050,#e0d4a9 45%,#d2c397 62%,#a3915f);border:1px solid #726136;border-radius:45% 5% 20% 3%;box-shadow:0 2px 3px #0005}.parchment:before{top:-9px}.parchment:after{bottom:-9px;transform:rotate(180deg)}.parchment h2{text-align:center;font-size:14px;font-weight:bold;letter-spacing:0;margin:0;line-height:1.3}.classic-world{text-align:center;font-size:11px;color:#52492f;margin:3px 0 15px}.classic table{font-size:13px;min-width:0;line-height:1.5}.classic th{font-size:13px;font-weight:bold;letter-spacing:0;text-transform:none;color:#141409;padding:3px 5px;border:none}.classic td{border:none;padding:3px 5px;color:#111;width:auto;white-space:nowrap}.classic td:nth-child(2){font-weight:normal}.classic td:first-child,.classic th:first-child{text-align:right;width:44px;color:#111}.classic td.number,.classic th.number{text-align:right}.classic td a{color:#111}.classic td a:hover{color:#713c12;text-decoration:underline}.classic tbody tr:hover{background:#e8ddb755}.classic .rank-first{color:#111!important}.classic .empty{padding:45px 10px}.classic .empty strong{color:#19170e}.classic .pager{gap:8px;padding:12px 0 0;margin:10px 0;font-size:11px;color:#4b432b}.classic .pager button{border:0;color:#5c4b24;min-width:38px;min-height:35px;padding:3px;font-size:23px}.classic-count{text-align:center;font-size:11px;color:#5c5234;margin:0}.stone-box{padding:9px 9px 12px;margin:0 0 23px;background:radial-gradient(ellipse at 25% 20%,#514b36aa,transparent 60%),linear-gradient(20deg,#24231f,#403b2f 45%,#25241e);border:5px ridge #767265;border-radius:5px;text-align:center;box-shadow:2px 3px 5px #000}.stone-box h2{font-size:13px;color:#ddd0a0;letter-spacing:0;line-height:1.3;margin:0 0 7px}.stone-box input{width:100%;max-width:112px;padding:2px 4px;background:#fff;color:#111;border:2px inset #ddd;font:13px Arial,sans-serif;height:24px}.stone-box button{padding:2px 7px;min-height:25px;color:#111;background:#e3e3e3;border:2px outset #bbb;font:13px Arial,sans-serif;margin-top:5px}.stone-box #clearsearch{display:block;margin:7px auto 0;font-size:11px;color:#c1cc83;background:transparent;border:0;padding:0;min-height:20px;text-decoration:underline}.stone-box p{color:#d0c6a4;font-size:12px;margin:8px 0}.stone-box a{color:#c1cc83;text-decoration:underline}.classic .live-status{font-size:10px;display:block;color:#d0c6a4}.classic .live-status b{color:#c1cc83}.classic .rules{padding:35px 0 0;margin:0 auto;max-width:65ch;color:#c6bb9a;font-size:11px}.classic .rules p{color:#c6bb9a}.classic footer{padding:22px 32px;border-top:1px solid #625843;grid-template-columns:1fr 3fr;gap:20px}.classic footer .brand{font-size:16px;letter-spacing:0}.classic footer>a:last-child{display:none}.classic .pagehead h1{font-size:40px;letter-spacing:0}.classic .panel td,.classic .panel th{color:#eee4bd;padding:7px 12px}.classic .panel td a{color:#eee4bd}.classic .panel tbody tr:hover{background:#ffffff0a}.classic .profile-stats strong{font-size:26px}
@media(max-width:700px){.classic .header,.classic main,.classic footer{border-left-width:4px;border-right-width:4px}.classic .header{padding:10px 14px}.classic .header nav{padding-top:10px}.classic main{padding:0 12px 20px}.classic-masthead{padding:24px 0}.classic-nav{gap:4px}.classic-nav a{padding:7px 8px;font-size:11px}.classic-columns{grid-template-columns:110px minmax(0,1fr);gap:9px}.classic-category .tab{font-size:11px;min-height:33px;gap:3px;padding:5px 2px}.classic-category h2{font-size:18px}.parchment{padding:27px 7px 12px;min-height:650px}.classic-tools{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.stone-box{margin:0}.classic table{font-size:11px;min-width:220px}.classic th{font-size:11px}.classic th,.classic td{padding:4px 2px}.classic .table-wrap{overflow:auto}.classic .skill-mark,.classic .skill-mark svg{width:16px;height:16px}.parchment h2{font-size:13px}.classic footer{padding:20px;grid-template-columns:1fr}.classic .profile-grid{grid-template-columns:1fr}}