:root{--bg:#0c0e11;--surface:#14171c;--surface-2:#1a1e24;--surface-3:#20252c;--line:#2a3038;--orange:#e8532f;--orange-2:#ff7043;--text:#f2f3f5;--muted:#9098a3;--danger:#ef5350;--gold:#f2bb45;--silver:#aeb7c2;--bronze:#b6754a}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 0,rgba(232,83,47,.08),transparent 30%),linear-gradient(180deg,#101318,var(--bg));color:var(--text);font-family:Inter,"Segoe UI",sans-serif;font-size:15px;line-height:1.5}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
h1,h2,h3{margin:0 0 .4em;font-family:"Barlow Condensed",sans-serif;letter-spacing:.035em;text-transform:uppercase}h1{font-size:clamp(2.2rem,5vw,3.5rem);line-height:1}h2{font-size:1.7rem}h3{font-size:1.3rem}a{color:var(--text);text-decoration:none}a:hover{color:var(--orange-2)}:focus-visible{outline:2px solid var(--orange-2);outline-offset:3px}.mono{font-variant-numeric:tabular-nums}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.topbar{position:sticky;top:0;z-index:20;background:rgba(12,14,17,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.topbar:after{content:"";position:absolute;bottom:-1px;left:0;width:30%;height:2px;background:linear-gradient(90deg,var(--orange),transparent)}.topbar-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px}.brand:hover{color:var(--text)}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;color:white;background:linear-gradient(145deg,var(--orange-2),#bd321e);box-shadow:0 8px 25px rgba(232,83,47,.25);font-size:18px}.brand-title{display:block;font:700 1.5rem/1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.06em}.brand small{display:block;margin-top:3px;color:var(--muted);font-size:.62rem;letter-spacing:.13em;text-transform:uppercase}.tabs{display:flex;align-items:center;gap:8px}.tab{padding:10px 15px;border-radius:8px;color:var(--muted);font-weight:700;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}.tab i{margin-right:7px}.tab:hover{background:var(--surface-2);color:white}.tab.active{color:white;background:var(--surface-3);box-shadow:inset 0 -2px var(--orange)}
.page-header{padding:54px 0 25px}.page-header h1{background:linear-gradient(90deg,#fff,#aeb4bc);-webkit-background-clip:text;color:transparent}.subtitle{color:var(--muted)}.panel,.profile-shell{background:linear-gradient(145deg,rgba(26,30,36,.98),rgba(17,20,24,.98));border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.22)}.panel+.panel,.profile-shell+.profile-shell{margin-top:22px}.panel-header,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 20px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.018)}.panel-header h3,.section-heading span{margin:0;font:700 1.15rem "Barlow Condensed",sans-serif;letter-spacing:.06em;text-transform:uppercase}.section-heading i{width:30px;color:var(--orange)}.section-heading small{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}
.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.pill{padding:8px 14px;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:var(--surface);font-size:.75rem;font-weight:700;text-transform:uppercase}.pill:hover{border-color:#555e69;color:white}.pill.active{color:white;border-color:var(--orange);background:rgba(232,83,47,.12)}select.server-filter{min-width:220px;padding:10px 38px 10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font:500 .85rem Inter,sans-serif}
table.leaderboard{width:100%;border-collapse:collapse}table.leaderboard th{padding:12px 18px;border-bottom:1px solid var(--line);color:var(--muted);font-size:.7rem;letter-spacing:.08em;text-align:left;text-transform:uppercase}table.leaderboard td{padding:14px 18px;border-bottom:1px solid rgba(42,48,56,.75)}table.leaderboard tr:last-child td{border-bottom:0}table.leaderboard tbody tr{transition:.18s ease}table.leaderboard tbody tr:hover{background:rgba(255,255,255,.025)}th.stat-col,td.stat-value{text-align:right}.player-link{display:flex;align-items:center;gap:10px;font-weight:600}.player-link:before{content:"\f007";display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--surface-3);color:var(--muted);font:900 .72rem "Font Awesome 6 Free"}.rank-plate{display:inline-grid;place-items:center;min-width:32px;height:28px;padding:0 7px;border-radius:7px;background:var(--surface-3);color:var(--muted);font-weight:800}.rank-plate.brass{background:linear-gradient(145deg,#f8d778,#bf8617);color:#211600}.rank-plate.iron{background:linear-gradient(145deg,#dce1e5,#8b959f);color:#172029}.rank-plate.rust{background:linear-gradient(145deg,#d49468,#8c4c2c);color:#25130a}
.profile-shell:first-child{margin-top:36px}.profile-hero{display:flex;align-items:center;gap:20px;padding:28px 28px 20px}.profile-avatar{flex:0 0 76px;height:76px;display:grid;place-items:center;border:1px solid rgba(232,83,47,.32);border-radius:18px;background:linear-gradient(145deg,rgba(232,83,47,.22),rgba(232,83,47,.05));color:var(--orange-2);font-size:30px}.profile-name{font:800 clamp(2rem,5vw,3rem)/1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.035em}.profile-meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:9px;color:var(--muted);font-size:.77rem}.profile-meta i{margin-right:6px;color:#b0b7bf}.profile-filter{padding:0 28px 22px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line)}.stat-tile{position:relative;min-width:0;display:flex;align-items:center;gap:13px;padding:18px;background:var(--surface);transition:background .18s,transform .18s}.stat-tile:hover{z-index:1;background:var(--surface-3)}.stat-icon{flex:0 0 42px;height:42px;display:grid;place-items:center;border-radius:10px;background:rgba(232,83,47,.1);color:var(--orange-2);font-size:17px}.stat-copy{min-width:0;display:flex;flex-direction:column-reverse}.stat-tile .value{font:700 1.4rem/1.15 "Barlow Condensed",sans-serif;color:white;font-variant-numeric:tabular-nums}.stat-tile .value.negative{color:var(--danger)}.stat-tile .label{overflow:hidden;color:var(--muted);font-size:.66rem;font-weight:600;letter-spacing:.055em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap}.stat-tile .rank{position:absolute;top:9px;right:10px;padding:2px 6px;border-radius:5px;background:#262c33;color:#8f98a3;font-size:.62rem;font-weight:700}.events-shell{margin-bottom:0}.event-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.field{margin-bottom:14px}.field label{display:block;margin-bottom:6px;color:var(--muted);font-size:.75rem;text-transform:uppercase}input[type=text],input[type=password],input[type=search],input[type=number]{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);font:inherit}input:focus{border-color:var(--orange);outline:0;box-shadow:0 0 0 3px rgba(232,83,47,.1)}.btn{display:inline-block;padding:9px 16px;border:1px solid var(--orange);border-radius:8px;background:var(--orange);color:white;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.btn:hover{background:var(--orange-2);color:white}.btn.secondary{border-color:var(--line);background:transparent;color:var(--muted)}.btn.secondary:hover{border-color:#535b65;color:white}.btn.danger{border-color:var(--danger);background:transparent;color:var(--danger)}.alert{margin-bottom:16px;padding:12px 16px;border:1px solid var(--line);border-radius:8px}.alert.error{border-color:var(--danger);color:#ffb1af}.alert.success{border-color:#4caf7d;color:#87d8ae}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login-box{width:min(100%,380px);padding:28px}table.data-table{width:100%;border-collapse:collapse}table.data-table th,table.data-table td{padding:10px 14px;border-bottom:1px solid var(--line);text-align:left}.api-key{color:var(--orange-2)}footer{padding:36px 20px 46px;color:#5f6670;text-align:center;font-size:.75rem}
@media(max-width:900px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.container{width:min(100% - 24px,1180px)}.topbar-inner{min-height:68px}.brand small{display:none}.brand-title{font-size:1.15rem}.brand-mark{width:36px;height:36px}.tab{padding:9px 10px;font-size:0}.tab i{margin:0;font-size:.9rem}.page-header{padding-top:36px}.profile-shell:first-child{margin-top:18px}.profile-hero{align-items:flex-start;padding:20px}.profile-avatar{flex-basis:56px;height:56px;border-radius:13px;font-size:22px}.profile-meta{display:grid;gap:5px}.profile-filter{padding:0 20px 18px}.profile-filter select{width:100%}.section-heading{padding:15px 16px}.stat-grid,.event-grid{grid-template-columns:1fr}.stat-tile{padding:15px 16px}.panel-header{align-items:flex-start}.pill-row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}.pill{flex:0 0 auto}table.leaderboard th,table.leaderboard td{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.wipe-champion{position:relative;display:flex;align-items:center;gap:22px;margin-bottom:22px;padding:22px 26px;overflow:hidden;border:1px solid rgba(242,187,69,.32);border-radius:14px;background:linear-gradient(120deg,rgba(242,187,69,.14),rgba(26,30,36,.96) 55%,rgba(232,83,47,.08));box-shadow:0 16px 45px rgba(0,0,0,.24)}.wipe-champion:after{content:"";position:absolute;right:-50px;top:-90px;width:240px;height:240px;border:1px solid rgba(242,187,69,.12);border-radius:50%}.champion-crown{flex:0 0 64px;height:64px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(145deg,#ffd86a,#c88b17);color:#2d1d00;font-size:27px;box-shadow:0 10px 28px rgba(242,187,69,.2)}.champion-copy{min-width:0;display:flex;flex:1;flex-direction:column}.eyebrow{color:var(--gold);font-size:.67rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.champion-name{overflow:hidden;font:800 2rem/1.15 "Barlow Condensed",sans-serif;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.champion-date{color:var(--muted);font-size:.72rem}.champion-stats{z-index:1;display:flex;gap:24px}.champion-stats span{display:flex;flex-direction:column;color:var(--muted);font-size:.63rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.champion-stats strong{color:white;font:700 1.35rem "Barlow Condensed",sans-serif}.settings-content{padding:22px}.settings-content>p{margin-top:0}.danger-zone{border-color:rgba(239,83,80,.35)}.danger-zone .panel-header{color:#ff8d8a;background:rgba(239,83,80,.07)}.danger-zone ul{margin:16px 0 22px;padding-left:20px;color:var(--muted)}.wipe-form{max-width:480px}.wipe-form .btn i{margin-right:7px}.last-wipe-panel{margin-top:22px}
@media(max-width:760px){.wipe-champion{align-items:flex-start;flex-wrap:wrap;padding:19px}.champion-crown{flex-basis:52px;height:52px}.champion-stats{width:100%;justify-content:space-between;padding-top:13px;border-top:1px solid rgba(255,255,255,.08)}}