@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;background:#0a1015;color:#e4edf0;--muted:#91a2ab;--line:#243039;--cyan:#7ee2d2}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 6%,#12342e66,transparent 36%)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.shell{max-width:1200px;margin:auto;padding:0 40px}header{display:flex;justify-content:space-between;align-items:center;height:96px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:2px;font-size:15px}.mark{display:grid;place-items:center;background:var(--cyan);color:#0b2624;width:38px;height:38px;border-radius:9px;letter-spacing:-2px;font-size:21px;padding-right:2px}.tag{color:var(--muted);border:1px solid var(--line);font-size:10px;letter-spacing:1px;padding:4px 6px;border-radius:4px}.community{color:var(--muted);font-size:12px}.intro{padding:70px 0 36px;max-width:700px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--cyan);display:flex;gap:9px;align-items:center}.eyebrow span{background:var(--cyan);width:6px;height:6px;border-radius:50%}h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(38px,5vw,62px);font-weight:500;line-height:1.12;letter-spacing:-2.8px;margin:22px 0}h1 em{color:var(--cyan);font-style:normal}.intro p{max-width:570px;color:var(--muted);font-size:15px;line-height:1.7;margin:0}.mode-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin:15px 0 28px}.mode-tabs button{background:none;border:0;color:var(--muted);padding:15px 2px;font-size:14px;border-bottom:2px solid transparent}.mode-tabs button.active{color:var(--cyan);border-color:var(--cyan)}.metrics{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:16px;margin-bottom:18px}.metrics>div{border:1px solid var(--line);border-radius:10px;background:#101920;padding:22px 24px}.metrics span{font-size:10px;letter-spacing:1.6px;color:var(--muted);display:block}.metrics strong{font-family:'Space Grotesk',sans-serif;font-size:30px;font-weight:500;display:block;margin-top:10px}#coverage{font-size:22px;color:#efc98b;line-height:36px}.notice{border:1px solid #6a512943;background:#6a512914;color:#d9c29b;padding:14px 18px;border-radius:8px;font-size:12px;line-height:1.6;margin:0 0 32px}.leaderboard{background:#0e171d;border:1px solid var(--line);border-radius:12px;overflow:hidden}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:26px 26px 20px}.toolbar h2{font:500 19px 'Space Grotesk',sans-serif;margin:0 0 7px}.toolbar span,.toolbar a{font-size:11px;color:var(--muted)}.toolbar a{color:var(--cyan)}form{padding:0 26px 22px;display:grid;grid-template-columns:1fr 180px 190px;gap:12px}label{display:block}label>span{font-size:10px;color:var(--muted);display:block;margin-bottom:8px}input,select{width:100%;border:1px solid #2c3b45;border-radius:6px;background:#101e26;color:#e4edf0;height:40px;padding:0 12px;font-size:12px}input::placeholder{color:#748994}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;white-space:nowrap}thead{background:#142129}th{font-size:9px;letter-spacing:1.2px;color:#91a9b4;font-weight:500;padding:14px 16px}th:first-child,td:first-child{padding-left:26px}th:nth-last-child(-n+2),td:nth-last-child(-n+2){text-align:right}th:last-child,td:last-child{padding-right:26px}td{border-bottom:1px solid #1b2932;padding:17px 16px;font-variant-numeric:tabular-nums}tr:last-child td{border:0}td:first-child{color:#99afb9;font-family:'Space Grotesk',sans-serif}td:nth-child(2){font-weight:600;color:#e7f1f3}td:nth-child(3){font-size:12px;color:var(--muted)}td:last-child{font-size:12px;color:#b8cbd3}.badge{font-size:9px;color:#7f9ea9;background:#1c2b34;border:1px solid #2b3b45;padding:2px 5px;border-radius:4px;margin-left:10px}.top td:first-child{color:var(--cyan)}tbody tr:hover{background:#16282b}.empty{text-align:center;color:var(--muted);padding:45px}.pagination{border-top:1px solid var(--line);padding:18px 26px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}.pagination>div{display:flex;gap:16px;align-items:center}.pagination button{background:#14242d;border:1px solid #2c414a;color:#c0d4dd;padding:8px 12px;border-radius:5px;font-size:11px}.pagination button:disabled{opacity:.35;cursor:default}.explainer{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin:38px 0 55px}.explainer h3{font-size:12px;font-weight:500;margin:0 0 9px}.explainer p{font-size:11px;line-height:1.8;color:var(--muted);margin:0}footer{border-top:1px solid var(--line);padding:25px 0 32px;display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#788c96}footer>span:first-child{letter-spacing:1px;font-weight:600}footer small{font-weight:400;letter-spacing:0;margin-left:12px}@media(max-width:760px){.shell{padding:0 18px}header{height:76px}.community{display:none}.intro{padding-top:45px}.metrics{gap:8px;grid-template-columns:1fr 1fr}.metrics>div{padding:18px}.metrics>div:last-child{grid-column:span 2}.metrics>div:last-child strong{font-size:18px;line-height:24px}.metrics strong{font-size:26px}.toolbar{padding:20px;align-items:flex-start;gap:16px}.toolbar a{max-width:100px;text-align:right;line-height:1.6}form{padding:0 20px 20px;grid-template-columns:1fr 1fr}.search{grid-column:span 2}.explainer{grid-template-columns:1fr;gap:20px}.pagination{padding:15px;gap:10px;flex-wrap:wrap}.pagination>div{gap:8px}footer{flex-direction:column}h1{letter-spacing:-1.5px}.badge{display:none}}

