:root{
  --bg:#050a10; --line:#1d2a39; --text:#eef6ff; --muted:#93a0b3;
  --green:#37f26c; --yellow:#facc15; --orange:#fb923c; --blue:#60a5fa;
}
*{box-sizing:border-box}
body{
  margin:0;
  background:radial-gradient(circle at 18% 0%,rgba(55,242,108,.11),transparent 28%),linear-gradient(180deg,#050a10,#07101a 55%,#050a10);
  color:var(--text); font-family:Inter,Segoe UI,system-ui,Arial,sans-serif; min-height:100vh;
}
a{text-decoration:none;color:inherit}
.topbar{border-bottom:1px solid var(--line);background:rgba(5,10,16,.88);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}
.nav{max-width:1480px;margin:auto;padding:18px 28px;display:grid;grid-template-columns:280px 1fr 340px;align-items:center;gap:20px}
.logo{font-size:32px;font-weight:1000;letter-spacing:-1px;text-transform:uppercase;text-shadow:0 4px 0 rgba(0,0,0,.55)}
.logo .q{color:var(--green)}
.center-title{justify-self:center;color:white;font-size:20px;font-weight:950;padding:14px 28px;border-bottom:3px solid var(--green)}
.search{justify-self:end;width:330px;display:flex;align-items:center;gap:10px;background:#0b1420;border:1px solid #233244;border-radius:999px;padding:13px 18px;color:var(--muted)}
.search input{width:100%;background:transparent;border:0;outline:0;color:white;font:inherit}
.wrap{max-width:1480px;margin:auto;padding:34px 28px 60px}
.tabs{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:26px}
.tab{min-width:142px;height:62px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #223144;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));border-radius:13px;color:#cbd5e1;font-size:18px;font-weight:850;transition:.16s ease}
.tab:hover{transform:translateY(-2px);border-color:#38516d;background:rgba(255,255,255,.065)}
.tab.active{color:white;border-color:var(--green);box-shadow:inset 0 -2px 0 var(--green),0 0 26px rgba(55,242,108,.08)}
.i{width:25px;height:25px;display:inline-block;background:currentColor;mask:var(--m) center/contain no-repeat;-webkit-mask:var(--m) center/contain no-repeat}
.i.trophy{color:var(--yellow);--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M18 2H6v3H2v4a5 5 0 0 0 5 5h1.1A6 6 0 0 0 11 16.9V20H7v2h10v-2h-4v-3.1A6 6 0 0 0 15.9 14H17a5 5 0 0 0 5-5V5h-4V2ZM4 7h2v4a3 3 0 0 1-2-2.8V7Zm16 1.2A3 3 0 0 1 18 11V7h2v1.2Z'/%3E%3C/svg%3E")}
.i.heart{color:#fb5d6c;--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 21s-8-4.9-10-10.2C.5 6.7 3 3 6.8 3c2 0 3.6 1 5.2 3 1.6-2 3.2-3 5.2-3C21 3 23.5 6.7 22 10.8 20 16.1 12 21 12 21Z'/%3E%3C/svg%3E")}
.i.potion{color:#f8fafc;--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 2h6v2h-1v4.2l4.2 6.5A5.9 5.9 0 0 1 13.2 24H10.8a5.9 5.9 0 0 1-5-9.3L10 8.2V4H9V2Zm2.2 8L7.5 15.7A3.9 3.9 0 0 0 10.8 22h2.4a3.9 3.9 0 0 0 3.3-6.3L12.8 10h-1.6Z'/%3E%3C/svg%3E")}
.i.helmet{color:#9b5de5;--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 11a8 8 0 0 1 16 0v8h-5v-4H9v4H4v-8Zm5 0h2V9H9v2Zm4 0h2V9h-2v2Z'/%3E%3C/svg%3E")}
.i.sword{color:#38bdf8;--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m21 3-7 2-8.6 8.6-2-2L2 13l3 3-3 3 3 3 3-3 3 3 1.4-1.4-2-2L19 10l2-7Z'/%3E%3C/svg%3E")}
.i.axe{color:#7dd3fc;--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M14 2c4 0 7 3 7 7h-5l-2 2 2 2-8 8-3-3 8-8-2-2 2-2V2h1Z'/%3E%3C/svg%3E")}
.i.mace{color:#94a3b8;--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M14 2h6v6h-2v2h-2v2h-2v-2h-2V8h-2V6h4V2ZM3 18l9-9 3 3-9 9H3v-3Z'/%3E%3C/svg%3E")}
.i.door{color:#b8793c;--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 2h12v20H6V2Zm3 2v16h6V4H9Zm5 8h-2v2h2v-2Z'/%3E%3C/svg%3E")}
.i.redstone{color:#ef4444;--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m12 2 3 5 6 2-4 4 1 6-6-3-6 3 1-6-4-4 6-2 3-5Z'/%3E%3C/svg%3E")}
.board{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:rgba(7,14,23,.72);box-shadow:0 24px 80px rgba(0,0,0,.45)}
.headrow,.row{display:grid;grid-template-columns:90px minmax(250px,1fr) 555px 320px;align-items:center}
.headrow{padding:24px 28px 18px;color:#91a0b3;text-transform:uppercase;font-weight:900}
.row{margin:0 14px 10px;min-height:106px;border:1px solid #1b2a3a;border-radius:11px;background:linear-gradient(90deg,rgba(13,24,37,.94),rgba(8,16,26,.92));transition:.16s ease}
.row:hover{border-color:rgba(55,242,108,.75);background:linear-gradient(90deg,rgba(55,242,108,.17),rgba(96,165,250,.08) 45%,rgba(8,16,26,.94));box-shadow:0 0 0 1px rgba(55,242,108,.22),0 0 34px rgba(55,242,108,.18);transform:translateY(-1px)}
.rank{height:78px;margin-left:10px;width:72px;display:grid;place-items:center;font-size:30px;font-weight:1000;font-style:italic;text-shadow:0 3px 0 rgba(0,0,0,.45);clip-path:polygon(0 0,100% 0,84% 100%,0 100%);background:#101a27}
.rank.r1{background:linear-gradient(135deg,#fde047,#d9960b)} .rank.r2{background:linear-gradient(135deg,#cbd5e1,#64748b)} .rank.r3{background:linear-gradient(135deg,#fb923c,#92400e)}
.player{display:flex;align-items:center;gap:18px}
.avatarBox{width:92px;height:92px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.avatar{height:98px;width:auto;image-rendering:pixelated;filter:drop-shadow(0 10px 22px rgba(0,0,0,.45));transform:translateY(6px)}
.pname{font-size:26px;font-weight:1000;letter-spacing:-.3px}.title{margin-top:5px;color:#b5c0cf;font-size:16px}.medal{color:var(--yellow);font-weight:1000;margin-right:7px}
.tiers{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.tier{width:58px;min-height:76px;display:grid;place-items:center;text-align:center;border:1px solid #203044;background:rgba(255,255,255,.025);border-radius:8px;padding:8px 0 6px}.tier .i{width:25px;height:25px}
.badge{display:inline-block;padding:2px 7px;border-radius:7px;background:#1a2432;color:#dbeafe;font-size:15px;font-weight:1000}
.badge.ht1{background:rgba(250,204,21,.16);color:#facc15}.badge.lt1{background:rgba(250,204,21,.12);color:#fde047}.badge.na{background:rgba(148,163,184,.12);color:#94a3b8}
.stats{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px;padding-right:12px}
.stat{border:1px solid #203044;background:rgba(255,255,255,.03);border-radius:8px;padding:8px;text-align:center}
.stat b{display:block;font-size:17px}.stat span{display:block;color:#8b98aa;font-size:11px;text-transform:uppercase;font-weight:900}
.update{margin-top:4px;color:#6b7788;font-size:10px}
.note{margin-top:18px;color:#99a7ba;font-size:14px}.footer{display:flex;justify-content:space-between;margin-top:22px;color:#8996a9}.footer b{color:var(--green)}
@media(max-width:1250px){.headrow,.row{grid-template-columns:82px 1fr}.headrow div:nth-child(3),.headrow div:nth-child(4),.tiers,.stats{grid-column:2}.row{min-height:230px}.stats{padding:0 12px 14px 0}.rank{width:68px;height:70px;font-size:28px}}
@media(max-width:800px){.nav{grid-template-columns:1fr;padding:16px 20px}.center-title{justify-self:start}.search{justify-self:stretch;width:100%}.tabs{gap:8px}.tab{min-width:120px}.stats{grid-template-columns:1fr}}