:root{--bg:#0b0910;--panel:#13101c;--panel2:#171323;--line:#292239;--text:#f5f1ff;--muted:#a39bb7;--purple:#9b6cff;--violet:#6b3df5;--lime:#c7f36b;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;min-width:320px}.ambient{position:fixed;pointer-events:none;border-radius:50%;filter:blur(100px);opacity:.2;z-index:-1}.ambient-one{width:500px;height:500px;background:#5425bb;top:-220px;left:-150px}.ambient-two{width:480px;height:480px;background:#a43cf1;right:-260px;top:520px;opacity:.11}.topbar{height:74px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100% - 1180px)/2));position:sticky;top:0;background:rgba(11,9,16,.84);backdrop-filter:blur(18px);z-index:5}.brand{display:flex;gap:10px;align-items:center;color:var(--text);font-size:13px;font-weight:800;letter-spacing:.08em;text-decoration:none}.brand-mark{display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--purple);color:var(--purple);border-radius:7px;font-size:14px}.brand .muted{color:#625a70;margin:0 4px}.nav-links{display:flex;gap:30px;margin-left:60px}.nav-links a{color:var(--muted);font-size:13px;text-decoration:none}.nav-links a.active,.nav-links a:hover{color:var(--text)}.top-actions{display:flex;gap:15px;align-items:center}.icon-btn{background:none;border:0;color:var(--muted);font-size:27px;cursor:pointer}.discord-btn,.primary-btn,.secondary-btn{font:600 13px Manrope;border-radius:8px;padding:12px 17px;border:0;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:12px}.discord-btn{background:#6652e9;color:white}.hero{max-width:1180px;margin:0 auto;padding:105px 28px 75px}.eyebrow{font:500 11px var(--mono);letter-spacing:.15em;color:var(--purple);display:flex;align-items:center;gap:9px}.eyebrow span{width:18px;height:1px;background:var(--purple);display:inline-block}.hero h1{font-size:clamp(48px,7vw,92px);line-height:1.04;letter-spacing:-.06em;margin:25px 0 22px;font-weight:800}.hero h1 em,.how h2 em{font-style:normal;color:var(--purple)}.hero p{max-width:540px;color:var(--muted);font-size:16px;line-height:1.7;margin:0 0 32px}.hero-actions{display:flex;gap:12px}.primary-btn{background:var(--lime);color:#14100c}.primary-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.secondary-btn{color:var(--text);border:1px solid var(--line);background:var(--panel)}.secondary-btn:hover{border-color:var(--purple)}.stats-strip{display:flex;gap:70px;border-top:1px solid var(--line);margin-top:86px;padding-top:23px}.stats-strip div{display:flex;flex-direction:column;gap:5px}.stats-strip strong{font:500 21px var(--mono);color:var(--text)}.stats-strip span{color:var(--muted);font-size:11px}.ranking-wrap{max-width:1180px;margin:0 auto;padding:45px 28px 90px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section-heading h2,.how h2{font-size:34px;letter-spacing:-.04em;margin:12px 0 0}.live{color:#81a873;font:11px var(--mono)}.live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8fe06b;margin-right:7px}.toolbar{display:flex;justify-content:space-between;gap:20px;margin-bottom:12px}.tabs{display:flex;gap:4px;flex-wrap:wrap}.tab{font:500 12px Manrope;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:6px;padding:10px 15px;cursor:pointer}.tab.active,.tab:hover{background:var(--panel2);border-color:var(--line);color:var(--text)}.search{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:0 12px;color:var(--muted)}.search input{width:190px;background:none;border:0;outline:0;color:white;padding:10px 0;font:12px Manrope}.table-head{display:grid;grid-template-columns:70px 1.6fr 1fr 90px;color:#716984;font:10px var(--mono);letter-spacing:.1em;padding:16px 18px;border-bottom:1px solid var(--line)}.player-list{display:flex;flex-direction:column;gap:7px;margin-top:8px}.player-row{display:grid;grid-template-columns:70px 1.6fr 1fr 90px;align-items:center;background:rgba(21,17,31,.82);border:1px solid transparent;border-radius:9px;padding:11px 18px;transition:.2s}.player-row:hover{border-color:#4c377e;background:#1b1628}.rank{font:500 16px var(--mono);color:#847b98}.rank.top{color:var(--lime)}.player{display:flex;align-items:center;gap:13px}.skin{width:42px;height:42px;image-rendering:pixelated;background:#272032;border-radius:6px}.player strong{display:block;font-size:14px}.player small{color:var(--muted);font-size:11px}.time{font:500 14px var(--mono)}.tier{display:inline-block;text-align:center;color:#d6bdff;background:#342458;border-radius:5px;font:500 11px var(--mono);padding:6px 7px;width:43px}.load-more{text-align:center;color:var(--muted);font-size:11px;padding:26px}.load-more span{color:var(--purple);margin:0 8px}.load-more button{background:none;border:0;color:var(--purple);font:inherit;cursor:pointer}.how{max-width:1180px;margin:0 auto 80px;border:1px solid var(--line);border-radius:14px;padding:45px 55px;display:grid;grid-template-columns:1fr 1fr;gap:80px;background:linear-gradient(115deg,#151020,#0f0c16)}.how h2{font-size:43px;margin:14px 0}.how-copy p{color:var(--muted);line-height:1.7;font-size:14px;max-width:400px;margin-bottom:25px}.steps{display:flex;flex-direction:column;justify-content:center}.step{display:flex;gap:22px;padding:19px 0;border-bottom:1px solid var(--line)}.step:last-child{border:0}.step b{font:12px var(--mono);color:var(--purple)}.step strong{display:block;font-size:14px;margin-bottom:5px}.step span{font-size:12px;color:var(--muted)}footer{max-width:1180px;margin:0 auto;padding:22px 28px 35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#625b70;font:10px var(--mono);letter-spacing:.08em}footer b{color:var(--purple);margin:0 8px}.modal-backdrop{display:none;position:fixed;inset:0;background:rgba(4,2,8,.77);backdrop-filter:blur(7px);z-index:20;place-items:center}.modal-backdrop.open{display:grid}.modal{position:relative;width:min(420px,calc(100% - 36px));padding:38px;background:#171323;border:1px solid #403265;border-radius:14px;box-shadow:0 20px 80px #000}.close{position:absolute;right:17px;top:13px;background:none;border:0;color:var(--muted);font-size:25px;cursor:pointer}.modal-icon{display:grid;place-items:center;width:40px;height:40px;background:#6652e9;border-radius:10px;font-size:20px}.modal h3{font-size:25px;margin:22px 0 9px}.modal p{color:var(--muted);font-size:13px;line-height:1.6}.wide{width:100%;justify-content:space-between;margin-top:15px}.modal small{display:block;text-align:center;color:#716984;font-size:10px;margin-top:15px}@media(max-width:780px){.nav-links{display:none}.topbar{padding:0 18px}.hero{padding-top:70px}.stats-strip{gap:22px;flex-wrap:wrap;margin-top:55px}.toolbar{flex-direction:column}.search input{width:100%}.search{width:100%}.table-head{grid-template-columns:45px 1fr 90px 48px;padding:14px 10px}.player-row{grid-template-columns:45px 1fr 90px 48px;padding:9px 10px}.player-row .time{font-size:11px}.skin{width:36px;height:36px}.how{grid-template-columns:1fr;padding:30px 25px;gap:15px;margin:0 18px 55px}.how h2{font-size:35px}footer{margin:0 18px;display:block;line-height:2.2}}