@media(max-width:760px){.mode-tabs{gap:12px}.mode-tabs button{font-size:12px;flex:1}.badge{display:inline-block;margin-left:6px;font-size:8px}}

.rank-overview th:nth-child(-n+3),.rank-overview td:nth-child(-n+3){text-align:center}.rank-overview td:nth-child(2),.rank-overview td:nth-child(3){font-weight:400;color:#99afb9;font-family:'Space Grotesk',sans-serif}.rank-overview td:nth-child(4){font-weight:600;color:#e7f1f3}.rank-overview td:nth-child(5){font-size:12px;color:var(--muted)}.rank-overview td.rank-top{color:var(--cyan)}
@media(max-width:760px){.mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.rank-overview th:nth-child(-n+3),.rank-overview td:nth-child(-n+3){padding-left:10px;padding-right:10px}}

.firsts-section{scroll-margin-top:20px}.firsts-section .toolbar{align-items:flex-start;gap:20px}.firsts-help{font-size:.85rem;line-height:1.65;color:var(--muted,#a0acbd)}.firsts-records{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;margin-top:18px}.first-card{padding:20px;border:1px solid #344056;border-radius:12px;background:#111c2d;scroll-margin-top:24px}.first-card h3{margin:12px 0}.first-card p{line-height:1.6}.first-status,.first-badge{display:inline-block;border:1px solid #5a5743;border-radius:6px;padding:4px 7px;font-size:.72rem;line-height:1.4;color:#e1cf93;background:#292719}.first-status.reported,.first-badge.reported{color:#c3cbd9;background:#202735;border-color:#465164}.first-badge{display:block;white-space:normal;margin-top:7px;text-decoration:none;max-width:300px}.firsts-section a:focus-visible,.first-badge:focus-visible{outline:2px solid #5de1d5;outline-offset:4px}

.first-status.documented,.first-badge.documented{color:#91e0dc;background:#153238;border-color:#387070}.firsts-catalogue-details{margin:24px 0}.firsts-catalogue-details summary{cursor:pointer;padding:12px 0;color:#91e0dc}.firsts-catalogue-details table{min-width:680px}

.player-profile{margin:0 24px 24px;padding:24px 0;border-top:1px solid #28434d;border-bottom:1px solid #28434d}.player-profile p{color:#a0b3bd;font-size:13px;line-height:1.6}.player-profile h2{margin-top:0}.player-link{background:none;border:0;padding:0;color:#78e5ce;font:inherit;font-weight:600;cursor:pointer;text-align:left}.player-link:hover{text-decoration:underline}.player-profile table{min-width:850px}
.achievement-badge{display:block;width:fit-content;margin-top:6px;padding:4px 8px;border:1px solid #d19c57;border-radius:5px;color:#f3cb8b;background:rgba(209,156,87,.09);font-size:11px;line-height:1.5;text-decoration:none}.achievement-badge:hover,.achievement-badge:focus-visible{background:rgba(209,156,87,.2);text-decoration:underline}

.profile-refresh-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:14px 0}.profile-refresh-controls button{padding:9px 15px;border:1px solid #77c3c0;border-radius:7px;background:#173537;color:#c8f5ef;cursor:pointer}.profile-refresh-controls button:disabled{opacity:.5;cursor:wait}#profile-freshness{font-size:12px;color:#aac7c3}#live-status{font-size:12px}

.skill-icon{display:inline-block;width:24px;height:24px;object-fit:contain;vertical-align:middle;margin-left:8px;filter:drop-shadow(0 1px 2px #0008)}
#profile-rows .activity-section-start td{border-top:5px solid #477b91;padding-top:20px}
.plugin-download{display:inline-block;margin-top:8px;color:var(--accent,#8bdddf)}

header nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end}header nav .community{font-size:12px}

#filters{grid-template-columns:minmax(240px,2fr) minmax(160px,1fr) minmax(190px,1fr)}#filters .search{grid-column:span 1}#filters .sort-summary{grid-column:1/-1;margin:0;color:var(--muted);font-size:11px;line-height:1.6}@media(max-width:760px){#filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#filters .search{grid-column:1/-1}#filters label{min-width:0}#filters select{padding-left:8px;padding-right:6px}#filters label:has(#sort){grid-column:1/-1}}

.profile-leaderboard-link{font:inherit;color:inherit;background:none;border:0;padding:2px 0;text-align:inherit;text-decoration:underline;text-decoration-color:#7ee2d255;text-underline-offset:4px;cursor:pointer}.profile-leaderboard-link:hover{color:var(--cyan)}#rows tr.focused-player{background:#1b3a39;outline:2px solid var(--cyan);outline-offset:-2px}#rows tr.focused-player td{color:#e8fffb}.leaderboard-focus{margin:0;padding:12px 26px;background:#143532;color:#bdeee3;font-size:12px;line-height:1.6}#leaderboard-results{scroll-margin-top:20px}

/* Arena artwork anchors the intro; keep both fighters visible on narrow screens. */
.intro{position:relative;isolation:isolate;display:flex;align-items:flex-end;max-width:none;min-height:0;aspect-ratio:3/2;padding:0;margin:28px 0 24px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#0c141c}.hero-art{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;object-fit:cover}.intro::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 35%,#08101966 56%,#081019f5 100%)}.hero-copy{padding:36px 40px;width:100%;text-shadow:0 2px 10px #0008}.intro h1{margin:16px 0}.intro p{color:#d1dee5}.intro .eyebrow{color:#bcfff1}@media(max-width:760px){.intro{display:block;aspect-ratio:auto;margin-top:18px;border-radius:10px}.hero-art{position:relative;z-index:0;height:auto;aspect-ratio:3/2;object-fit:contain}.intro::after{display:none}.hero-copy{padding:22px 20px 26px;background:#0c141c;text-shadow:none}.intro .eyebrow{font-size:9px;letter-spacing:1.4px}.intro h1{font-size:38px;margin:16px 0}.intro p{font-size:13px;line-height:1.65}}

.brand-helmet{display:block;width:64px;height:64px;flex:none;object-fit:contain}@media(max-width:760px){.brand-helmet{width:56px;height:56px}.brand{gap:8px;font-size:14px;letter-spacing:1.3px}}

footer .design-credit{margin-left:auto;align-self:flex-end;flex:none;text-align:right;white-space:nowrap;color:#b4c8cf;font-size:11px;letter-spacing:.2px}