*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
  --accent:#6798eb;--accent-d:#4f7fd4;
  --bg:#1c2333;--card:rgba(0,0,0,0.55);--head:rgba(0,0,0,0.45);
  --border:rgba(255,255,255,0.08);--border-l:rgba(255,255,255,0.13);
  --text:#e8eaf0;--muted:rgba(255,255,255,0.55);--dim:rgba(255,255,255,0.28);
  --green:#5cb85c;--red:#d9534f;--yellow:#f0ad4e;
  --font:'Inter','Segoe UI',sans-serif;--r:8px;--max:1170px;
}
html,body{margin:0;padding:0;}
body{font-family:var(--font);background:url(/img/bg-main.png) 50% / cover no-repeat fixed #222 !important;color:var(--text);line-height:1.6;min-height:100vh;}
a{color:var(--accent);text-decoration:none;}
a:hover{color:#fff;}
img{display:block;max-width:100%;}

/* ── Navbar ── */
.navbar{background:rgba(0,0,0,.88);border-bottom:1px solid rgba(103,152,235,.15);height:52px;display:flex;align-items:center;position:relative;z-index:200;}
.nav-inner{max-width:var(--max);width:100%;margin:0 auto;padding:0 20px;display:flex;align-items:center;height:52px;gap:0;}
.nav-logo{margin-right:20px;flex-shrink:0;text-decoration:none;}
.logo-text{font-size:1.05rem;font-weight:700;color:#fff;}
.logo-accent{color:var(--accent);}

.nav-links{display:flex;flex:1;align-items:center;height:52px;gap:2px;}
.nav-link{display:flex;align-items:center;gap:5px;padding:0 12px;height:52px;color:rgba(255,255,255,.6);font-size:13px;font-weight:600;transition:color .15s,background .15s;white-space:nowrap;text-decoration:none;}
.nav-link:hover{color:#fff;background:rgba(255,255,255,.05);}
.nav-link--staff{color:#fbbf24;}
.nav-link--btn{background:none;border:none;cursor:pointer;font-family:var(--font);}
.nav-caret{font-size:9px;opacity:.6;margin-left:1px;}

/* Dropdown wrapper */
.nav-dropdown-wrap,.nav-user-wrap{position:relative;}

/* Shared drop panel */
.nav-drop{
  display:none;
  position:absolute;top:calc(100% + 4px);left:0;
  background:#0d1017;
  border:1px solid rgba(255,255,255,.1);
  border-radius:8px;
  min-width:220px;
  box-shadow:0 8px 32px rgba(0,0,0,.7);
  z-index:999;
  overflow:hidden;
  animation:dropIn .15s ease;
}
.nav-drop.open{display:block;}
.nav-drop--right{left:auto;right:0;min-width:240px;}
@keyframes dropIn{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:translateY(0);}}

/* Drop header (user info) */
.nav-drop-header{display:flex;align-items:center;gap:12px;padding:14px 16px;background:rgba(255,255,255,.03);}
.nav-drop-avatar-lg{width:42px;height:42px;border-radius:6px;flex-shrink:0;border:1px solid rgba(255,255,255,.1);}
.nav-drop-header-info{flex:1;min-width:0;}
.nav-drop-username{font-size:13px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.nav-drop-steamid{font-size:10px;color:rgba(255,255,255,.3);font-family:monospace;margin-top:2px;}
.nav-drop-role{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.08em;padding:2px 6px;border-radius:2px;margin-top:5px;}
.nav-drop-role--super{background:rgba(248,113,113,.15);color:#f87171;}
.nav-drop-role--admin{background:rgba(103,152,235,.15);color:var(--accent);}
.nav-drop-role--staff{background:rgba(255,255,255,.08);color:rgba(255,255,255,.5);}

/* Drop items */
.nav-drop-divider{height:1px;background:rgba(255,255,255,.07);margin:3px 0;}
.nav-drop-item{display:flex;align-items:center;gap:10px;padding:7px 14px;text-decoration:none;transition:background .1s;cursor:pointer;color:rgba(255,255,255,.75);}
.nav-drop-item:hover{background:rgba(255,255,255,.05);color:#fff;}
.nav-drop-item--staff{color:var(--accent);}
.nav-drop-item--staff:hover{background:rgba(103,152,235,.08);color:var(--accent);}
.nav-drop-item--danger:hover{background:rgba(248,113,113,.06);}
.nav-drop-item--danger .nav-drop-label{color:rgba(248,113,113,.8);}
.nav-drop-item--danger:hover .nav-drop-label{color:#f87171;}
.nav-drop-icon{font-size:15px;width:18px;text-align:center;flex-shrink:0;opacity:.65;color:inherit;line-height:1;}
.nav-drop-item:hover .nav-drop-icon{opacity:1;}
.nav-drop-label{font-size:13px;font-weight:500;color:inherit;}
.nav-drop-sub{display:none;}

/* User button */
.nav-user-btn{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:5px 10px 5px 6px;cursor:pointer;transition:background .15s,border-color .15s;font-family:var(--font);}
.nav-user-btn:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.15);}
.nav-user-avatar{width:28px;height:28px;border-radius:4px;display:block;}
.nav-user-name{font-size:13px;font-weight:600;color:#fff;white-space:nowrap;}

.nav-right{margin-left:auto;display:flex;align-items:center;gap:8px;}

/* ── Buttons ── */
/* Buttons */
.btn{display:inline-flex;align-items:center;gap:7px;padding:7px 16px;border-radius:var(--r);font-size:13px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .15s;white-space:nowrap;}
.btn--primary{background:var(--accent);color:#fff;border-color:var(--accent-d);}
.btn--primary:hover{background:var(--accent-d);color:#fff;}
.btn--outline{background:rgba(0,0,0,0.3);color:rgba(255,255,255,0.75);border-color:var(--border-l);}
.btn--outline:hover{border-color:var(--accent);color:#fff;}
.btn--steam{background:#1b2838;color:#c6d4df;border-color:rgba(103,152,235,0.3);}
.btn--steam:hover{background:#2a475e;color:#fff;}
.btn--lg{padding:10px 22px;font-size:14px;}

/* Banner */
.site-banner{text-align:center;padding:10px 20px;font-size:13px;font-weight:500;}
.site-banner--warning{background:rgba(240,173,78,0.13);color:var(--yellow);border-bottom:1px solid rgba(240,173,78,0.2);}

/* Hero */
.hero{padding:68px 20px 40px;text-align:center;border-bottom:1px solid var(--border);}
.hero-inner{max-width:620px;margin:0 auto;}
.live-indicator{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);}
.live-dot{width:7px;height:7px;border-radius:50%;background:var(--dim);flex-shrink:0;transition:background .3s;}
.live-dot--online{background:var(--green);box-shadow:0 0 0 3px rgba(92,184,92,.25);animation:pulse 2s infinite;}
.live-dot--offline{background:var(--red);box-shadow:none;}
@keyframes pulse{0%,100%{box-shadow:0 0 0 3px rgba(92,184,92,.25);}50%{box-shadow:0 0 0 7px rgba(92,184,92,.05);}}
.hero-title{font-size:clamp(1.9rem,4.5vw,2.8rem);font-weight:700;line-height:1.15;letter-spacing:-1px;color:#fff;margin-bottom:12px;}
.hero-accent{color:var(--accent);}
.hero-sub{color:var(--muted);font-size:.95rem;margin-bottom:28px;line-height:1.7;}
.hero-cta{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}

/* ── Stats cards (MoatRP style) ── */
.stats-outer{padding:24px 20px;}
.stats-inner{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;}

.stat-card{
  background:rgba(0,0,0,0.5);
  border:1px solid var(--border);
  border-radius:var(--r);
  padding:18px 20px;
}
.stat-card--hl{
  border:1px solid rgba(92,184,92,0.5);
  background:rgba(0,0,0,0.55);
}
.stat-card-label{
  font-size:10px;font-weight:700;
  text-transform:uppercase;letter-spacing:.1em;
  color:var(--green);margin-bottom:8px;
  display:flex;align-items:center;gap:6px;
}
.stat-card--hl .stat-card-label::before{
  content:'';width:7px;height:7px;border-radius:50%;
  background:var(--green);display:inline-block;
  box-shadow:0 0 0 3px rgba(92,184,92,.2);
  animation:pulse 2s infinite;
}
.stat-card-label-plain{
  font-size:10px;font-weight:700;
  text-transform:uppercase;letter-spacing:.1em;
  color:var(--dim);margin-bottom:8px;
}
.stat-value{font-size:1.9rem;font-weight:700;color:#fff;line-height:1;}
.stat-card--hl .stat-value{color:var(--green);}

/* Page */
.page{max-width:var(--max);margin:0 auto;padding:0 20px;}
.section{padding:22px 0;}

.section-head{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border);}
.section-dot{width:7px;height:7px;border-radius:50%;background:var(--dim);flex-shrink:0;transition:background .3s;}
.section-dot--on{background:var(--green);box-shadow:0 0 5px rgba(92,184,92,.4);}
.section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);}
.section-link{margin-left:auto;font-size:11px;font-weight:600;color:var(--accent);opacity:.8;}
.section-link:hover{opacity:1;}
.section-title-center{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);text-align:center;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--border);}

/* Two-col */
.two-col{display:grid;grid-template-columns:1fr 300px;gap:20px;align-items:start;}

/* Server cards */
.server-list{display:flex;flex-direction:column;gap:8px;}
.server-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;}
.server-card--on{border-left:3px solid var(--green);}
.server-card--off{opacity:.5;border-left:3px solid rgba(255,255,255,.1);}
.server-top{background:var(--head);padding:8px 14px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border);}
.s-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.s-dot--green{background:var(--green);box-shadow:0 0 6px rgba(92,184,92,.6);}
.s-dot--grey{background:rgba(255,255,255,.2);}
.server-name{font-size:13px;font-weight:700;color:#fff;flex:1;}
.server-badges{display:flex;align-items:center;gap:5px;flex-shrink:0;}
.badge{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:2px;border:1px solid;white-space:nowrap;}
.badge-green{background:rgba(92,184,92,.14);color:var(--green);border-color:rgba(92,184,92,.25);}
.badge-grey{background:rgba(255,255,255,.05);color:var(--muted);border-color:var(--border);}
.badge-blue{background:rgba(103,152,235,.12);color:var(--accent);border-color:rgba(103,152,235,.25);}
.server-body{padding:10px 14px;}
.player-list{display:flex;flex-wrap:wrap;gap:5px;}
.player-chip{display:inline-flex;align-items:center;gap:4px;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:2px;padding:3px 8px;font-size:11px;color:var(--muted);}
.player-chip:hover{background:rgba(103,152,235,.08);color:#fff;border-color:rgb(103,152,235)!important;}
.player-avatar{width:16px;height:16px;border-radius:2px;}
.server-empty{font-size:12px;color:var(--dim);font-style:italic;}

/* Richest players */
.richest-list{background:var(--card);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;}
.richest-row{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid var(--border);transition:background .1s;}
.richest-row:last-child{border-bottom:none;}
.richest-row:hover{background:rgba(103,152,235,.05);}
.richest-rank{font-size:13px;font-weight:700;color:var(--dim);width:16px;flex-shrink:0;text-align:center;}
.richest-row:nth-child(1) .richest-rank{color:#f0ad4e;}
.richest-row:nth-child(2) .richest-rank{color:#aab0bc;}
.richest-row:nth-child(3) .richest-rank{color:#cd7f32;}
.richest-avatar{width:22px;height:22px;border-radius:3px;flex-shrink:0;background:#3a4a63;}
.richest-avatar-placeholder{width:22px;height:22px;border-radius:3px;flex-shrink:0;background:#3a4a63;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--muted);}
.richest-avatar-link{flex-shrink:0;display:block;line-height:0;}
.richest-name{font-size:13px;font-weight:600;color:var(--text);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.richest-name:hover{color:var(--accent);}
.richest-balance{font-size:13px;font-weight:700;color:var(--green);white-space:nowrap;flex-shrink:0;}

/* Features */
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.feature-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:18px;transition:border-color .15s;}
.feature-card:hover{border-color:rgba(103,152,235,.3);}
.feature-icon{font-size:1.3rem;margin-bottom:8px;}
.feature-card h3{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:5px;}
.feature-card p{font-size:12px;color:var(--muted);line-height:1.6;}

/* CTA */
.cta-block{background:var(--card);border:1px solid rgba(103,152,235,.2);border-left:3px solid var(--accent);border-radius:var(--r);padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;}
.cta-text h2{font-size:13px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.06em;}
.cta-text p{color:var(--muted);margin-top:5px;font-size:13px;}
.cta-bonus{color:var(--accent);font-weight:700;}

/* Footer */
.footer{border-top:1px solid var(--border);padding:18px 20px;background:rgba(0,0,0,.3);margin-top:20px;}
.footer-inner{max-width:var(--max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;}
.footer-copy{font-size:12px;color:var(--dim);}
.footer-links{display:flex;gap:16px;}
.footer-links a{font-size:12px;color:var(--muted);font-weight:500;}
.footer-links a:hover{color:#fff;}

/* Skeleton */
.skeleton{background:linear-gradient(90deg,rgba(255,255,255,.04) 25%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.04) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:2px;display:inline-block;}
.skeleton--t{height:13px;width:220px;}
.skeleton--l{height:11px;width:130px;margin-top:8px;}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* Responsive */
@media(max-width:900px){
  .stats-inner{grid-template-columns:repeat(2,1fr);}
  .two-col{grid-template-columns:1fr;}
  .col-side{order:-1;}
}
@media(max-width:640px){
  .nav-links{display:none;}
  .stats-inner{grid-template-columns:1fr 1fr;}
  .cta-block{flex-direction:column;align-items:flex-start;padding:18px;}
}

/* ── Profile ── */
.profile-header{display:flex;align-items:flex-start;gap:20px;background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:24px;margin-bottom:20px;}
.profile-avatar-wrap{position:relative;flex-shrink:0;}
.profile-avatar{width:96px;height:96px;border-radius:6px;border:2px solid var(--border-l);}
.profile-online-dot{position:absolute;bottom:4px;right:4px;width:12px;height:12px;border-radius:50%;background:var(--green);border:2px solid var(--bg);box-shadow:0 0 6px rgba(92,184,92,.6);}
.profile-info{flex:1;min-width:0;}
.profile-name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px;}
.profile-name{font-size:1.4rem;font-weight:700;color:#fff;margin:0;}
.profile-rank-badge{font-size:11px;font-weight:700;padding:2px 10px;border-radius:20px;border:1px solid;background:rgba(255,255,255,.04);}
.profile-status{font-size:12px;font-weight:600;}
.profile-status.online{color:var(--green);}
.profile-status.offline{color:var(--muted);}
.profile-meta-row{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:10px;}
.profile-meta-item{display:flex;flex-direction:column;gap:2px;}
.profile-meta-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);}
.profile-meta-val{font-size:14px;font-weight:700;color:#fff;}
.profile-meta-val.green{color:var(--green);}
.profile-ranks-row{display:flex;gap:6px;flex-wrap:wrap;}
.rank-tag{font-size:11px;font-weight:600;padding:2px 8px;border-radius:2px;border:1px solid;}
.profile-links{display:flex;flex-direction:column;gap:8px;flex-shrink:0;}
.btn--sm{padding:5px 12px;font-size:12px;}

.profile-body{display:grid;grid-template-columns:240px 1fr;gap:16px;align-items:start;}
.profile-panel{background:var(--card);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;margin-bottom:12px;}
.profile-panel-head{background:var(--head);padding:8px 14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);}
.panel-count{background:rgba(255,255,255,.08);border-radius:20px;padding:1px 8px;font-size:10px;color:var(--muted);}
.profile-panel-body{padding:12px 14px;}
.stat-row-sm{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--border);font-size:12px;color:var(--muted);}
.stat-row-sm:last-child{border-bottom:none;}
.stat-row-sm span:last-child{color:#fff;font-weight:600;}
.stat-row-sm span.green{color:var(--green);}
.stat-row-sm span.red{color:var(--red);}
.steamid-row{display:flex;justify-content:space-between;align-items:center;}
.steamid-label{font-size:11px;color:var(--muted);}
.steamid-val{font-size:11px;color:var(--accent);font-family:monospace;}
.srv-playing{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);}
.srv-playing-name{color:#fff;font-weight:600;}
.empty-msg{font-size:13px;color:var(--green);padding:8px 0;}

/* Sanctions */
.sanction-list{display:flex;flex-direction:column;}
.sanction-row{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border);}
.sanction-row:last-child{border-bottom:none;}
.sanction-type{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:3px 8px;border-radius:2px;flex-shrink:0;margin-top:2px;}
.sanction-type--warn{background:rgba(240,173,78,.15);color:var(--yellow);}
.sanction-type--jail{background:rgba(103,152,235,.15);color:var(--accent);}
.sanction-type--ban{background:rgba(217,83,79,.15);color:var(--red);}
.sanction-type--kick{background:rgba(255,255,255,.08);color:var(--muted);}
.sanction-type--mute,.sanction-type--gag{background:rgba(255,255,255,.06);color:var(--muted);}
.sanction-info{flex:1;min-width:0;}
.sanction-reason{font-size:13px;color:#fff;font-weight:500;}
.sanction-meta{font-size:11px;color:var(--dim);margin-top:3px;}
.sanction-notes{color:var(--muted);}

/* Ranks overview */
.ranks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;}
.rank-card{background:var(--card);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--r);padding:16px;}
.rank-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.rank-card-name{font-size:14px;font-weight:700;}
.rank-card-order{font-size:11px;color:var(--dim);}
.rank-no-perms{font-size:12px;color:var(--dim);font-style:italic;}
.rank-perms{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px;}
.rank-perm-tag{font-size:11px;font-weight:500;padding:2px 7px;border-radius:2px;background:rgba(103,152,235,.1);color:var(--accent);border:1px solid rgba(103,152,235,.2);}
.rank-card-id{font-size:10px;color:var(--dim);margin-top:8px;}
.rank-card-id code{color:var(--muted);font-size:10px;}

@media(max-width:768px){
  .profile-header{flex-direction:column;}
  .profile-body{grid-template-columns:1fr;}
  .profile-avatar{width:72px;height:72px;}
}

/* ── Builder page ── */
.builder-hero{text-align:center;padding:40px 20px 32px;border-bottom:1px solid var(--border);margin-bottom:24px;}
.builder-hero-tag{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:10px;}
.builder-hero-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:10px;}
.builder-hero-sub{color:var(--muted);font-size:.95rem;max-width:560px;margin:0 auto;}

.builder-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;}
.builder-tier{background:var(--card);border:1px solid var(--border);border-top:3px solid;border-radius:var(--r);padding:18px;}
.builder-tier-head{display:flex;align-items:center;gap:8px;margin-bottom:10px;}
.builder-tier-icon{font-size:1.2rem;}
.builder-tier-name{font-size:13px;font-weight:700;}
.builder-tier-perks{list-style:none;padding:0;}
.builder-tier-perks li{font-size:12px;color:var(--muted);padding:3px 0;border-bottom:1px solid var(--border);}
.builder-tier-perks li:last-child{border-bottom:none;}
.builder-tier-perks li strong{color:#fff;}

.builder-body{display:grid;grid-template-columns:1fr 300px;gap:20px;align-items:start;}
.builder-list{display:flex;flex-direction:column;}
.builder-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);}
.builder-row:last-child{border-bottom:none;}
.builder-avatar{width:28px;height:28px;border-radius:3px;}
.builder-row-name{flex:1;font-size:13px;font-weight:600;color:var(--text);}
.builder-row-name:hover{color:var(--accent);}
.builder-level-badge{font-size:11px;font-weight:700;}
.builder-since{font-size:11px;color:var(--dim);}

.how-row{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border);}
.how-num{width:24px;height:24px;border-radius:50%;background:rgba(103,152,235,.15);color:var(--accent);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;}

.app-status-badge{display:inline-block;padding:4px 12px;border-radius:3px;font-size:12px;font-weight:700;margin-bottom:10px;}
.app-status-badge.pending{background:rgba(240,173,78,.15);color:var(--yellow);}
.app-status-badge.denied{background:rgba(217,83,79,.15);color:var(--red);}
.app-comment{font-size:12px;color:var(--muted);background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:3px;padding:8px 10px;margin-top:8px;font-style:italic;}
.deny-reason{font-size:13px;color:var(--red);margin:10px 0;padding:8px 12px;background:rgba(217,83,79,.08);border-left:3px solid var(--red);border-radius:2px;}
.cooldown-timer{display:flex;flex-direction:column;align-items:center;margin-top:14px;gap:4px;}
.cooldown-label{font-size:11px;color:var(--dim);}
.cooldown-countdown{font-size:1.4rem;font-weight:700;color:var(--accent);}
.form-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);margin-bottom:6px;}
.app-textarea{width:100%;background:rgba(0,0,0,.4);border:1px solid var(--border);border-radius:3px;color:var(--text);padding:10px;font-size:13px;font-family:var(--font);resize:vertical;min-height:80px;}
.app-textarea:focus{outline:none;border-color:var(--accent);}
.alert-success{background:rgba(92,184,92,.1);border:1px solid rgba(92,184,92,.25);color:var(--green);padding:10px 14px;border-radius:3px;font-size:13px;margin-bottom:12px;}
.alert-warn{background:rgba(240,173,78,.1);border:1px solid rgba(240,173,78,.25);color:var(--yellow);padding:10px 14px;border-radius:3px;font-size:13px;margin-bottom:12px;}
.builder-accepted-card{position:relative;overflow:hidden;}
.builder-accepted-title{font-size:1.2rem;font-weight:700;}

/* Confetti */
.confetti-piece{position:fixed;top:-10px;border-radius:2px;animation:confetti-fall linear forwards;pointer-events:none;z-index:9999;}
@keyframes confetti-fall{0%{transform:translateY(-10px) rotate(0deg);opacity:1;}100%{transform:translateY(100vh) rotate(720deg);opacity:0;}}

/* BAS */
.bas-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;}
.bas-app-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:18px;}
.bas-app-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;}
.bas-app-avatar{width:44px;height:44px;border-radius:4px;flex-shrink:0;}
.bas-app-info{flex:1;}
.bas-app-name{font-size:15px;font-weight:700;color:#fff;display:block;margin-bottom:4px;}
.bas-app-name:hover{color:var(--accent);}
.bas-app-meta{font-size:12px;color:var(--muted);}
.bas-app-meta .red{color:var(--red);}
.bas-app-meta .green{color:var(--green);}
.bas-app-comment{font-size:13px;color:var(--muted);background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:3px;padding:10px;margin-bottom:14px;font-style:italic;}
.bas-app-actions{display:flex;gap:16px;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--border);}
.bas-select{background:rgba(0,0,0,.5);border:1px solid var(--border);color:var(--text);padding:5px 10px;border-radius:3px;font-size:12px;cursor:pointer;}
.btn--deny{background:rgba(217,83,79,.15);color:var(--red);border-color:rgba(217,83,79,.3);}
.btn--deny:hover{background:var(--red);color:#fff;}

@media(max-width:768px){
  .builder-tiers{grid-template-columns:1fr;}
  .builder-body{grid-template-columns:1fr;}
}

/* ── Builder single col ── */
.builder-single-col{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:14px;}
.builder-list-notice{background:rgba(103,152,235,.08);border:1px solid rgba(103,152,235,.2);border-radius:var(--r);padding:12px 16px;font-size:13px;color:var(--muted);margin-bottom:20px;}
.builder-list-notice a{color:var(--accent);}

/* ── BAS builder management row ── */
.bas-builder-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border);}
.bas-builder-row:last-child{border-bottom:none;}
.bas-builder-info{flex:1;min-width:0;}
.bas-builder-actions{display:flex;gap:8px;align-items:center;flex-shrink:0;flex-wrap:wrap;}

/* ── BAS Dashboard ── */
.bas-page{max-width:var(--max);margin:0 auto;padding:28px 20px 60px;}

.bas-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px;}
.bas-title{font-size:1.6rem;font-weight:700;color:#fff;margin-bottom:4px;}
.bas-sub{font-size:13px;color:var(--muted);}
.bas-user-info{display:flex;align-items:center;gap:12px;}
.bas-user-name{font-size:14px;font-weight:700;color:#fff;text-align:right;}
.bas-user-roles{display:flex;gap:5px;justify-content:flex-end;margin-top:4px;}
.bas-user-avatar{width:48px;height:48px;border-radius:4px;border:1px solid var(--border-l);}
.bas-role-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:2px;letter-spacing:.06em;}
.bas-role-super{background:rgba(248,113,113,.15);color:#f87171;}
.bas-role-admin{background:rgba(103,152,235,.15);color:var(--accent);}
.bas-role-staff{background:rgba(255,255,255,.08);color:var(--muted);}

.bas-notice{display:flex;gap:14px;background:rgba(240,173,78,.06);border:1px solid rgba(240,173,78,.2);border-radius:var(--r);padding:16px 18px;margin-bottom:28px;}
.bas-notice-icon{font-size:1.2rem;flex-shrink:0;margin-top:1px;}
.bas-notice-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--yellow);margin-bottom:5px;}
.bas-notice-text{font-size:13px;color:var(--muted);line-height:1.6;}
.bas-notice-text strong{color:var(--text);}

