@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{--bg:#0d131b;--line:#202c3b;--ink:#eaf1ff;--muted:#71819a;--blue:#8cb8ff;--gold:#ffc948}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Outfit,Arial,sans-serif}header,main,footer{max-width:1690px;margin:auto}header{height:81px;margin-top:27px;padding:0 25px;display:flex;align-items:center;gap:35px;border:1px solid #1e2938;border-radius:17px;background:#111925}.brand{color:#f7bc45;text-decoration:none;font-weight:800;font-size:25px;letter-spacing:-1.5px;text-shadow:2px 2px #603a1a;white-space:nowrap}.brand span{color:#9ec33f}.brand b{color:#ffd16b}nav{display:flex;justify-content:center;gap:28px;flex:1}nav a{color:var(--blue);font-size:20px;font-weight:600;text-decoration:none}nav .muted{color:#3a475a}nav .active,nav a:hover{color:#e8f0ff}.search-shortcut{width:262px;display:flex;gap:12px;align-items:center;padding:10px 12px;color:#60718a;background:#1c2636;border-radius:25px;font-size:16px;cursor:text}kbd{margin-left:auto;background:#253248;border-radius:8px;padding:3px 8px}main{padding-top:66px}.mode-tabs{display:flex;align-items:end;overflow-x:auto;gap:5px;padding-left:1px}.mode-tab{flex:0 0 139px;height:74px;border:1px solid #223043;border-bottom:0;border-radius:28px 28px 0 0;background:#0e151f;color:#607187;font:700 17px Outfit,sans-serif;cursor:pointer}.mode-tab i{display:block;font-size:25px;line-height:30px;font-style:normal}.mode-tab.active{background:#192333;color:white;box-shadow:inset 0 -2px white}.rankings-card{border:1px solid #223043;border-radius:0 17px 17px 17px;background:#101720;padding:20px 40px 27px;min-height:590px}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.card-top p{margin:0 0 4px;color:#7286a4;font:11px 'DM Mono',monospace;letter-spacing:1.5px}.card-top h1{margin:0;font-size:28px;letter-spacing:-1px}.card-top button{border:0;border-radius:10px;background:#213049;color:#f4f6fc;padding:12px 16px;font:600 15px Outfit,sans-serif}.filters{display:flex;justify-content:flex-end;gap:10px;margin-bottom:19px}input,select{height:39px;border:1px solid #263448;border-radius:9px;background:#182334;color:#d7e4f9;padding:0 13px;font:15px Outfit,sans-serif}input{width:245px}.columns,.player-row{display:grid;grid-template-columns:190px minmax(300px,1fr) 175px 360px;align-items:center}.columns{padding:9px 20px;color:#29384d;font-size:17px;font-weight:700;text-transform:uppercase}.player-row{min-height:99px;margin:10px 0;border:1px solid #1e2a39;border-radius:16px;overflow:hidden;background:#151e2b}.rank{height:100%;min-height:97px;display:flex;align-items:center;padding-left:18px;gap:14px;font-size:41px;font-style:italic;background:#1a2535}.rank.top-1{background:linear-gradient(105deg,#ffce42 0%,#d69c31 84%,#1a2535 85%);text-shadow:2px 2px #756020}.rank.top-2{background:linear-gradient(105deg,#b5ced4 0%,#728d96 84%,#1a2535 85%)}.rank.top-3{background:linear-gradient(105deg,#c77231 0%,#8f4722 84%,#1a2535 85%)}.avatar{width:54px;height:54px;display:grid;place-items:center;border:2px solid #314158;border-radius:5px;background:#26374e;color:#c4d4eb;font-size:23px;font-weight:800}.name{color:#dbe8ff;font-size:27px;font-weight:700}.mode{color:#8197b7;font-size:16px;margin-top:2px}.region{border-radius:9px;padding:10px 12px;font-size:20px;font-weight:800}.region.na{color:#ff7382;background:#482632}.region.eu{color:#77dd7d;background:#173d28}.region.as{color:#7ac7ff;background:#183c59}.region.au{color:#f7b86f;background:#4b3521}.tiers{display:flex;flex-wrap:wrap;gap:7px;padding-right:14px}.tier-chip{display:inline-flex;align-items:center;gap:4px;border-radius:17px;padding:7px 9px;background:#273143;color:var(--gold);font:800 13px 'DM Mono',monospace}.no-tier{color:var(--muted);font-size:13px}#empty,.error{color:var(--muted);padding:25px}footer{border-top:1px solid var(--line);padding:28px 0;color:#60718a;font-size:13px}@media(max-width:900px){header{margin:15px}header nav{display:none}.search-shortcut{margin-left:auto;width:auto}main,footer{margin:0 15px}main{padding-top:30px}.rankings-card{padding:18px}.columns,.player-row{grid-template-columns:74px minmax(150px,1fr) 64px 75px}.rank{padding-left:10px;font-size:28px}.avatar{display:none}.name{font-size:19px}.region{font-size:15px;padding:8px}.tiers{padding-right:4px;gap:3px}.tier-chip{padding:5px;font-size:11px}.columns{font-size:11px;padding:8px}}@media(max-width:550px){.search-shortcut span{display:none}.brand{font-size:18px}.card-top button{display:none}.filters{justify-content:stretch}input{width:100%}select{display:none}}