:root{--bg:#111210;--surface:#191a17;--surface2:#22231f;--line:#393b34;--text:#f7f7f2;--muted:#a6a79f;--cyan:#8fce45;--blue:#70ad31;--gold:#f2bd45;--danger:#f06464;--radius:14px}
body{background:radial-gradient(circle at 12% 0,#8fce4515,transparent 30%),linear-gradient(180deg,#111210,#151612 60%,#10110f);font-family:"Segoe UI",Inter,ui-sans-serif,system-ui,sans-serif}
.nav{max-width:none;padding:14px max(24px,calc((100vw - 1480px)/2));background:#20211e;border-bottom:1px solid #35372f;position:sticky;top:0;z-index:1200;box-shadow:0 6px 24px #0005}
.brand{font-size:1.1rem}.brand-mark{border:2px solid #a6dc62;background:#8fce45;color:#10120d;box-shadow:3px 3px 0 #10120d;border-radius:50%;font-weight:900}
.nav-links{gap:5px;flex-wrap:wrap}.nav-links a{padding:9px 11px;border-radius:8px;text-transform:uppercase;font-size:.74rem;letter-spacing:.045em}.nav-links a:hover,.nav-links a.active{color:#dfffb8;background:#8fce4520}
main{max-width:1480px}.hero{min-height:510px}.hero h1,.page-title h1{font-weight:900;letter-spacing:-.055em}.hero h1{max-width:900px}.eyebrow{color:#9ed95b}.orb{border:3px solid #8fce45;background:radial-gradient(circle at 32% 28%,#d7ff9c,#76b634 28%,#203313 60%,#111210 72%);box-shadow:8px 8px 0 #060705,0 0 90px #8fce4528}
.stat-card,.ranking-card,.panel,.guild-card{background:#20211e!important;border:3px solid #34362f!important;box-shadow:5px 5px 0 #090a08;border-radius:var(--radius)!important}.stat-card strong{color:#dfffb8}.ranking-card:hover,.guild-card:hover{transform:translateY(-3px);border-color:#78b63b!important;box-shadow:7px 8px 0 #090a08}.ranking-card>span,.guild-name{color:#9ed95b!important}.ranking-card.accent{background:#292619!important;border-color:#806b32!important}
.button,.page-button,.toolbar select,.search{border:2px solid #3a3c35;background:#171815;border-radius:9px}.button:hover,.page-button:hover:not(:disabled){border-color:#8fce45;color:#cfff94}.tabs{gap:6px}.tabs button{font-weight:700}.tabs button.active{color:#dfffb8;border-color:#6ca833;background:#8fce4518}.live-pill{border:2px solid #3a3c35;background:#1c1d1a}.status-dot{background:#8fce45;box-shadow:0 0 14px #8fce45}
th{background:#191a17;color:#b9baaf}th,td{border-bottom-color:#34362f}.top-1{box-shadow:inset 4px 0 var(--gold)}footer{background:#171815;border-top:1px solid #34362f;margin-top:50px}.member-tag{background:#292a25!important;border:1px solid #45473f!important}.member-count{background:#8fce4518!important;color:#bff27f!important;border-color:#8fce4544!important}
@media(max-width:1100px){.nav{position:relative}.nav-links{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.nav-links a{white-space:nowrap}.hero{min-height:430px}}
.player-link{color:#bff27f;font-weight:800}.player-link:hover{text-decoration:underline}.player-profile{max-width:1180px;padding-top:42px}.profile-back{color:var(--muted)}.profile-hero{display:flex;align-items:center;gap:22px;margin:22px 0;padding:28px;border:3px solid #34362f;border-radius:14px;background:#20211e;box-shadow:5px 5px 0 #090a08}.profile-hero h1{margin:3px 0;font-size:clamp(2.2rem,5vw,4rem)}.profile-hero .button{margin-left:auto}.profile-avatar{display:grid;place-items:center;width:86px;height:86px;border:3px solid #8fce45;border-radius:50%;background:#111;color:#dfffb8;font-size:2.2rem;font-weight:900}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.profile-stats article,.profile-item{padding:18px;border:2px solid #34362f;border-radius:12px;background:#20211e}.profile-stats span,.profile-item span{display:block;color:var(--muted);font-size:.78rem}.profile-stats strong{display:block;margin-top:7px;font-size:1.7rem}.profile-tabs{display:flex;gap:8px;margin:32px 0 10px}.profile-tabs button{padding:10px 14px;border:1px solid #393b34;border-radius:8px;background:#191a17;color:var(--muted)}.profile-tabs button.active{border-color:#8fce45;color:#dfffb8}.profile-panel{padding:18px}.profile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.profile-item strong{display:block;margin-bottom:6px}@media(max-width:700px){.profile-hero{align-items:flex-start;flex-wrap:wrap}.profile-hero .button{margin-left:0}.profile-stats{grid-template-columns:1fr 1fr}}