.bas-section-title{font-size:13px;font-weight:700;color:var(--muted);margin:24px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border);}
.bas-section-title--blue{color:var(--accent);}
.bas-section-title--red{color:#f87171;}

.bas-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:28px;}
.bas-stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:16px 18px;}
.bas-stat-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);margin-bottom:6px;}
.bas-stat-val{font-size:1.6rem;font-weight:700;color:#fff;}

.bas-tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:8px;}

.tool-card{display:flex;align-items:flex-start;gap:14px;border:1px solid var(--border);border-radius:var(--r);padding:16px 18px;text-decoration:none;color:inherit;transition:border-color .15s,background .15s;cursor:pointer;}

.hover-default{background:rgba(0,0,0,.4);}
.hover-blue{background:rgba(103,152,235,.02);border-color:rgba(103,152,235,.15);}
.hover-red{background:rgba(239,68,68,.02);border-color:rgba(239,68,68,.15);}
.hover-purple{background:rgba(167,139,250,.02);border-color:rgba(167,139,250,.15);}
.tool-icon{font-size:1.1rem;flex-shrink:0;width:34px;height:34px;border-radius:var(--r);display:flex;align-items:center;justify-content:center;}

/* Tool icon colors per category */
.hover-default .tool-icon{background:rgba(255,255,255,.05);color:rgba(255,255,255,.5);}
.hover-default:hover .tool-icon{color:rgba(255,255,255,.8);}

