/* EliteGames shared polish layer. Keep this file override-only. */
:root{
  --eg-radius:12px;
  --eg-radius-sm:8px;
  --eg-line:rgba(255,255,255,0.08);
  --eg-line-strong:rgba(255,107,0,0.24);
  --eg-cyan:#66c0f4;
  --eg-lime:#00c853;
  --eg-shadow:0 16px 48px rgba(0,0,0,0.28);
}

html{scroll-padding-top:96px}
body{font-variant-numeric:tabular-nums}
a,button,input,select,.nav-link,.tab,.profile-tab{ -webkit-tap-highlight-color:transparent }

.eg-icon-defs{
  position:absolute;
  width:0;
  height:0;
  overflow:hidden;
}

.ui-icon{
  width:1.05em;
  height:1.05em;
  display:inline-block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex-shrink:0;
  vertical-align:-0.16em;
}

.nav-drop-item .ico,
.tab .ico,
.section-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--orange);
}

.nav-drop-item .ico{
  width:28px;
  height:28px;
  border-radius:8px;
  background:rgba(255,107,0,0.08);
  border:1px solid rgba(255,107,0,0.14);
}

.nav-drop-item .ico .ui-icon{
  width:17px;
  height:17px;
}

.tab .ico .ui-icon{
  width:15px;
  height:15px;
}

.section-icon{
  width:28px;
  height:28px;
  border-radius:9px;
  background:rgba(255,107,0,0.1);
  border:1px solid rgba(255,107,0,0.18);
  box-shadow:0 0 22px rgba(255,107,0,0.12);
}

.section-icon .ui-icon{
  width:17px;
  height:17px;
}

.srv-addr span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-width:0;
}

.srv-inline-icon{
  width:15px;
  height:15px;
  display:inline-block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex-shrink:0;
  opacity:.75;
}

.copy-btn .ui-icon{
  width:16px;
  height:16px;
}

.srv-connect .ui-icon{
  width:14px;
  height:14px;
  position:relative;
  z-index:1;
}

.toast-icon{
  width:20px;
  height:20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--orange);
}

.toast-icon .ui-icon{
  width:16px;
  height:16px;
}

:focus-visible{
  outline:2px solid rgba(102,192,244,0.75);
  outline-offset:3px;
}

.nav{
  border-color:rgba(255,255,255,0.09);
  box-shadow:0 12px 46px rgba(0,0,0,0.34),0 0 0 1px rgba(255,107,0,0.03);
}

.nav-link,.nav-drop-item,.nav-steam-login,.nav-discord,.nav-skins{
  min-height:36px;
}

.nav-drop-menu,.nav-user-drop{
  border-color:rgba(255,255,255,0.09);
  box-shadow:var(--eg-shadow);
}

.hero-bg,.profile-bg{filter:saturate(1.05) contrast(1.04)}

.card,.live-card,.info-card,.server-card,.side-card,.settings-section,.rankings-table,.ban-table,.staff-card,.vip-row,.record-row,.active-player{
  border-color:var(--eg-line);
}

.card:hover,.server-card:hover,.info-card:hover,.side-card:hover,.settings-section:hover{
  border-color:rgba(255,107,0,0.18);
}

.stats-grid,.stats-row,.timer-stats,.two-col,.grid-2,.grid-2b,.info-cards,.staff-grid{
  container-type:inline-size;
}

.staff-name,.p-name,.sr-name,.profile-name,.nav-user-name,.record-map,.ban-reason,.ban-rsn,.vip-row-name{
  overflow-wrap:anywhere;
}

.profile-steamid,.srv-address,.sc-host,.footer-copy{
  user-select:text;
}

.srv-badge,.sr-tag,.ban-server,.ban-status,.ban-status-sm,.staff-role{
  white-space:nowrap;
}

img{
  max-width:100%;
}

img[src=""],img:not([src]){
  opacity:.25;
}

.empty-state,.page-loading,[data-t="loading"]{
  min-height:120px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.table-wrap,.rankings-table,.ban-table{
  overflow-x:auto;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,107,0,0.35) transparent;
}

.btn-steam,.btn-settings,.back-btn,.save-btn,.nav-steam-login,.nav-discord,.nav-skins{
  transform:translateZ(0);
}

.btn-steam:active,.btn-settings:active,.back-btn:active,.save-btn:active,.nav-steam-login:active,.nav-discord:active,.nav-skins:active{
  transform:translateY(1px);
}

@media (max-width:1024px){
  .nav{top:10px;width:calc(100% - 24px);border-radius:12px}
  .nav-inner{height:58px;padding:0 14px}
  .nav-brand{font-size:20px}
  .nav-logo{width:42px;height:42px}
}

@media (max-width:768px){
  html{scroll-padding-top:82px}
  .hero,.profile-header{padding-top:58px}
  .hero-content{padding-left:18px;padding-right:18px}
  .page-title,.hero-title,.profile-name{
    line-height:1.02;
    overflow-wrap:anywhere;
  }
  .nav-links.open{
    max-height:calc(100vh - 90px);
    overflow-y:auto;
  }
  .footer-top{
    gap:28px;
    padding-top:36px;
    padding-bottom:32px;
  }
  .profile-actions{
    width:100%;
    flex-wrap:wrap;
  }
  .profile-actions a{
    flex:1 1 150px;
    justify-content:center;
  }
  .stats-row,.stats-grid{
    gap:8px;
  }
  .stat-box{
    padding:14px 10px;
  }
  .stat-box .val{
    font-size:clamp(24px,8vw,32px);
  }
  .timer-big .points{
    font-size:clamp(34px,13vw,56px);
    overflow-wrap:anywhere;
  }
  .record-row,.ban-card-small{
    gap:10px;
  }
  .record-time{
    flex-shrink:0;
  }
}

@media (max-width:480px){
  .nav{width:calc(100% - 16px)}
  .nav-inner{padding:0 10px}
  .nav-brand{gap:6px;font-size:18px}
  .nav-logo{width:38px;height:38px}
  .page-title{font-size:clamp(30px,12vw,42px)}
  .page-sub,.hero-sub{font-size:14px}
  .staff-grid,.profile-content,.profile-tabs,.content-wrap,.ranking-content,.ban-content{
    padding-left:16px;
    padding-right:16px;
  }
  .staff-grid{
    grid-template-columns:1fr;
  }
  .staff-card{
    min-height:104px;
    padding:16px;
  }
  .staff-avatar{
    width:54px;
    height:54px;
  }
  .body-zones{
    grid-template-columns:repeat(2,1fr);
  }
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    scroll-behavior:auto !important;
    transition-duration:.01ms !important;
  }
  #eg-particles{display:none}
}