.hover-blue .tool-icon{background:rgba(103,152,235,.1);color:var(--accent);}
.hover-blue:hover:not(.tool-soon) .tool-icon{background:rgba(103,152,235,.18);color:#7eb8ff;}

.hover-red .tool-icon{background:rgba(248,113,113,.1);color:#f87171;}
.hover-red:hover:not(.tool-soon) .tool-icon{background:rgba(248,113,113,.18);color:#fca5a5;}

.hover-purple .tool-icon{background:rgba(167,139,250,.1);color:#a78bfa;}
.hover-purple:hover:not(.tool-soon) .tool-icon{background:rgba(167,139,250,.18);color:#c4b5fd;}
.tool-body{flex:1;min-width:0;}
.tool-name{font-size:13px;font-weight:700;color:#fff;margin-bottom:4px;display:flex;align-items:center;gap:8px;}
.tool-desc{font-size:12px;color:var(--muted);line-height:1.5;}
.tool-soon{opacity:.6;cursor:default;}
.tool-soon:hover{opacity:.7;}
.soon-badge{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:2px 5px;border-radius:2px;background:rgba(255,255,255,.08);color:var(--dim);}

/* Tool card hover variants */
.hover-default:hover{border-color:rgba(255,255,255,.18)!important;background:rgba(255,255,255,.04)!important;}
.hover-blue:hover:not(.tool-soon){border-color:#6798eb!important;background:linear-gradient(135deg,rgba(0,0,0,.5) 0%,rgba(13,21,37,.8) 100%)!important;}
.hover-red:hover:not(.tool-soon){border-color:#f87171!important;background:linear-gradient(135deg,rgba(0,0,0,.5) 0%,rgba(28,16,16,.8) 100%)!important;}
.hover-purple:hover:not(.tool-soon){border-color:#a78bfa!important;background:linear-gradient(135deg,rgba(0,0,0,.5) 0%,rgba(20,16,35,.8) 100%)!important;}

.bas-footer-note{font-size:12px;color:var(--dim);text-align:center;margin-top:40px;padding-top:20px;border-top:1px solid var(--border);}

@media(max-width:900px){
  .bas-tools-grid{grid-template-columns:repeat(2,1fr);}
  .bas-stats{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:640px){
  .bas-top{flex-direction:column;}
  .bas-tools-grid{grid-template-columns:1fr;}
  .bas-stats{grid-template-columns:1fr 1fr;}
}

/* ── BAS Pending queue ── */
.bas-pending-grid{display:flex;flex-wrap:wrap;gap:10px;}
.bas-pending-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:120px;padding:14px 18px;border:1px solid;border-radius:var(--r);text-decoration:none;transition:filter .15s;}
.bas-pending-card:hover{filter:brightness(1.15);}
.bas-pending-count{font-size:1.8rem;font-weight:700;line-height:1;}
.bas-pending-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-top:4px;opacity:.85;}

/* ── BAS Search ── */
.bas-search-wrap{position:relative;display:flex;align-items:center;background:rgba(0,0,0,.5);border:1px solid var(--border-l);border-radius:var(--r);padding:0 14px;margin-bottom:4px;transition:border-color .15s;}
.bas-search-wrap:focus-within{border-color:var(--accent);}
.bas-search-icon{font-size:1rem;color:var(--muted);flex-shrink:0;margin-right:10px;}
.bas-search-input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-size:14px;padding:13px 0;font-family:var(--font);}
.bas-search-input::placeholder{color:var(--dim);}
.bas-search-shortcut{font-size:11px;font-weight:600;color:var(--dim);background:rgba(255,255,255,.06);border:1px solid var(--border);border-radius:3px;padding:2px 7px;flex-shrink:0;font-family:monospace;}

.bas-search-drop{position:relative;background:#0d1017;border:1px solid var(--border-l);border-radius:var(--r);overflow:hidden;margin-bottom:20px;box-shadow:0 8px 32px rgba(0,0,0,.6);z-index:50;}
.bas-search-result{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;border-bottom:1px solid var(--border);text-decoration:none;transition:background .1s;}
.bas-search-result:last-child{border-bottom:none;}
.bas-search-result:hover{background:rgba(103,152,235,.08);}
.bas-search-name{font-size:13px;font-weight:600;color:#fff;}
.bas-search-id{font-size:11px;color:var(--muted);margin-top:1px;font-family:monospace;}
.bas-search-balance{font-size:13px;font-weight:700;color:var(--green);flex-shrink:0;}
.bas-search-loading,.bas-search-empty{padding:14px 16px;font-size:13px;color:var(--muted);text-align:center;}

/* ── BAS search result avatar + rank ── */
.bas-search-result{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--border);text-decoration:none;transition:background .1s;}
.bas-search-result:last-child{border-bottom:none;}
.bas-search-result:hover{background:rgba(103,152,235,.08);}
.bas-search-avatar{width:36px;height:36px;border-radius:4px;flex-shrink:0;display:block;}
.bas-search-avatar-ph{width:36px;height:36px;border-radius:4px;flex-shrink:0;background:#3a4a63;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--muted);}
.bas-search-info{flex:1;min-width:0;}
.bas-search-name{font-size:13px;font-weight:600;color:#fff;display:flex;align-items:center;gap:7px;}
.bas-search-id{font-size:11px;color:var(--dim);font-family:monospace;margin-top:2px;}
.bas-search-rank{font-size:10px;font-weight:700;padding:1px 6px;border-radius:2px;border:1px solid;flex-shrink:0;}
.bas-search-balance{font-size:13px;font-weight:700;color:var(--green);flex-shrink:0;}

/* ── Error page ── */
.error-page{min-height:calc(100vh - 52px - 80px);display:flex;align-items:center;justify-content:center;padding:40px 20px;}
.error-inner{max-width:520px;width:100%;text-align:center;}
.error-emoji{font-size:4rem;margin-bottom:12px;animation:error-float 3s ease-in-out infinite;}
@keyframes error-float{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}
.error-code{font-size:6rem;font-weight:700;color:rgba(255,255,255,.06);line-height:1;margin-bottom:-20px;letter-spacing:-4px;}
.error-title{font-size:1.6rem;font-weight:700;color:#fff;margin-bottom:10px;}
.error-msg{font-size:14px;color:var(--muted);margin-bottom:24px;line-height:1.6;}
.error-actions{display:flex;gap:10px;justify-content:center;margin-bottom:32px;}

/* Terminal */
.error-console{background:#0a0a0c;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;text-align:left;}
.error-console-bar{background:#1a1a1f;padding:10px 14px;display:flex;align-items:center;gap:6px;border-bottom:1px solid rgba(255,255,255,.08);}
.error-console-dot{width:10px;height:10px;border-radius:50%;display:inline-block;}
.error-console-body{padding:16px;font-family:monospace;font-size:12px;display:flex;flex-direction:column;gap:6px;}
.error-console-line{color:var(--muted);}
.error-c-prompt{color:#4ade80;}
.error-c-path{color:var(--accent);}
.error-c-arg{color:#fbbf24;}
.error-c-err{color:#f87171;}
.error-c-hint{color:var(--dim);}
.error-c-cursor{animation:blink 1s step-end infinite;color:var(--accent);}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:0;}}

/* ── Builder page redesign ── */
.bldr-hero{padding:52px 20px 36px;border-bottom:1px solid var(--border);}
.bldr-hero-inner{max-width:var(--max);margin:0 auto;}
.bldr-hero-tag{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--accent);margin-bottom:10px;display:flex;align-items:center;gap:6px;}
.bldr-hero-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:10px;letter-spacing:-.5px;}
.bldr-hero-sub{font-size:14px;color:var(--muted);line-height:1.7;max-width:580px;}

.bldr-page{max-width:var(--max);margin:0 auto;padding:28px 20px 60px;}
.bldr-layout{display:grid;grid-template-columns:1fr;gap:28px;}

.bldr-section-label{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--dim);margin-bottom:12px;}

/* Tiers */
.bldr-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:0;}
.bldr-tier{background:rgba(0,0,0,.55);border:1px solid var(--border);border-radius:var(--r);padding:16px;}
.bldr-tier-top{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
.bldr-tier-icon{width:32px;height:32px;border-radius:6px;border:1px solid;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;}
.bldr-tier-name{font-size:13px;font-weight:700;}
.bldr-tier-level{font-size:11px;color:var(--dim);margin-top:1px;}
.bldr-tier-perks{list-style:none;padding:0;display:flex;flex-direction:column;gap:6px;}
.bldr-tier-perks li{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:7px;}
.bldr-tier-perks li i{font-size:12px;color:var(--green);flex-shrink:0;}
.bldr-tier-perks li strong{color:var(--text);}

/* Steps */
.bldr-steps{display:flex;flex-direction:column;gap:0;}
.bldr-step{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px solid var(--border);}
.bldr-step:last-child{border-bottom:none;}
.bldr-step-num{width:24px;height:24px;border-radius:50%;background:rgba(103,152,235,.12);color:var(--accent);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}
.bldr-step-title{font-size:13px;font-weight:600;color:#fff;margin-bottom:3px;}
.bldr-step-desc{font-size:12px;color:var(--muted);line-height:1.6;}

/* Warning */
.bldr-warning{display:flex;align-items:flex-start;gap:10px;background:rgba(240,173,78,.06);border:1px solid rgba(240,173,78,.2);border-radius:var(--r);padding:12px 14px;margin-top:20px;font-size:13px;color:var(--muted);}
.bldr-warning i{color:var(--yellow);font-size:1rem;flex-shrink:0;margin-top:1px;}
.bldr-warning strong{color:var(--yellow);}

/* Cards (sidebar) */
.bldr-card{background:rgba(0,0,0,.55);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;margin-bottom:12px;}
.bldr-card--accepted{background:rgba(0,0,0,.55);}
.bldr-card-head{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--border);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);}
.bldr-card-head i{font-size:14px;}
.bldr-card-body{padding:14px 16px;}

/* Status badges */
.bldr-status-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:8px;}
.bldr-status--pending{background:rgba(240,173,78,.12);color:var(--yellow);}
.bldr-status--denied{background:rgba(248,113,113,.12);color:#f87171;}

/* Accepted */
.bldr-accepted-icon{font-size:2.5rem;margin-bottom:10px;}
.bldr-accepted-name{font-size:1.2rem;font-weight:700;margin-bottom:4px;}
.bldr-accepted-since{font-size:12px;color:var(--muted);}

/* Deny reason */
.bldr-deny-reason{font-size:13px;color:#f87171;background:rgba(248,113,113,.06);border-left:3px solid #f87171;border-radius:2px;padding:8px 12px;margin:10px 0;}
.bldr-app-note{font-size:12px;color:var(--muted);background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:3px;padding:8px;margin-top:10px;font-style:italic;}

/* Cooldown */
.bldr-cooldown{text-align:center;margin-top:14px;}
.bldr-cooldown-label{font-size:11px;color:var(--dim);margin-bottom:4px;}
.bldr-cooldown-timer{font-size:1.6rem;font-weight:700;color:var(--accent);}

/* Form */
.bldr-form-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--dim);margin-bottom:6px;}
.bldr-textarea{width:100%;background:rgba(0,0,0,.4);border:1px solid var(--border);border-radius:var(--r);color:var(--text);padding:10px;font-size:13px;font-family:var(--font);resize:vertical;min-height:80px;transition:border-color .15s;}
.bldr-textarea:focus{outline:none;border-color:var(--accent);}

/* Alerts */
.bldr-alert{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--r);font-size:13px;margin-bottom:10px;}
.bldr-alert--success{background:rgba(92,184,92,.1);border:1px solid rgba(92,184,92,.2);color:var(--green);}
.bldr-alert--warn{background:rgba(240,173,78,.1);border:1px solid rgba(240,173,78,.2);color:var(--yellow);}

/* List link */
.bldr-list-link{display:flex;align-items:center;gap:8px;padding:10px 14px;background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:var(--r);font-size:13px;color:var(--muted);text-decoration:none;transition:background .15s,color .15s;}
.bldr-list-link:hover{background:rgba(103,152,235,.06);color:var(--accent);border-color:rgba(103,152,235,.2);}

@media(max-width:700px){
  .bldr-tiers{grid-template-columns:1fr;}
}

/* ── Builder apply section (bottom) ── */
.bldr-apply{max-width:560px;}
.bldr-apply .bldr-card{margin-bottom:10px;}

/* ── Sanctions page ── */
.sanc-page{max-width:var(--max);margin:0 auto;padding:28px 20px 60px;}
.sanc-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px;flex-wrap:wrap;}
.sanc-title{font-size:1.3rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:10px;}
.sanc-sub{font-size:13px;color:var(--muted);margin-top:4px;}

.sanc-tabs{display:flex;gap:4px;background:rgba(0,0,0,.4);border:1px solid var(--border);border-radius:var(--r);padding:4px;}
.sanc-tab{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:4px;font-size:13px;font-weight:600;color:var(--muted);text-decoration:none;transition:all .15s;}
.sanc-tab:hover{color:#fff;background:rgba(255,255,255,.06);}
.sanc-tab--active{background:rgba(255,255,255,.08);color:#fff;}

.sanc-list{display:flex;flex-direction:column;gap:8px;}
.sanc-empty{text-align:center;padding:60px;color:var(--dim);font-size:14px;}

.sanc-row{display:grid;grid-template-columns:100px 200px 1fr 90px 160px;align-items:center;gap:14px;background:rgba(0,0,0,.5);border:1px solid var(--border);border-left:3px solid transparent;border-radius:var(--r);padding:12px 16px;transition:background .15s,border-color .15s;cursor:default;}
.sanc-row.sanc-row--clickable{cursor:pointer;}
.sanc-row--active{border-left-color:#f87171;}
.sanc-row--active:hover{background:rgba(248,113,113,.05);border-color:rgba(248,113,113,.3);}
.sanc-row:not(.sanc-row--active):hover{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.12);border-left-color:rgba(255,255,255,.08);}
.sanc-row:hover{border-color:rgba(255,255,255,.12);}

.sanc-type{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:4px;border:1px solid;font-size:11px;font-weight:700;}

.sanc-player{display:flex;align-items:center;gap:8px;min-width:0;}
.sanc-avatar{width:30px;height:30px;border-radius:4px;flex-shrink:0;}
.sanc-avatar-ph{width:30px;height:30px;border-radius:4px;background:#3a4a63;display:flex;align-items:center;justify-content:center;color:var(--muted);flex-shrink:0;}
.sanc-player-info{min-width:0;}
.sanc-player-name{font-size:13px;font-weight:600;color:#fff;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sanc-player-name:hover{color:var(--accent);}
.sanc-player-id{font-size:10px;color:var(--dim);font-family:monospace;margin-top:1px;}

.sanc-reason-wrap{min-width:0;}
.sanc-reason{font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sanc-notes{font-size:11px;color:var(--dim);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.sanc-duration-wrap{text-align:right;}
.sanc-duration{font-size:13px;font-weight:600;color:#fff;}
.sanc-state{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;}

.sanc-admin-wrap{display:flex;flex-direction:column;gap:3px;align-items:flex-end;}
.sanc-admin{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--muted);text-decoration:none;}
.sanc-admin:hover{color:var(--accent);}
.sanc-admin-avatar{width:16px;height:16px;border-radius:2px;}
.sanc-admin--console{color:var(--dim);}
.sanc-admin--unknown{color:var(--dim);}
.sanc-date{font-size:11px;color:var(--dim);}

.sanc-flag{font-size:9px;font-weight:700;padding:1px 5px;border-radius:2px;background:rgba(167,139,250,.1);color:#a78bfa;border:1px solid rgba(167,139,250,.2);font-family:monospace;}

.sanc-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px;}
.sanc-page-btn{display:flex;align-items:center;gap:5px;padding:7px 16px;background:rgba(0,0,0,.4);border:1px solid var(--border);border-radius:var(--r);font-size:13px;color:var(--muted);text-decoration:none;transition:all .15s;}
.sanc-page-btn:hover{border-color:var(--accent);color:var(--accent);}
.sanc-page-info{font-size:13px;color:var(--muted);}

@media(max-width:900px){
  .sanc-row{grid-template-columns:90px 1fr 80px;gap:10px;}
  .sanc-player,.sanc-admin-wrap{display:none;}
}

/* ── Sanctions search + modal ── */
.sanc-search-wrap{display:flex;align-items:center;background:rgba(0,0,0,.5);border:1px solid var(--border-l);border-radius:var(--r);padding:0 14px;margin-bottom:16px;transition:border-color .15s;}
.sanc-search-wrap:focus-within{border-color:var(--accent);}
.sanc-search-icon{color:var(--muted);font-size:15px;flex-shrink:0;margin-right:10px;}
.sanc-search-input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-size:14px;padding:12px 0;font-family:var(--font);}
.sanc-search-input::placeholder{color:var(--dim);}
.sanc-search-clear{background:none;border:none;color:var(--dim);cursor:pointer;font-size:16px;padding:0 4px;display:none;}
.sanc-search-clear.visible{display:block;}

/* Modal overlay */
.sanc-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:500;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px);}
.sanc-modal-overlay.hidden{display:none;}
.sanc-modal{background:#0d1017;border:1px solid var(--border-l);border-radius:10px;max-width:560px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.8);}
.sanc-modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);}
.sanc-modal-title{font-size:14px;font-weight:700;color:#fff;display:flex;align-items:center;gap:8px;}
.sanc-modal-close{background:none;border:none;color:var(--muted);cursor:pointer;font-size:18px;padding:0;}
.sanc-modal-close:hover{color:#fff;}
.sanc-modal-body{padding:20px;}
.sanc-modal-section{margin-bottom:16px;}
.sanc-modal-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);margin-bottom:6px;}
.sanc-modal-value{font-size:13px;color:var(--text);line-height:1.6;}
.sanc-modal-notes{font-size:12px;color:var(--muted);background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:4px;padding:10px;line-height:1.6;}
.sanc-modal-actions{display:flex;gap:8px;padding:14px 20px;border-top:1px solid var(--border);flex-wrap:wrap;}
.btn--soon-muted{background:rgba(255,255,255,.04);color:var(--dim);border:1px solid var(--border);cursor:not-allowed;opacity:.6;}

/* ── Rules page ── */
.rules-page{max-width:var(--max);margin:0 auto;padding:28px 20px 60px;}
.rules-layout{display:grid;grid-template-columns:1fr 280px;gap:24px;align-items:start;margin-top:0;}
.rules-hero{padding:32px 0 20px;border-bottom:1px solid var(--border);margin-bottom:20px;}
.rules-title{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:16px;letter-spacing:-1px;}
.rules-controls{display:flex;align-items:center;gap:10px;}
.rules-search-wrap{display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.5);border:1px solid var(--border);border-radius:var(--r);padding:0 12px;flex:1;max-width:280px;}
.rules-search{background:transparent;border:none;outline:none;color:var(--text);font-size:13px;padding:9px 0;font-family:var(--font);width:100%;}
.rules-search::placeholder{color:var(--dim);}

.rules-section{background:rgba(0,0,0,.4);border:1px solid var(--border);border-radius:var(--r);margin-bottom:8px;overflow:hidden;}
.rules-section-btn{width:100%;background:none;border:none;color:#fff;padding:14px 16px;text-align:left;cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font);display:flex;align-items:center;gap:10px;transition:background .15s;}
.rules-section-btn:hover{background:rgba(255,255,255,.04);}
.rules-chevron{font-size:11px;color:var(--muted);transition:transform .2s;flex-shrink:0;}
.rules-rule{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);}
.rules-rule:last-child{border-bottom:none;}
.rules-rule-num{color:var(--accent);font-weight:700;font-size:13px;flex-shrink:0;min-width:22px;padding-top:1px;}
.rules-rule-title{font-size:13px;font-weight:600;color:#fbbf24;margin-bottom:5px;}
.rules-rule-content{font-size:13px;color:var(--muted);line-height:1.7;}
.rules-rule-content p{margin-bottom:6px;}
.rules-rule-content ul{padding-left:18px;margin-bottom:6px;}
.rules-rule-content li{margin-bottom:3px;}

/* Changelog sidebar */
.rules-sidebar{position:sticky;top:28px;align-self:start;}
.rules-changelog{background:rgba(0,0,0,.6);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;}
.rules-changelog-head{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--border);font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;}
.rules-changelog-list{max-height:500px;overflow-y:auto;}
.rules-changelog-item{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);}
.rules-changelog-item:last-child{border-bottom:none;}
.rules-changelog-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:4px;}

@media(max-width:800px){
  .rules-layout{grid-template-columns:1fr;}
  .rules-sidebar{position:static;}
}

/* ── Rules changelog modal ── */
.rules-changelog-item{cursor:pointer;transition:background .1s;}
.rules-changelog-item:hover{background:rgba(255,255,255,.04);}
.diff-added{background:rgba(74,222,128,.15);color:#4ade80;border-radius:2px;padding:1px 2px;}
.diff-removed{background:rgba(248,113,113,.15);color:#f87171;border-radius:2px;padding:1px 2px;text-decoration:line-through;}
.diff-block{font-size:13px;line-height:1.8;color:var(--text);white-space:pre-wrap;word-break:break-word;}

/* ── Changelog / Changes page ── */
.cl-page{max-width:var(--max);margin:0 auto;padding:28px 20px 60px;}
.cl-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--border);margin-bottom:28px;flex-wrap:wrap;}
.cl-title{font-size:2rem;font-weight:700;color:#fff;letter-spacing:-.5px;margin-bottom:6px;}
.cl-sub{font-size:14px;color:var(--muted);}

.cl-tabs{display:flex;gap:4px;flex-wrap:wrap;}
.cl-tab{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--r);font-size:13px;font-weight:600;color:var(--muted);text-decoration:none;border:1px solid transparent;transition:all .15s;}
.cl-tab:hover{color:#fff;background:rgba(255,255,255,.05);}
.cl-tab--active{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.1);}

.cl-feed{display:flex;flex-direction:column;gap:0;}
.cl-release--feed{display:grid;grid-template-columns:160px 1fr;gap:24px;padding:28px 0;border-bottom:1px solid var(--border);}
.cl-release--feed:last-child{border-bottom:none;}
.cl-feed-meta{text-align:right;padding-top:3px;}
.cl-feed-date{font-size:12px;color:var(--muted);margin-bottom:6px;}
.cl-feed-cat{font-size:11px;font-weight:700;display:flex;align-items:center;gap:5px;justify-content:flex-end;}
.cl-feed-body{min-width:0;}
.cl-feed-top{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap;}

.cl-release{background:rgba(0,0,0,.5);border:1px solid var(--border);border-radius:var(--r);padding:18px;margin-bottom:12px;}
.cl-release-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px;}
.cl-version{font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;border:1px solid;font-family:monospace;}
.cl-release-title{font-size:14px;font-weight:700;color:#fff;flex:1;}
.cl-release-date{font-size:11px;color:var(--dim);margin-left:auto;}
.cl-release-desc{font-size:13px;color:var(--muted);margin-bottom:12px;line-height:1.6;padding-bottom:10px;border-bottom:1px solid var(--border);}

.cl-entries{display:flex;flex-direction:column;gap:7px;}
.cl-entry{display:flex;align-items:baseline;gap:8px;}
.cl-tag{font-size:9px;font-weight:800;padding:2px 6px;border-radius:3px;letter-spacing:.06em;flex-shrink:0;font-family:monospace;}
.cl-entry-text{font-size:13px;color:rgba(255,255,255,.8);line-height:1.5;}
.cl-empty{padding:20px;color:var(--dim);font-size:13px;text-align:center;}

@media(max-width:900px){.cl-layout{grid-template-columns:1fr;}}

/* ── Upcoming releases ── */
.cl-upcoming{background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.08);border-radius:var(--r);padding:16px 20px;margin-bottom:28px;}
.cl-upcoming-head{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:14px;display:flex;align-items:center;gap:6px;}
.cl-upcoming-list{display:flex;flex-direction:column;gap:10px;}
.cl-upcoming-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:6px;}
.cl-upcoming-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.cl-upcoming-info{flex:1;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.cl-upcoming-eta{text-align:right;font-size:12px;color:var(--muted);flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:2px;}

@media(max-width:640px){.cl-release--feed{grid-template-columns:1fr;gap:8px;}.cl-feed-meta{text-align:left;display:flex;gap:10px;align-items:center;}.cl-feed-cat{justify-content:flex-start;}}

/* ── Changelog author ── */
.cl-author{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--dim);margin-left:auto;text-decoration:none;transition:color .15s;}
.cl-author:hover{color:var(--muted);}
.cl-author-avatar{width:16px;height:16px;border-radius:50%;}

/* ── Store ── */
.store-page{max-width:var(--max);margin:0 auto;padding:0 20px 60px;}
.store-hero{padding:48px 0 36px;border-bottom:1px solid var(--border);margin-bottom:40px;}
.store-hero-inner{max-width:600px;}
.store-title{font-size:2.2rem;font-weight:700;color:#fff;line-height:1.2;margin-bottom:12px;letter-spacing:-.5px;}
.store-sub{font-size:14px;color:var(--muted);line-height:1.7;}

.store-section{margin-bottom:40px;}
.store-section-head{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px;display:flex;align-items:center;gap:8px;}
.store-section-sub{font-size:13px;color:var(--muted);margin-bottom:14px;}

.store-grid{display:grid;gap:14px;}
.store-grid--2{grid-template-columns:repeat(2,1fr);}
.store-grid--3{grid-template-columns:repeat(3,1fr);}

.store-card{background:rgba(0,0,0,.5);border:1px solid var(--border);border-radius:var(--r);padding:22px;display:flex;flex-direction:column;gap:0;position:relative;}
.store-card--featured{border-color:rgba(103,152,235,.4);background:rgba(103,152,235,.04);}
.store-card--tbd{opacity:.7;}
.store-card--wide{display:flex;flex-direction:column;}
.store-featured-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);font-size:10px;font-weight:700;padding:2px 10px;border-radius:10px;background:var(--accent);color:#fff;white-space:nowrap;}

.store-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px;}
.store-card-name{font-size:15px;font-weight:700;color:#fff;}
.store-card-price{font-size:16px;font-weight:700;color:#fff;text-align:right;}
.store-card-period{font-size:11px;color:var(--dim);font-weight:400;}
.store-card-desc{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:14px;}

.store-features{list-style:none;padding:0;margin-bottom:18px;display:flex;flex-direction:column;gap:6px;flex:1;}
.store-features li{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:7px;}
.store-features li i{color:var(--green);font-size:12px;flex-shrink:0;}
.store-features--inline{flex-direction:row;flex-wrap:wrap;gap:8px;}
.store-features--inline li{background:rgba(255,255,255,.05);border-radius:3px;padding:2px 8px;}

/* Titles grid */
.store-titles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;}
.store-title-item{background:rgba(0,0,0,.5);border:1px solid var(--border);border-radius:var(--r);padding:14px;display:flex;flex-direction:column;gap:10px;align-items:flex-start;}
.store-title-text{font-size:13px;font-weight:600;color:#fbbf24;font-style:italic;}

/* Gift */
.store-gift-section{display:flex;align-items:center;gap:16px;background:rgba(103,152,235,.06);border:1px solid rgba(103,152,235,.15);border-radius:var(--r);padding:18px 20px;margin-top:32px;flex-wrap:wrap;}
.store-gift-banner{display:flex;align-items:center;gap:8px;background:rgba(103,152,235,.1);border:1px solid rgba(103,152,235,.2);border-radius:var(--r);padding:10px 16px;margin-bottom:20px;font-size:13px;color:var(--accent);}

.store-footer-note{font-size:11px;color:var(--dim);line-height:1.7;border-top:1px solid var(--border);padding-top:20px;margin-top:40px;}

@media(max-width:768px){
  .store-grid--3{grid-template-columns:1fr;}
  .store-grid--2{grid-template-columns:1fr;}
  .store-gift-section{flex-direction:column;align-items:flex-start;}
}

/* ── Homepage ── */
.home-hero{display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:center;padding:60px 20px 48px;max-width:var(--max);margin:0 auto;}
.home-hero-tag{font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--accent);margin-bottom:12px;display:flex;align-items:center;gap:6px;}
.home-hero-title{font-size:3.5rem;font-weight:800;color:#fff;letter-spacing:-2px;line-height:1;margin-bottom:16px;}
.home-hero-sub{font-size:15px;color:var(--muted);line-height:1.7;max-width:480px;margin-bottom:24px;}
.home-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px;}
.btn--lg{padding:11px 22px;font-size:14px;}
.home-hero-note{font-size:12px;color:var(--dim);display:flex;align-items:center;gap:6px;}

/* Server widget */
.home-server-widget{background:rgba(0,0,0,.6);border:1px solid var(--border-l);border-radius:10px;padding:20px;align-self:start;}
.home-widget-head{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#fff;margin-bottom:16px;}
.home-widget-dot{width:8px;height:8px;border-radius:50%;background:#6b7280;}
.home-widget-dot--live{background:#4ade80;box-shadow:0 0 6px #4ade8080;animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:.6;}}
.home-widget-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;}
.home-widget-stat{text-align:center;background:rgba(255,255,255,.04);border-radius:6px;padding:10px 6px;}
.home-widget-val{font-size:1.4rem;font-weight:700;color:#fff;}
.home-widget-label{font-size:10px;color:var(--dim);margin-top:2px;}
.home-widget-players{display:flex;flex-wrap:wrap;gap:4px;}
.home-player-chip{font-size:11px;padding:2px 8px;background:rgba(255,255,255,.05);border:1px solid var(--border);border-radius:10px;color:var(--muted);text-decoration:none;transition:all .15s;}
.home-player-chip:hover{background:rgba(103,152,235,.1);border-color:rgba(103,152,235,.3);color:var(--accent);}

/* Stats bar */
.home-statsbar{background:rgba(0,0,0,.5);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.home-statsbar-inner{max-width:var(--max);margin:0 auto;padding:16px 20px;display:flex;align-items:center;gap:0;}
.home-stat{flex:1;text-align:center;display:flex;flex-direction:column;gap:4px;}
.home-stat span:first-child{font-size:1.3rem;font-weight:700;color:#fff;}
.home-stat span:last-child{font-size:11px;color:var(--dim);text-transform:uppercase;letter-spacing:.06em;}
.home-statbar-div{width:1px;height:40px;background:var(--border);flex-shrink:0;}

/* Sections */
.home-section{padding:60px 20px;}
.home-section--dark{background:rgba(0,0,0,.4);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.home-section-inner{max-width:var(--max);margin:0 auto;}
.home-section-label{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--accent);margin-bottom:10px;}
.home-section-title{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:16px;letter-spacing:-.5px;line-height:1.3;}
.home-section-body{font-size:14px;color:var(--muted);line-height:1.8;max-width:600px;margin-bottom:32px;}

/* RP roles */
.home-rp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:28px;}
.home-rp-card{background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:var(--r);padding:20px;}
.home-rp-icon{font-size:1.5rem;margin-bottom:10px;}
.home-rp-head{font-size:14px;font-weight:700;color:#fff;margin-bottom:6px;}
.home-rp-body{font-size:13px;color:var(--muted);line-height:1.6;}
.home-rp-rules{display:flex;gap:10px;flex-wrap:wrap;}
.home-rp-rule{font-size:12px;color:var(--muted);background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:4px;padding:7px 12px;}
.home-rp-rule strong{color:#fff;}

/* Features grid */
.home-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.home-feature{display:flex;align-items:flex-start;gap:14px;}
.home-feature i{font-size:1.4rem;flex-shrink:0;margin-top:2px;}
.home-feature-title{font-size:14px;font-weight:700;color:#fff;margin-bottom:5px;}
.home-feature-body{font-size:13px;color:var(--muted);line-height:1.6;}

/* Split + pillars */
.home-split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;}
.home-pillars{display:flex;flex-direction:column;gap:20px;}
.home-pillar{display:flex;align-items:flex-start;gap:14px;}
.home-pillar-icon{width:36px;height:36px;border-radius:8px;background:rgba(103,152,235,.1);border:1px solid rgba(103,152,235,.2);display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:1rem;flex-shrink:0;}
.home-pillar-title{font-size:14px;font-weight:700;color:#fff;margin-bottom:4px;}
.home-pillar-body{font-size:13px;color:var(--muted);line-height:1.6;}

/* CTA */
.home-cta{padding:80px 20px;text-align:center;}
.home-cta-inner{max-width:580px;margin:0 auto;}
.home-cta-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:12px;letter-spacing:-.5px;}
.home-cta-sub{font-size:14px;color:var(--muted);line-height:1.7;margin-bottom:28px;}

@media(max-width:900px){
  .home-hero{grid-template-columns:1fr;}.home-server-widget{display:none;}
  .home-rp-grid,.home-features-grid{grid-template-columns:1fr;}
  .home-split{grid-template-columns:1fr;}
  .home-statsbar-inner{flex-wrap:wrap;gap:16px;}.home-statbar-div{display:none;}
  .home-stat{flex:0 0 45%;}
}

/* ── Index about section ── */
.index-about{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;background:rgba(0,0,0,.3);border:1px solid var(--border);border-radius:var(--r);padding:36px;}
.index-pillars{display:flex;flex-direction:column;gap:20px;}
.index-pillar{display:flex;align-items:flex-start;gap:14px;}
.index-pillar-icon{width:34px;height:34px;border-radius:8px;background:rgba(103,152,235,.1);border:1px solid rgba(103,152,235,.2);display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:1rem;flex-shrink:0;}
.index-pillar-title{font-size:14px;font-weight:700;color:#fff;margin-bottom:4px;}
.index-pillar-body{font-size:13px;color:var(--muted);line-height:1.6;}

/* Feature cards with tabler icons */
.feature-card .feature-icon{font-size:1.4rem;margin-bottom:10px;}

@media(max-width:768px){.index-about{grid-template-columns:1fr;gap:24px;}}

/* Feature card — icon+title inline like image 1 */
.feature-head{display:flex;align-items:center;gap:8px;margin-bottom:8px;}
.feature-ti{font-size:1.1rem;flex-shrink:0;}
.feature-card h3{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin:0;}
.feature-card .feature-icon{display:none;} /* hide old standalone icon */

/* ── Dashboard ── */
.dash-page{max-width:var(--max);margin:0 auto;padding:28px 20px 60px;display:flex;flex-direction:column;gap:16px;}

.dash-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--border);}
.dash-header-left{display:flex;align-items:center;gap:16px;}
.dash-avatar{width:56px;height:56px;border-radius:8px;border:2px solid var(--border-l);}
.dash-username{font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:4px;}
.dash-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.dash-online-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;background:rgba(74,222,128,.12);color:#4ade80;border:1px solid rgba(74,222,128,.25);display:flex;align-items:center;gap:4px;}

/* Top grid: standing + stats */
.dash-top-grid{display:grid;grid-template-columns:280px 1fr;gap:16px;}
.dash-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
.dash-stat-card{background:rgba(0,0,0,.5);border:1px solid var(--border);border-radius:var(--r);padding:16px;}
.dash-stat-icon{font-size:1.2rem;margin-bottom:8px;}
.dash-stat-val{font-size:1.4rem;font-weight:700;color:#fff;margin-bottom:3px;}
.dash-stat-label{font-size:11px;color:var(--dim);text-transform:uppercase;letter-spacing:.06em;}

/* Standing card */
.dash-standing{display:flex;flex-direction:column;}
.dash-standing-body{padding:16px;flex:1;}
.dash-standing-score{font-size:3rem;font-weight:800;line-height:1;margin-bottom:4px;}
.dash-standing-label{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;}
.dash-standing-bar{height:6px;background:rgba(255,255,255,.08);border-radius:3px;margin-bottom:12px;overflow:hidden;}
.dash-standing-fill{height:100%;border-radius:3px;transition:width .5s ease;}
.dash-standing-alert{font-size:12px;padding:8px 10px;border-radius:4px;margin-bottom:10px;display:flex;align-items:center;gap:6px;}
.dash-standing-alert--red{background:rgba(248,113,113,.1);color:#f87171;border:1px solid rgba(248,113,113,.2);}
.dash-standing-alert--yellow{background:rgba(251,191,36,.1);color:#fbbf24;border:1px solid rgba(251,191,36,.2);}
.dash-standing-alert--green{background:rgba(74,222,128,.08);color:#4ade80;border:1px solid rgba(74,222,128,.15);}
.dash-standing-breakdown{display:flex;gap:6px;flex-wrap:wrap;}
.dash-sanction-chip{font-size:10px;font-weight:700;padding:2px 8px;border-radius:3px;border:1px solid;}

/* Mid grid */
.dash-mid-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}

/* Cards */
.dash-card{background:rgba(0,0,0,.5);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;}
.dash-card-head{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);}
.dash-card-body{padding:14px 16px;}

/* Quick actions */
.dash-action{display:flex;align-items:center;gap:10px;padding:9px 8px;border-radius:4px;font-size:13px;color:var(--muted);text-decoration:none;transition:all .1s;}
.dash-action:hover{background:rgba(255,255,255,.05);color:#fff;}
.dash-action i{font-size:15px;flex-shrink:0;width:20px;}

@media(max-width:900px){
  .dash-top-grid{grid-template-columns:1fr;}
  .dash-mid-grid{grid-template-columns:1fr;}
  .dash-stats-grid{grid-template-columns:repeat(2,1fr);}
}

/* ── Dashboard banner ── */
.dash-banner{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:var(--r);font-size:13px;border:1px solid;}
.dash-banner--red{background:rgba(248,113,113,.08);border-color:rgba(248,113,113,.25);color:#f87171;}
.dash-banner--yellow{background:rgba(251,191,36,.08);border-color:rgba(251,191,36,.25);color:#fbbf24;}
.dash-banner--green{background:rgba(74,222,128,.06);border-color:rgba(74,222,128,.2);color:#4ade80;}
.dash-banner i{font-size:1rem;flex-shrink:0;}
.dash-banner span{flex:1;}
.dash-banner-link{font-size:12px;font-weight:600;color:inherit;opacity:.8;}
.dash-banner-link:hover{opacity:1;}

/* ── Dupe Market ── */
.mkt-page{max-width:var(--max);margin:0 auto;padding:28px 20px 60px;}
.mkt-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--border);margin-bottom:24px;flex-wrap:wrap;}
.mkt-title{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:6px;letter-spacing:-.5px;}
.mkt-sub{font-size:13px;color:var(--muted);}
.mkt-layout{display:grid;grid-template-columns:200px 1fr;gap:20px;align-items:start;}
.mkt-sidebar{position:sticky;top:20px;}
.mkt-cat-link{display:flex;align-items:center;justify-content:space-between;padding:7px 14px;font-size:13px;color:var(--muted);text-decoration:none;border-radius:4px;transition:all .1s;}
.mkt-cat-link:hover{background:rgba(255,255,255,.05);color:#fff;}
.mkt-cat-link--active{background:rgba(103,152,235,.1);color:var(--accent);}
.mkt-cat-link span{font-size:11px;color:var(--dim);}
.mkt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;}
.mkt-card{background:rgba(0,0,0,.5);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;text-decoration:none;transition:border-color .15s;}
.mkt-card:hover{border-color:rgba(103,152,235,.4);}
.mkt-card-img{height:140px;background:#0a0a0c;position:relative;overflow:hidden;}
.mkt-badge{position:absolute;top:8px;left:8px;font-size:9px;font-weight:700;padding:2px 7px;border-radius:3px;background:#fbbf24;color:#000;}
.mkt-badge--featured{background:#fbbf24;}
.mkt-cat-badge{position:absolute;bottom:8px;right:8px;font-size:9px;font-weight:700;padding:2px 7px;border-radius:3px;background:rgba(0,0,0,.7);color:#fff;border:1px solid rgba(255,255,255,.1);}
.mkt-card-body{padding:12px;}
.mkt-card-title{font-size:13px;font-weight:600;color:#fff;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mkt-card-seller{font-size:11px;color:var(--dim);margin-bottom:8px;display:flex;align-items:center;gap:4px;}
.mkt-card-footer{display:flex;align-items:center;justify-content:space-between;}
.mkt-price{font-size:14px;font-weight:700;color:#fff;}

/* Detail */
.mkt-detail-page{max-width:var(--max);margin:0 auto;padding:28px 20px 60px;}
.mkt-detail-layout{display:grid;grid-template-columns:1fr 280px;gap:24px;align-items:start;}
.mkt-detail-img{height:300px;background:#0a0a0c;border:1px solid var(--border);border-radius:var(--r);overflow:hidden;margin-bottom:20px;}
.mkt-detail-img img{width:100%;height:100%;object-fit:cover;}
.mkt-detail-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:10px;}
.mkt-detail-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px;}
.mkt-detail-desc{font-size:14px;color:var(--muted);line-height:1.7;}

@media(max-width:768px){
  .mkt-layout{grid-template-columns:1fr;}
  .mkt-sidebar{position:static;}
  .mkt-detail-layout{grid-template-columns:1fr;}
}

/* Market radio option */
.mkt-radio-opt{display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--border);border-radius:var(--r);cursor:pointer;font-size:13px;color:var(--muted);transition:all .15s;}
.mkt-radio-opt:has(input:checked){border-color:var(--accent);background:rgba(103,152,235,.08);color:#fff;}
.mkt-radio-opt input{display:none;}

/* ── Market image gallery ── */
.mkt-gallery{margin-bottom:20px;}
.mkt-gallery-main{height:320px;border:1px solid var(--border);border-radius:var(--r);overflow:hidden;margin-bottom:8px;background:#0a0a0c;}
.mkt-gallery-main img{width:100%;height:100%;object-fit:cover;transition:opacity .15s;}
.mkt-gallery-thumbs{display:flex;gap:8px;flex-wrap:wrap;}
.mkt-gallery-thumb{width:64px;height:64px;object-fit:cover;border-radius:4px;border:2px solid var(--border);cursor:pointer;transition:border-color .15s;opacity:.7;}
.mkt-gallery-thumb:hover{opacity:1;}
.mkt-gallery-thumb--active{border-color:var(--accent);opacity:1;}

/* ── Staff / Interns page ── */
.staff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;}
.staff-card{background:rgba(0,0,0,.5);border:1px solid var(--border);border-radius:var(--r);padding:16px;text-align:center;text-decoration:none;transition:border-color .15s;display:flex;flex-direction:column;align-items:center;gap:10px;}
.staff-card:hover{border-color:rgba(103,152,235,.35);}
.staff-avatar{width:56px;height:56px;border-radius:8px;display:block;}
.staff-online-dot{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;background:#4ade80;border:2px solid #0d1017;box-shadow:0 0 6px #4ade8060;}
.staff-card-body{width:100%;}
.staff-card-name{font-size:13px;font-weight:600;color:#fff;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.staff-card-rank{font-size:11px;font-weight:600;}

/* ── Profile redesign ── */
.prof-banner-wrap{position:relative;margin-bottom:0;}
.prof-banner{height:200px;background:linear-gradient(135deg,rgba(103,152,235,.2) 0%,rgba(74,222,128,.08) 50%,rgba(167,139,250,.15) 100%);border-bottom:1px solid var(--border);position:relative;}
.prof-banner-gradient{position:absolute;inset:0;background:inherit;}

.prof-header-content{max-width:var(--max);margin:0 auto;padding:0 20px;display:flex;align-items:flex-end;gap:20px;position:relative;top:-40px;margin-bottom:-24px;}
.prof-avatar-outer{position:relative;flex-shrink:0;}
.prof-avatar-img{width:96px;height:96px;border-radius:12px;border:3px solid #0d1017;display:block;}
.prof-avatar-dot{position:absolute;bottom:2px;right:2px;width:14px;height:14px;border-radius:50%;background:#4ade80;border:3px solid #0d1017;box-shadow:0 0 6px #4ade8080;}
.prof-header-info{flex:1;padding-bottom:4px;}
.prof-name{font-size:1.4rem;font-weight:800;color:#fff;letter-spacing:-.5px;display:inline;}

/* Stats bar */
.prof-statsbar{background:rgba(0,0,0,.4);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:14px 20px;display:flex;align-items:center;gap:0;max-width:100%;}
.prof-stat{flex:1;text-align:center;}
.prof-stat-val{font-size:13px;font-weight:700;color:#fff;margin-bottom:2px;}
.prof-stat-label{font-size:10px;color:var(--dim);text-transform:uppercase;letter-spacing:.06em;}
.prof-stat-div{width:1px;height:32px;background:var(--border);flex-shrink:0;}

@media(max-width:600px){
  .prof-banner{height:120px;}
  .prof-avatar-img{width:72px;height:72px;}
  .prof-statsbar{flex-wrap:wrap;gap:12px;}
  .prof-stat{flex:0 0 45%;}
  .prof-stat-div{display:none;}
}

/* ── Settings toggles ── */
.settings-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--border);cursor:pointer;}
.settings-toggle:last-child{border-bottom:none;padding-bottom:0;}
.settings-checkbox{width:36px;height:20px;appearance:none;-webkit-appearance:none;background:rgba(255,255,255,.1);border-radius:10px;position:relative;cursor:pointer;transition:background .2s;flex-shrink:0;}
.settings-checkbox:checked{background:var(--accent);}
.settings-checkbox::after{content:'';width:14px;height:14px;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;transition:left .2s;}
.settings-checkbox:checked::after{left:19px;}

/* ── Rule content HTML rendering ── */
.rule-html {
  font-size:13px;
  color:var(--muted);
  line-height:1.75;
  padding:14px 20px 16px;
}
.rule-html p { margin:0 0 8px; display:block; }
.rule-html p:last-child { margin-bottom:0; }
.rule-html ul {
  display:block;
  padding-left:22px !important;
  margin:6px 0 10px !important;
  list-style-type:disc !important;
}
.rule-html ol {
  display:block;
  padding-left:22px !important;
  margin:6px 0 10px !important;
  list-style-type:decimal !important;
}
.rule-html li {
  display:list-item !important;
  list-style-position:outside !important;
  margin-bottom:5px !important;
  line-height:1.65;
}
.rule-html ul > li { list-style-type:disc !important; }
.rule-html ol > li { list-style-type:decimal !important; }
.rule-html li::marker { color:var(--accent); }
.rule-html strong, .rule-html b { color:#fff; font-weight:700; }
.rule-html em, .rule-html i { font-style:italic; }
.rule-html a { color:var(--accent); }
.rule-html code { font-family:monospace; font-size:12px; background:rgba(255,255,255,.07); padding:1px 5px; border-radius:3px; }

/* ── Hamburger button ── */
.nav-hamburger {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;
  margin-left: auto;
  order: 99;
}
.nav-hamburger span {
  display: block;
  width: 22px;
  height: 2px;
  background: rgba(255,255,255,.7);
  border-radius: 2px;
  transition: all .2s;
}

@media(max-width:768px) {
  .nav-hamburger { display: flex; }
  .nav-links { display: none !important; }
  .nav-right .nav-user-wrap { display: none; }
  .nav-right .btn--steam { display: none; }
  .nav-right { display: flex; align-items: center; }
  .nav-inner { padding: 0 16px; }
}

/* ── Mobile index fixes ── */
@media(max-width:768px) {
  .home-hero { grid-template-columns:1fr; padding:32px 16px 24px; gap:20px; }
  .home-hero-title { font-size:2.2rem; letter-spacing:-1px; }
  .home-rp-grid, .home-features-grid { grid-template-columns:1fr; }
  .home-split { grid-template-columns:1fr; }
  .home-statsbar-inner { flex-wrap:wrap; gap:12px; }
  .home-statbar-div { display:none; }
  .home-stat { flex:0 0 45%; }
  .home-section { padding:32px 16px; }
  .stats-inner { grid-template-columns:1fr 1fr !important; gap:8px; }
  .stat-card { padding:14px 16px; }
  .stat-value { font-size:1.4rem; }
  .page { padding:0 16px; }
}