:root{
  --bg:#050505;
  --bg-soft:#0b0b0b;
  --card:#101010;
  --card-2:#141414;
  --text:#f5f5f5;
  --muted:#9a9a9a;
  --orange:#ff0000;
  --orange-2:#ff0000;
  --border:rgba(255,255,255,0.08);
  --glow:none;
}

*{
  box-sizing:border-box;
}

html,body{
  margin:0;
  padding:0;
  min-height:100%;
  background:
    linear-gradient(rgba(0,0,0,.78), rgba(0,0,0,.88)),
    url('/assets/img/websitebackground.png') center center / cover no-repeat;
  background-color:#050505;
  color:var(--text);
  font-family:Arial, Helvetica, sans-serif;
}

a{
  color:inherit;
  text-decoration:none;
}

.nt-wrap{
  width:min(1380px, calc(100% - 40px));
  margin:0 auto;
}

.nt-header{
  position:sticky;
  top:0;
  z-index:20;
  background:rgba(0,0,0,0.88);
  border-bottom:1px solid var(--border);
  backdrop-filter:blur(10px);
}

.nt-header .nt-wrap{
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}

.nt-brand{
  font-size:30px;
  font-weight:900;
  letter-spacing:1px;
  color:#fff;
}

.nt-brand span{
  color:var(--orange);
}

.nt-brand img{
  height:52px;
  width:auto;
  display:block;
}

.nt-nav{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.nt-nav a{
  display:flex;
  align-items:center;
  justify-content:center;
  width:82px;
  height:82px;
  min-width:0;
  min-height:0;
  padding:0;
  margin:0;
  background:transparent;
  border:none;
  border-radius:0;
  box-shadow:none;
}

.nt-nav a img{
  width:78px;
  height:78px;
  object-fit:contain;
  display:block;
  transition:transform .18s ease, filter .18s ease;
}

.nt-nav a:hover img{
  transform:scale(1.08);
}

.nt-nav a.is-active{
  background:transparent;
  border:none;
  box-shadow:none;
}

.nt-nav a.is-active img{
  transform:scale(1.08);
  filter:
    drop-shadow(0 0 6px rgba(255,0,0,.95))
    drop-shadow(0 0 14px rgba(255,0,0,.75));
}

.nt-main{
  padding:34px 0 60px;
}

.hero-card,
.stat-card,
.panel-card,
.wipe-card{
  background:#000;
  border:2px solid var(--orange);
  border-radius:22px;
  box-shadow:none;
}

.hero-card{
  padding:0;
  margin-bottom:24px;
  text-align:center;
  overflow:hidden;
}

.hero-card h1{
  margin:0 0 12px;
  font-size:56px;
  line-height:1;
  font-weight:900;
  letter-spacing:0;
}

.hero-card h1 span{
  color:var(--orange);
}

.hero-card p{
  margin:0 auto;
  max-width:760px;
  color:var(--muted);
  font-size:18px;
  line-height:1.5;
  text-align:center;
}

.hero-banner{
  display:block;
  width:100%;
  height:220px;
  object-fit:fill;
  object-position:center;
  border-radius:0;
}

.hero-actions{
  display:flex;
  gap:12px;
  margin-top:0;
  padding:16px;
  flex-wrap:wrap;
  justify-content:center;
}

.hero-card{
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.hero-card:hover{
  border-color:#ff0000;
  box-shadow:0 0 18px rgba(255,0,0,.45);
}

.hero-banner{
  transition:transform .65s ease;
}

.hero-card:hover .hero-banner{
  transform:scale(1.08);
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 18px;
  border-radius:14px;
  font-weight:800;
  border:1px solid var(--border);
}

.btn-orange{
  background:linear-gradient(180deg,var(--orange-2),var(--orange));
  color:#fff;
}

.btn-dark{
  background:#0b0b0b;
  color:#fff;
}

.wipe-grid{
  display:grid;
  grid-template-columns:1fr 1.4fr 1fr;
  gap:16px;
  margin-bottom:24px;
}

.wipe-card{
  padding:22px;
  text-align:center;
}

.wipe-title{
  color:var(--muted);
  font-size:14px;
  font-weight:800;
  letter-spacing:1px;
  margin-bottom:12px;
}

.wipe-date{
  font-size:20px;
  font-weight:900;
  color:var(--text);
  margin-bottom:6px;
}

.wipe-time{
  font-size:30px;
  font-weight:900;
  color:var(--text);
}

.countdown-row{
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
}

.count-box{
  min-width:78px;
  padding:14px 10px;
  border-radius:16px;
  background:#0b0b0b;
  border:1px solid var(--border);
}

.count-box span{
  display:block;
  font-size:34px;
  font-weight:900;
  color:var(--orange);
  line-height:1;
  margin-bottom:6px;
}

.count-box small{
  display:block;
  font-size:12px;
  font-weight:800;
  color:var(--muted);
  letter-spacing:1px;
}

.stats-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:16px;
  margin-bottom:24px;
}

.stat-card{
  padding:22px;
  text-align:center;
  background:#000;
}

.stat-label{
  color:var(--muted);
  font-size:14px;
  font-weight:800;
  letter-spacing:1px;
  margin-bottom:10px;
}

.stat-value{
  font-size:34px;
  font-weight:900;
}

.stat-value.online{
  color:var(--orange);
}

.panel-card{
  padding:22px;
}

.panel-head{
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  margin-bottom:18px;
}

.panel-head h2{
  width:100%;
  margin:0;
  font-size:24px;
}

.player-list{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
}

.player-row{
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px;
  background:#0b0b0b;
  border:1px solid var(--border);
  border-radius:16px;
}

.avatar{
  width:44px;
  height:44px;
  border-radius:50%;
  background:linear-gradient(180deg,#222,#111);
  border:1px solid var(--border);
  flex:0 0 44px;
}

.avatar-img{
  width:32px;
  height:32px;
  border-radius:50%;
  object-fit:cover;
  display:block;
  flex:0 0 32px;
}

.player-name{
  font-weight:700;
  color:#f0f0f0;
}

.nt-footer{
  margin-top:40px;
  padding:26px 0 34px;
  border-top:1px solid var(--border);
  background:rgba(0,0,0,0.65);
}

.nt-footer-top{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin-bottom:14px;
  font-weight:800;
}

.footer-logo{
  height:34px;
  width:auto;
  display:block;
}

.nt-footer-copy{
  text-align:center;
  color:var(--muted);
  font-size:14px;
}

.nt-map-card{
  margin-top:24px;
}

.nt-map-tile{
  position:relative;
  display:block;
  width:100%;
  max-width:360px;
  margin:0 auto;
  aspect-ratio:1 / 1;
  overflow:hidden;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.06);
  background:#0d0d0d;
  box-shadow:none;
}

.nt-map-image{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.nt-map-overlay{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:14px;
  text-align:center;
  font-weight:800;
  font-size:13px;
  letter-spacing:.08em;
  color:#fff;
  background:linear-gradient(to top, rgba(0,0,0,.88), rgba(0,0,0,0));
}



.nt-user-avatar{
  width:28px;
  height:28px;
  border-radius:50%;
  object-fit:cover;
  display:block;
  border:1px solid rgba(255,255,255,0.12);
  flex:0 0 28px;
}

.nt-user-link span{
  max-width:140px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.nt-user-link{
  display:flex;
  align-items:center;
  gap:10px;
  padding:6px 12px;
  background:#111;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
}

.map-popup{
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  padding:20px;
  z-index:9999;
}

.map-popup.is-open{
  display:flex;
}

.map-popup-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.88);
  backdrop-filter:blur(6px);
}

.map-popup-inner{
  position:relative;
  z-index:1;
  width:min(760px, calc(100vw - 32px));
  max-height:calc(100vh - 32px);
  overflow-y:auto;
  overflow-x:hidden;
  display:block;
  border-radius:18px;
}

.map-popup-image{
  max-width:100%;
  max-height:90vh;
  display:block;
  border-radius:18px;
  border:2px solid #ff0000;
  box-shadow:
    0 0 18px rgba(255,0,0,.35),
    0 0 40px rgba(255,0,0,.22);
  background:#050505;
}

.map-popup-close{
  position:absolute;
  top:10px;
  right:10px;
  width:40px;
  height:40px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,0.10);
  background:#111;
  color:#fff;
  font-size:22px;
  font-weight:900;
  cursor:pointer;
  z-index:3;
}

.map-popup-close:hover{
  border-color:#ff0000;
  box-shadow:0 0 14px rgba(255,0,0,.45);
}


.bans-player-list{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}

.bans-player-list .player-row{
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px 16px;
  background:#0b0b0b;
  border:1px solid rgba(255,255,255,0.08);
  border-radius:16px;
  width:100%;
}

.bans-player-list .player-name{
  flex:1;
  min-width:0;
}

.bans-player-list .player-row > div:last-child{
  margin-left:auto;
  text-align:right;
  min-width:220px;
}

.bans-player-list{
  display:grid;
  grid-template-columns:1fr !important;
  gap:12px;
}

.map-admin-form{
  display:grid;
  gap:12px;
}

.map-admin-form label{
  color:var(--muted);
  font-size:14px;
  font-weight:700;
}

.map-admin-form input,
.map-admin-form select{
  width:100%;
  padding:13px 14px;
  border-radius:10px;
  border:1px solid var(--border);
  background:#0b0b0b;
  color:var(--text);
  font-size:15px;
  box-sizing:border-box;
}

.map-admin-submit{
  width:100%;
  margin-top:10px;
}

.page{
  width:min(1380px, calc(100% - 40px));
  margin:34px auto 60px;
}

.mini-wrap{
  display:grid;
  grid-template-columns:minmax(0, 360px);
  justify-content:center;
  gap:16px;
  margin-bottom:28px;
}

.mini-img{
  width:100%;
  height:220px;
  background:transparent;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.mini-img img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:0;
  display:block;
}

.mini-title{
  padding:16px 16px 6px;
  text-align:center;
  font-size:16px;
  font-weight:900;
  color:#fff;
}

.mini-meta{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  padding:0 16px 16px;
  color:var(--muted);
  font-size:13px;
  font-weight:800;
}

.status-dot{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#777;
  display:inline-block;
}

.status-dot.warn{ background:#ffb000; }
.status-dot.bad{ background:#ff0000; }
.status-dot.linked{ background:#00d26a; }

.link-benefits-title,
.linked-list-title{
  width:100%;
  text-align:center;
  font-size:22px;
  font-weight:900;
  margin:20px 0 12px;
  color:#fff;
}

.link-benefits{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 340px));
  justify-content:center;
  gap:16px;
  width:100%;
  margin:0 auto 28px;
}

.link-benefit,
.linked-card,
.linked-empty{
  background:#000;
  border:2px solid var(--orange);
  border-radius:22px;
  padding:18px;
  text-align:center;
}

.linked-card,
.linked-empty{
  border-color:#5865F2;
}

.linked-card:hover{
  box-shadow:0 0 18px rgba(88,101,242,.45);
}



.link-benefit-img img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}

.link-benefit{
  overflow:hidden;
}



.link-benefit-img video{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
}

.link-benefit-img{
  position:relative;
  height:160px;

  display:flex;
  align-items:center;
  justify-content:center;

  margin-bottom:12px;

  overflow:hidden;
  border-radius:14px;
}


/* IMAGE = base layer */
.benefit-img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}

/* VIDEO = overlay */
.benefit-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  opacity:0;
  pointer-events:none;
  transition:opacity .25s ease;
}

/* hover = show video */
.link-benefit:hover .benefit-video{
  opacity:1;
}

.link-benefit-title{
  font-size:17px;
  font-weight:900;
  color:#fff;
  margin-bottom:8px;
}

.link-benefit-desc{
  color:var(--muted);
  font-size:14px;
  line-height:1.45;
}

.linked-list{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(220px, 280px));
  gap:14px;
  justify-content:center;
  width:100%;
  max-width:900px;
  margin:0 auto;
}

.linked-empty{
  width:100%;
  max-width:280px;
  margin:12px auto 0;
}

.linked-avatar img{
  width:64px;
  height:64px;
  object-fit:cover;
  border-radius:50%;
  margin-bottom:10px;
}

.linked-name{
  font-weight:900;
  color:#fff;
}

.unlink-wrap{
  display:flex;
  justify-content:center;
  margin-top:16px;
  padding-bottom:12px;
}

.unlink-btn{
  min-height:38px;
  padding:0 18px;
  border-radius:12px;
  background:#0b0b0b;
  border:1px solid rgba(255,255,255,.08);
  color:#d8d8d8;
  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
  cursor:pointer;
  transition:.18s ease;
}

.unlink-btn:hover{
  border-color:#ff0000;
  color:#fff;
  box-shadow:0 0 12px rgba(255,0,0,.55);
}

.section-sep{
  width:100%;
  max-width:520px;
  height:1px;
  margin:28px auto 18px;
  position:relative;
  background:linear-gradient(
    to right,
    transparent,
    rgba(255,0,0,0.55),
    transparent
  );
}

.section-sep::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  width:100px;
  height:6px;
  background:rgba(255,0,0,0.85);
  filter:blur(10px);
  border-radius:50%;
}

/* PLAYER BAR (UNDER NAV) */
.nt-playerbar{
  background:rgba(0,0,0,0.92);
  border-top:1px solid rgba(255,255,255,.05);
  border-bottom:1px solid rgba(255,255,255,.05);
}

.nt-playerbar-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:46px;
  gap:16px;
}

.nt-playerbar-user{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:800;
  color:#fff;
}

.nt-playerbar-user img{
  width:26px;
  height:26px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.12);
}

.nt-playerbar-stats{
  display:flex;
  align-items:center;
  gap:14px;
}

.nt-playerbar-icon-stat{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  text-decoration:none;
}

.nt-playerbar-icon-stat img{
  width:40px;
  height:40px;
  object-fit:contain;
  display:block;
  transition:transform .18s ease, filter .18s ease;
}

.nt-playerbar-icon-stat:hover img{
  transform:scale(1.08);
}

.nt-playerbar-icon-stat b{
  position:absolute;
  right:-5px;
  bottom:-5px;
  min-width:18px;
  height:18px;
  padding:0 5px;
  border-radius:999px;
  background:#ff0000;
  color:#fff;
  font-size:11px;
  font-weight:900;
  line-height:18px;
  text-align:center;
  box-shadow:0 0 10px rgba(255,0,0,.65);
}

.nt-playerbar-icon-stat.is-clean img{
  filter:drop-shadow(0 0 8px rgba(0,255,120,.45));
}

.nt-playerbar-icon-stat.is-banned img,
.nt-playerbar-icon-stat.is-not-linked img{
  filter:drop-shadow(0 0 8px rgba(255,0,0,.45));
}

.nt-playerbar-icon-stat.is-linked img{
  filter:drop-shadow(0 0 8px rgba(0,255,120,.45));
}

.nt-stat-link{
  text-decoration:none;
  color:inherit;
  cursor:pointer;
  transition:opacity .15s ease;
}

.nt-stat-link:hover{
  opacity:0.7;
}

.coins-page-title{
  text-align:center;
  font-size:34px;
  font-weight:900;
  color:#fff;
  margin:22px 0 28px;
  letter-spacing:.04em;
}

.coins-page-title::after{
  content:"";
  display:block;
  width:70px;
  height:3px;
  margin:12px auto 0;
  background:#ff0000;
  box-shadow:0 0 14px rgba(255,0,0,.75);
}

.spin-intro{
  margin:-12px auto 28px;
  text-align:center;
  color:#d8d8d8;
  font-size:15px;
  font-weight:900;
  letter-spacing:.04em;
}

.spin-intro strong{
  color:#ff0000;
  text-transform:uppercase;
}

.coins-balance-card{
  width:min(620px, 100%);
  margin:0 auto 28px;
  padding:34px;
  text-align:center;
  background:linear-gradient(180deg, rgba(8,8,8,.98), rgba(0,0,0,.98));
  border:2px solid #ff0000;
  border-radius:24px;
  box-shadow:0 0 26px rgba(255,0,0,.22);
}

.coins-balance-label{
  color:#d5d5d5;
  font-size:18px;
  font-weight:900;
  letter-spacing:.08em;
  margin-bottom:14px;
}

.spin-page{
  display:flex;
  flex-direction:column;
  gap:26px;
}

.spin-tier-card{
  display:flex;
  flex-direction:column;
  gap:18px;
}

.spin-tier-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}

.spin-tier-head h2{
  margin:0;
  color:#fff;
  font-size:34px;
  font-weight:900;
}

.spin-tier-head p{
  margin:6px 0 0;
  color:#bdbdbd;
  font-size:15px;
  font-weight:700;
}

.spin-tier-head span{
  padding:10px 16px;
  border-radius:12px;
  font-size:13px;
  font-weight:900;
  letter-spacing:.08em;
  border:1px solid rgba(255,255,255,.08);
}

.spin-tier-red .spin-tier-head span{
  background:rgba(255,0,0,.14);
  color:#ff4d4d;
}

.spin-tier-blue .spin-tier-head span{
  background:rgba(37,99,235,.14);
  color:#3b82f6;
}

.spin-tier-card .btn{
  width:100%;
}

.coins-hero-card{
  width:min(980px, 100%);
  overflow:hidden;
  margin:0 auto 34px;
  padding:36px 46px;
  background:linear-gradient(180deg, rgba(8,8,8,.98), rgba(0,0,0,.98));
  border:2px solid #ff0000;
  border-radius:24px;
  box-shadow:0 0 26px rgba(255,0,0,.24);
  display:grid;
  grid-template-columns:1.1fr 1.4fr;
  gap:36px;
}

.coins-hero-card-blue{
  border:2px solid #2563eb;
  box-shadow:0 0 26px rgba(37,99,235,.24);
}

.coins-hero-card-blue .spin-reel{
  border-color:#2563eb;
}

.coins-hero-card-blue .spin-reel::after{
  background:#2563eb;
  box-shadow:0 0 18px #2563eb, 0 0 40px rgba(37,99,235,.6);
}

.coins-hero-card-blue .spin-reel::before{
  box-shadow:0 0 30px rgba(37,99,235,.5);
}

.coins-hero-card-blue .coins-type{
  color:#2563eb;
}

.coins-hero-card-blue .btn-orange{
  background:linear-gradient(180deg,#3b82f6,#2563eb);
}

.coins-hero-card-blue .btn-orange:hover:not(:disabled){
  box-shadow:0 0 18px rgba(37,99,235,.6);
}

.coins-main-left{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
}

.coins-icon{
  color:#ff0000;
  font-size:58px;
  line-height:1;
  text-shadow:0 0 18px rgba(255,0,0,.85);
}

.coins-big{
  font-size:72px;
  line-height:.9;
  font-weight:900;
  color:#fff;
  text-shadow:0 3px 0 #222;
}

.coins-type{
  margin-top:8px;
  color:#ff0000;
  font-size:22px;
  font-weight:900;
  letter-spacing:.05em;
}

.coins-main-right{
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.spin-buttons-stack{
  display:flex;
  flex-direction:column;
  gap:12px;
  width:100%;
}

.spin-buttons-stack .btn{
  width:100%;
}

.spin-btn-premium{
  background:linear-gradient(135deg,#ff0000,#8b0000);
  border:1px solid rgba(255,255,255,.15);
  box-shadow:0 0 18px rgba(255,0,0,.22);
}

.coins-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:14px 0;
  border-bottom:1px solid rgba(255,255,255,.16);
  color:#d6d6d6;
  font-size:15px;
  font-weight:900;
}

.coins-row strong{
  color:#fff;
  font-size:22px;
}

.coins-row b{
  color:#ff0000;
}

.coin-progress{
  grid-column:1 / -1;
  position:relative;
  width:100%;
  height:24px;
  margin-top:8px;
  background:#111;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  overflow:hidden;
}

.coin-progress-fill{
  position:relative;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg,#ff3333,#ff0000);
  box-shadow:0 0 18px rgba(255,0,0,.8);
  border-radius:999px;
}

.coin-progress-text{
  color:#fff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.05em;
  white-space:nowrap;
}

.coins-note{
  grid-column:1 / -1;
  text-align:center;
  color:#cfcfcf;
  font-size:15px;
  font-weight:800;
  letter-spacing:.04em;
}

.coins-info-grid{
  width:min(980px, 100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
}

.coins-info-card{
  background:linear-gradient(180deg, rgba(8,8,8,.96), rgba(0,0,0,.98));
  border:2px solid #ff0000;
  border-radius:22px;
  padding:28px;
  box-shadow:0 0 20px rgba(255,0,0,.14);
}

.coins-info-title{
  color:#fff;
  font-size:24px;
  font-weight:900;
  margin-bottom:10px;
}

.coins-info-card p{
  color:#bdbdbd;
  font-size:16px;
  line-height:1.5;
  margin:0 0 18px;
}

.coins-step{
  padding:14px 0;
  color:#d8d8d8;
  font-size:17px;
  font-weight:800;
  border-top:1px solid rgba(255,255,255,.12);
}

.coin-progress-text{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  z-index:5;
  color:#ffffff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.05em;
  white-space:nowrap;
  pointer-events:none;
}

.coins-stack{
  text-align:center;
}

.coins-main-left{
  justify-content:center;
}

.coins-section-title{
  text-align:center;
  font-size:24px;
  font-weight:900;
  color:#fff;
  margin:30px 0 18px;
}

.inventory-grid{
  width:min(980px, 100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(160px, 1fr));
  gap:18px;
}

.inventory-card{
  background:linear-gradient(180deg, rgba(8,8,8,.96), rgba(0,0,0,.98));
  border:2px solid #ff0000;
  border-radius:16px;
  padding:16px;
  text-align:center;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  aspect-ratio:1 / 1;
  box-shadow:0 0 14px rgba(255,0,0,.15);
}

.inventory-img{
  height:80px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:10px;
}

.inventory-img img{
  width:64px;
  height:64px;
  object-fit:contain;
  margin:0 auto 8px;
}

.inventory-name{
  display:none;
}

.inventory-img{
  margin-bottom:6px;
}

.inventory-amount{
  margin-bottom:10px;
}

.inventory-amount{
  color:#ff0000;
  font-weight:900;
  font-size:13px;
  margin-bottom:6px;
}

.inventory-claim{
  width:100%;
  min-height:34px;
  border:1px solid rgba(255,0,0,.65);
  border-radius:10px;
  background:linear-gradient(180deg,#1a0000,#0b0b0b);
  color:#fff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  cursor:pointer;
  transition:.18s ease;
  box-shadow:0 0 10px rgba(255,0,0,.18);
}

.inventory-claim:hover{
  background:linear-gradient(180deg,#ff1a1a,#b00000);
  border-color:#ff0000;
  transform:translateY(-2px);
  box-shadow:0 0 18px rgba(255,0,0,.45);
}

.inventory-claim:active{
  transform:translateY(1px) scale(.98);
}

/* base glow */
.inventory-card{
  transition:.2s ease;
}

/* hover effect */
.inventory-card:hover{
  transform:translateY(-4px) scale(1.02);
}

/* COMMON */
.inventory-card.tier-common{
  border-color:#444;
  box-shadow:0 0 10px rgba(255,255,255,.08);
}

/* RARE */
.inventory-card.tier-rare{
  border-color:#3b82f6;
  box-shadow:0 0 14px rgba(59,130,246,.5);
}

/* ULTRA */
.inventory-card.tier-ultra{
  border-color:#ff0000;
  box-shadow:0 0 18px rgba(255,0,0,.9);
}

.inventory-empty{
  width:min(980px, 100%);
  margin:0 auto;
  padding:28px;
  text-align:center;
  color:#aaa;
  font-weight:900;
  background:#000;
  border:2px dashed rgba(255,0,0,.55);
  border-radius:18px;
}

.inventory-server{
  width:100%;
  min-height:30px;
  margin:0 0 6px;
  padding:0 10px;
  border-radius:9px;
  border:1px solid rgba(255,255,255,.12);
  background:#070707;
  color:#fff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.03em;
  outline:none;
  cursor:pointer;
}

.inventory-server:hover,
.inventory-server:focus{
  border-color:#ff0000;
  box-shadow:0 0 12px rgba(255,0,0,.35);
}

.inventory-server option{
  background:#050505;
  color:#fff;
}

.shop-coming{
  margin:24px 0 18px;
  padding:18px;
  text-align:center;
  color:#ff0000;
  font-size:20px;
  font-weight:900;
  border:2px solid #ff0000;
  border-radius:14px;
  background:rgba(255,0,0,.08);
}

.spin-reel{
  width:100%;
  max-width:100%;
  height:140px;
  overflow:hidden;
  border:2px solid #ff0000;
  border-radius:16px;
  margin-bottom:20px;
  background:#000;
  position:relative;
}

.spin-track{
  display:flex;
  width:max-content;
  gap:12px;
  padding:12px;
  transition:transform 2.5s cubic-bezier(.1,.7,.1,1);
  will-change:transform;
}

.spin-item{
  min-width:120px;
  height:100px;
  background:#111;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.1);
  display:flex;
  align-items:center;
  justify-content:center;
}

.spin-item img{
  width:48px;
  height:48px;
  object-fit:contain;
  margin-bottom:6px;
}

.spin-reel{
  grid-column:1 / -1;
}

.spin-reel::before{
  content:"";
  position:absolute;
  top:10px;
  bottom:10px;
  left:50%;
  width:140px;
  transform:translateX(-50%);
  border-radius:12px;
  box-shadow:0 0 30px rgba(255,0,0,.5);
  pointer-events:none;
}

.spin-reel::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:50%;
  width:4px;
  transform:translateX(-50%);
  background:#ff0000;
  box-shadow:0 0 18px #ff0000, 0 0 40px rgba(255,0,0,.6);
  z-index:5;
}

.btn{
  cursor:pointer;
}

.btn:disabled{
  cursor:not-allowed;
  opacity:0.6;
  filter:grayscale(0.4);
}

.btn-orange{
  transition:.15s ease;
}

.btn-orange:hover:not(:disabled){
  transform:translateY(-2px);
  box-shadow:0 0 18px rgba(255,0,0,.6);
}

.btn-orange:active:not(:disabled){
  transform:translateY(1px) scale(.98);
}

#viewInventoryBtn{
  display:none;
}

.nt-playerbar-toggle{
  display:none;
}

.nt-menu-toggle{
  display:none;
}


.map-feature-row{
  display:flex;
  justify-content:center;
  margin:0 0 24px;
}

.map-feature-row .mini-map-card{
  width:min(760px, 100%);
}

.map-feature-row .mini-card-media{
  aspect-ratio:16 / 7;
}

.map-feature-row .nt-map-image{
  object-fit:cover;
}

@media (max-width:800px){
  .coins-hero-card{
    grid-template-columns:1fr;
    padding:26px 20px;
  }

  .coins-info-grid{
    grid-template-columns:1fr;
  }

  .coins-big{
    font-size:58px;
  }
}

@media (max-width:900px){
  .mini-wrap,
  .link-benefits,
  .linked-list{
    grid-template-columns:1fr;
  }
}


@media (max-width:1000px){
  .map-vote-grid{
    grid-template-columns:1fr;
  }
}

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

  .stats-grid{
    grid-template-columns:1fr;
  }

  .hero-card h1{
    font-size:36px;
  }
}

@media (max-width: 640px){
	
	
  .nt-wrap{
    width:min(100%, calc(100% - 20px));
  }
  
 .hero-actions{
  display:none;
  margin:0;
}

  .nt-header .nt-wrap{
  min-height:56px;
  padding:8px 0;
  align-items:center;
  flex-direction:row;
  justify-content:space-between;
}

  .nt-brand{
    font-size:24px;
  }

  .nt-brand img{
    height:36px;
    width:auto;
    display:block;
  }
  
 /* PLAYERBAR MOBILE */
.nt-playerbar{
  padding:8px 0;
}

.nt-playerbar .nt-playerbar-inner{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  gap:8px !important;
  min-height:auto !important;
}

.nt-playerbar-user,
.nt-playerbar-toggle,
.nt-playerbar-stats{
  flex:0 0 auto !important;
  width:100% !important;
  max-width:100% !important;
}

.nt-playerbar-user{
  width:100%;
  justify-content:center;
  background:#0b0b0b;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  padding:9px 10px;
}

.nt-playerbar-toggle{
  display:block;
  width:100%;
  background:#ff0000;
  border:1px solid #ff0000;
  color:#fff;
  font-weight:900;
  padding:10px 12px;
  border-radius:12px;
  text-align:center;
  cursor:pointer;
}

.nt-playerbar-stats{
  width:100%;
  display:none;
  grid-template-columns:repeat(5, 1fr);
  gap:8px;
}

.nt-playerbar-stats.is-open{
  display:grid;
}

.nt-playerbar-stats span,
.nt-playerbar-stats a{
  width:100%;
  min-height:62px;
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  background:#0b0b0b;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  padding:8px;
  font-size:13px;
}
  
   .nt-menu-toggle{
  display:block;
  background:#0b0b0b;
  border:1px solid rgba(255,255,255,.08);
  color:#fff;
  font-size:22px;
  padding:6px 10px;
  border-radius:8px;
  cursor:pointer;
}

.nt-nav{
  position:absolute;
  top:60px;
  left:0;
  right:0;
  background:#050505;
  border-top:1px solid rgba(255,255,255,.08);
  display:none;
  flex-direction:column;
  padding:10px;
  gap:8px;
  z-index:50;
}

.nt-nav.is-open{
  display:flex;
}

.nt-nav a{
  width:100%;
}

  .hero-card{
  padding:0;
}

  .hero-card h1{
    font-size:34px;
  }

  .hero-card p{
    font-size:16px;
  }

  .hero-actions{
    flex-direction:column;
  }

  .hero-actions .btn{
    width:100%;
  }
  
  .hero-banner{
  height:140px;
}

  .stats-grid,
  .wipe-grid,
  .player-list,
  .mini-grid{
    grid-template-columns:1fr;
  }

  .countdown-row{
    display:flex;
    flex-wrap:nowrap;
    gap:6px;
  }

  .count-box{
    min-width:0;
    flex:1;
    padding:10px 6px;
  }

  .count-box span{
    font-size:22px;
  }

  .count-box small{
    font-size:10px;
  }

  .mini-grid{
    gap:14px;
  }

  .mini-card{
    border-radius:18px;
  }

  .mini-card-body{
    padding:14px;
  }

  .mini-card-title{
    font-size:15px;
  }

  .mini-card-sub{
    font-size:13px;
  }

  .mini-card-cta{
    font-size:12px;
  }
  

.bans-player-list .player-row > div{
  grid-template-columns:1fr !important;
}

.bans-player-list .player-row > div > div{
  border-left:none !important;
  border-top:1px solid rgba(255,255,255,0.08);
}

#publicPlayerModalContent > div > div:first-child{
  flex-direction:column !important;
  align-items:flex-start !important;
}

}
/* =========================
   STATS PAGE V2
========================= */

.nt-stats-page-v2{
  padding-top:28px;
}

/* HERO */
.stats-hero-v2{
  border:2px solid var(--orange);
  border-radius:18px;
  overflow:hidden;
  background:#050505;
  box-shadow:0 0 28px rgba(255,0,0,.22);
  margin-bottom:22px;
}

.stats-hero-v2 img{
  display:block;
  width:100%;
  height:auto;
}

/* SECTIONS */
.stats-controls-section-v2,
.stats-summary-section-v2{
  border:2px solid var(--orange);
  border-radius:18px;
  background:
    radial-gradient(circle at top left, rgba(255,0,0,.13), transparent 34%),
    linear-gradient(180deg, rgba(15,15,15,.98), rgba(4,4,4,.98));
  padding:18px;
  box-shadow:0 0 24px rgba(255,0,0,.14);
}

.stats-content-section-v2{
  position:relative;
  overflow:hidden;

  border:2px solid var(--orange);
  border-radius:18px;

  background:
    linear-gradient(rgba(0,0,0,.72), rgba(0,0,0,.86)),
    url('/assets/img/podium.webp') center center / cover no-repeat;

  padding:24px;

  box-shadow:0 0 24px rgba(255,0,0,.20);
}

.stats-main-grid-v2,
.stats-leaderboard-v2,
.top-kills-podium-v2{
  position:relative;
  z-index:2;
}

.stats-controls-section-v2,
.stats-summary-section-v2,
.stats-content-section-v2{
  margin-bottom:18px;
}

.stats-featured-section-v2{
  margin-bottom:34px;
}

/* CONTROLS */
.stats-control-bar-v2{
  display:grid;
  grid-template-columns:1fr 1fr auto;
  gap:18px;
  align-items:end;
}

.stats-control-label-v2,
.stats-showing-v2 span{
  display:block;
  color:#fff;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:1.4px;
  margin-bottom:10px;
}

.stats-tabs-v2{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.stats-tab-v2{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 24px;
  border:2px solid var(--orange);
  border-radius:9px;
  background:rgba(0,0,0,.65);
  color:#fff;
  font-size:13px;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.7px;
  box-shadow:inset 0 0 18px rgba(255,0,0,.08);
}

.stats-tab-v2:hover,
.stats-tab-v2.is-active{
  background:linear-gradient(180deg, #ff2b2b, #b40000);
  box-shadow:0 0 18px rgba(255,0,0,.55);
}

.stats-showing-v2 strong{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 24px;
  border-radius:9px;
  background:rgba(255,0,0,.12);
  color:#ff2b2b;
  font-size:18px;
  font-weight:1000;
  text-transform:uppercase;
}

/* SUMMARY */
.stats-summary-grid-v2{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:12px;
}

.stats-summary-card-v2{
  border:1px solid rgba(255,255,255,.09);
  border-radius:14px;
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(0,0,0,.35));
  padding:16px;
}

.stats-summary-card-v2 span{
  display:block;
  color:#aaa;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  margin-bottom:6px;
}

.stats-summary-card-v2 strong{
  color:#fff;
  font-size:26px;
  font-weight:1000;
}

/* STATS HUB IMAGE CARDS */
.stats-hub-section-v2{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:18px;
  margin:0 0 18px;
}

.stats-hub-card-v2{
  position:relative;
  aspect-ratio:1 / 1;
min-height:unset;
  overflow:hidden;
  border:2px solid #ff0000;
  border-radius:18px;
  background:#000;
  box-shadow:0 0 24px rgba(255,0,0,.18);
  transition:.2s ease;
}

.stats-hub-card-v2:hover{
  transform:translateY(-4px);
  box-shadow:0 0 32px rgba(255,0,0,.35);
}

.stats-hub-card-v2::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(to top, rgba(0,0,0,.55), rgba(0,0,0,.08)),
    linear-gradient(to right, rgba(0,0,0,.35), rgba(0,0,0,.05));
  z-index:1;
}

.stats-hub-card-v2::after{
  content:"";
  position:absolute;
  inset:0;
  opacity:1;
  z-index:0;
  transition:.6s ease;
  background-size:cover;
  background-position:center;
}

.stats-hub-section-v2 a:nth-child(1)::after{
  background-image:url('/assets/img/leaderboards.webp');
}

.stats-hub-section-v2 a:nth-child(2)::after{
  background-image:url('/assets/img/topkills.webp');
}

.stats-hub-section-v2 a:nth-child(3)::after{
  background-image:url('/assets/img/topgather.webp');
}

.stats-hub-section-v2 a:nth-child(4)::after{
  background-image:url('/assets/img/toppickups.webp');
}

.stats-hub-section-v2 a:nth-child(5)::after{
  background-image:url('/assets/img/mostplaytime.webp');
}

.stats-hub-section-v2 a:nth-child(6)::after{
  background-image:url('/assets/img/topdeaths.webp');
}

.stats-hub-card-v2:hover::after{
  transform:scale(1.08);
}

.stats-hub-content-v2{
  position:relative;
  z-index:2;
  height:100%;
  padding:28px;
  display:flex;
  flex-direction:column;
}

.stats-hub-content-v2 span{
  margin-top:auto;
}

.stats-hub-content-v2 h2{
  margin:0;
  color:#fff;
  font-size:38px;
  line-height:.9;
  font-weight:1000;
  text-transform:uppercase;
}

.stats-hub-content-v2 h2 strong{
  color:#ff0000;
}

.stats-hub-content-v2 p{
  margin:12px 0 24px;
  color:#d8d8d8;
  font-size:15px;
  font-weight:800;
}

.stats-hub-content-v2 span{
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,0,0,.75);
  border-radius:10px;
  background:linear-gradient(180deg, rgba(255,0,0,.18), rgba(0,0,0,.88));
  color:#fff;
  font-size:13px;
  font-weight:1000;
  text-transform:uppercase;
}

.stats-hub-content-v2 span::after{
  content:"›";
  margin-left:14px;
  color:#ff0000;
  font-size:30px;
}

.stats-board-title-v2{
  display:flex;
  align-items:center;
  gap:14px;
}

.stats-board-text-v2{
  color:#fff;
  font-size:32px;
  font-weight:1000;
  letter-spacing:.04em;
  text-transform:uppercase;

  text-shadow:
    0 0 12px rgba(255,0,0,.35);
}



@media (max-width:900px){
  .stats-hub-section-v2{
    grid-template-columns:1fr;
  }

  .stats-hub-card-v2{
  aspect-ratio:1 / 1;
}

.stats-hub-content-v2{
  height:100%;
}
}



/* =========================
   TOP KILLS PODIUM
========================= */

.top-kills-podium-v2{
  display:grid;
  grid-template-columns:1fr 1.15fr 1fr;
  gap:22px;
  align-items:end;
}

/* CARD */
.top-kill-card-v2{
  position:relative;
  overflow:hidden;
  min-height:420px;
  padding:28px 24px;

  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:center;

  text-align:center;

  border-radius:22px;
  border:2px solid rgba(255,0,0,.6);

  background:#090909;

  box-shadow:0 0 30px rgba(255,0,0,.16);
}

/* DARK OVERLAY */
.top-kill-card-v2::before{
  content:"";
  position:absolute;
  inset:0;

  background:
    linear-gradient(
      to top,
      rgba(0,0,0,.96),
      rgba(0,0,0,.15)
    );

  z-index:1;
}

/* BACKGROUND IMAGE */
.top-kill-card-v2::after{
  content:"";
  position:absolute;
  inset:0;

  background-size:cover;
  background-position:center;

  opacity:.92;

  z-index:0;
}

/* =========================
   FIRST PLACE
========================= */

.place-1{
  order:2;

  min-height:520px;

  border:2px solid #ffcc4d;

  box-shadow:
    0 0 40px rgba(255,180,0,.35);
}

.place-1::after{
  background-image:url('/assets/img/1stplace.png');
}

/* =========================
   SECOND PLACE
========================= */

.place-2{
  order:1;
  transform:translateY(0);
}

.place-2::after{
  background-image:url('/assets/img/2ndplace.png');
}

/* =========================
   THIRD PLACE
========================= */

.place-3{
  order:3;
  transform:translateY(0);
}

.place-3::after{
  background-image:url('/assets/img/3rdplace.png');
}

/* =========================
   TOP KILLS CONTENT
========================= */

.top-kill-bottom-v2{
  position:relative;
  z-index:2;

  width:100%;
  margin-top:auto;

  display:grid;
  grid-template-columns:62px 1fr;
  align-items:center;
  column-gap:12px;

  padding:18px 22px 8px;
  background:none;
  border:none;
}

/* AVATAR */
.top-kill-avatar-v2{
  width:62px;
  height:62px;
  flex:0 0 62px;

  border-radius:50%;
  object-fit:cover;

  border:3px solid #ff0000;
  box-shadow:0 0 24px rgba(255,0,0,.45);
}

.place-1 .top-kill-avatar-v2{
  border-color:#ffcc4d;
  box-shadow:0 0 30px rgba(255,200,0,.45);
}

.place-2 .top-kill-avatar-v2{
  border-color:#dfe7ef;
  box-shadow:0 0 28px rgba(220,230,240,.30);
}

.place-3 .top-kill-avatar-v2{
  border-color:#cd7f32;
  box-shadow:0 0 28px rgba(205,127,50,.32);
}

/* TEXT AREA */
.top-kill-info-v2{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}

/* PLAYER NAME */
.top-kill-name-v2{
  color:#fff;
  font-size:clamp(13px, 1.15vw, 22px);
  font-weight:1000;
  line-height:1;
  text-transform:uppercase;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:100%;
}
/* KILL COUNT */
.top-kill-value-v2{
  margin-top:18px;

  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;

  color:#fff;
  font-size:42px;
  font-weight:1000;
  line-height:1;
  text-transform:uppercase;
}

.top-kill-value-v2 img{
  display:block;

  width:52px;
  height:52px;

  flex-shrink:0;
  object-fit:contain;

  filter:
    drop-shadow(0 0 14px rgba(255,0,0,.65));
}

/* GOLD / SILVER / BRONZE KILL COLORS */
.place-1 .top-kill-value-v2{
  color:#ffcc4d;
}

.place-2{
  border:2px solid #c9d1d9;
  box-shadow:0 0 35px rgba(210,220,230,.22);
}

.place-2 .top-kill-value-v2{
  color:#dfe7ef;
}

.place-3{
  border:2px solid #cd7f32;
  box-shadow:0 0 35px rgba(205,127,50,.24);
}

.place-3 .top-kill-value-v2{
  color:#cd7f32;
}

/* BOARD TITLE ICON */
.stats-board-title-v2{
  display:flex;
  align-items:center;
}

.stats-board-title-v2 img{
  width:72px;
  height:72px;
  object-fit:contain;

  filter:
    drop-shadow(0 0 12px rgba(255,0,0,.45));
}

/* =========================
   MOBILE
========================= */

@media (max-width:900px){

  .top-kills-podium-v2{
    grid-template-columns:1fr;
  }

  .place-1{
  order:1;
}

.place-2{
  order:2;
}

.place-3{
  order:3;
}

  .top-kill-bottom-v2{
    padding:14px;
  }

 .top-kill-avatar-v2{
  width:54px;
  height:54px;
  flex-basis:54px;
}

  .top-kill-name-v2{
    font-size:18px;
  }

  .top-kill-value-v2{
    font-size:28px;
  }

  .top-kill-value-v2 img{
    width:42px !important;
    height:42px !important;
  }
}


/* TOP PLAYER CARD */
.most-wanted-card-v2{
  position:relative;
  overflow:hidden;
  min-height:340px;
  display:block;
  border:2px solid var(--orange);
  border-radius:20px;
  padding:34px;
  background:
    linear-gradient(90deg, rgba(0,0,0,.96) 0%, rgba(0,0,0,.78) 43%, rgba(0,0,0,.12) 100%),
    url('/assets/img/mostwanted-bg-v2.webp') 82% center / cover no-repeat;
  box-shadow:0 0 26px rgba(255,0,0,.22);
}

.most-wanted-left-v2{
  width:64%;
  position:relative;
  z-index:2;
}

.most-wanted-label-v2{
  color:#aaa;
  font-size:14px;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:1px;
  margin-bottom:16px;
}

.most-wanted-player-v2{
  display:flex;
  align-items:center;
  gap:22px;
}

.most-wanted-player-v2 img{
  width:118px;
  height:118px;
  border-radius:16px;
  object-fit:cover;
  border:2px solid rgba(255,0,0,.8);
  box-shadow:0 0 18px rgba(255,0,0,.4);
}

.most-wanted-player-v2 h1{
  margin:0;
  color:#f5f5f5;
  font-size:56px;
  line-height:.95;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:-2px;
}

.most-wanted-player-v2 p{
  margin:14px 0 0;
  color:#ff1f1f;
  font-size:18px;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:1px;
}

/* TOP PLAYER STATS */
.most-wanted-stats-v2{
  position:absolute;
  left:34px;
  bottom:30px;
  width:62%;
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:0;
  z-index:2;
}

.most-wanted-stats-v2 div{
  min-height:88px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:14px;
  padding:0 18px;
  background:none;
  border:none;
  border-left:1px solid rgba(255,0,0,.6);
  border-radius:0;
}

.most-wanted-stats-v2 div:first-child{
  border-left:none;
}

.most-wanted-stats-v2 img{
  width:76px;
  height:76px;
  flex:0 0 76px;
  object-fit:contain;
  filter:
    drop-shadow(0 0 10px rgba(255,0,0,.5))
    drop-shadow(0 0 22px rgba(255,0,0,.25));
}

.most-wanted-stats-v2 span{
  display:none;
}

.most-wanted-stats-v2 strong{
  width:86px;
  min-width:86px;
  display:block;
  text-align:left;
  color:#fff;
  font-size:36px;
  font-weight:1000;
  line-height:1;
  white-space:nowrap;
}

/* MAIN CONTENT */
.stats-main-grid-v2{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
}

.stats-side-v2{
  display:none;
}

.stats-section-title-v2{
  display:flex;
  justify-content:space-between;
  align-items:end;
  margin-bottom:14px;
}

.stats-section-title-v2 span{
  color:#fff;
  font-size:30px;
  font-weight:1000;
  text-transform:uppercase;
}

.stats-section-title-v2 strong{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 16px;
  border-radius:9px;
  background:rgba(255,0,0,.12);
  color:#ff2b2b;
  font-size:30px;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.7px;
}

/* LEADERBOARD */
.player-card-v2{
  display:grid;
  grid-template-columns:58px minmax(300px, 1fr) repeat(4, minmax(165px, 1fr));
  gap:0;
  align-items:center;
  min-height:86px;
  margin-bottom:10px;
  padding:12px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:
    linear-gradient(90deg, rgba(255,0,0,.14), rgba(0,0,0,.38) 38%, rgba(0,0,0,.72));
  color:#fff;
}

.player-card-v2:hover{
  border-color:rgba(255,0,0,.9);
  box-shadow:0 0 22px rgba(255,0,0,.25);
  transform:translateY(-1px);
}

.player-rank-v2{
  color:#fff;
  font-size:20px;
  font-weight:1000;
}

.player-identity-v2{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}

.player-identity-v2 img,
.player-avatar-fallback-v2{
  width:44px;
  height:44px;
  border-radius:50%;
  object-fit:cover;
  border:1px solid rgba(255,255,255,.16);
}

.player-avatar-fallback-v2{
  display:flex;
  align-items:center;
  justify-content:center;
  background:#222;
  color:#aaa;
  font-weight:900;
}

.player-identity-v2 strong{
  display:block;
  font-size:15px;
  font-weight:1000;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.player-identity-v2 span{
  display:block;
  color:#777;
  font-size:12px;
  margin-top:3px;
}

.player-stat-pill-v2{
  min-width:0;
  min-height:62px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:16px;
  padding:0 16px 0 24px;
  background:none;
  border:none;
  border-left:1px solid rgba(255,0,0,.45);
  border-radius:0;
}

.player-card-v2 .player-stat-pill-v2:nth-of-type(3){
  border-left:none;
}

.player-stat-pill-v2 img{
  width:64px;
  height:64px;
  flex:0 0 64px;
  object-fit:contain;
  filter:
    drop-shadow(0 0 8px rgba(255,0,0,.45))
    drop-shadow(0 0 18px rgba(255,0,0,.25));
}

.player-stat-pill-v2 span{
  display:none;
}

.player-stat-pill-v2 strong{
  width:88px;
  min-width:88px;
  display:block;
  text-align:left;
  color:#fff;
  font-size:24px;
  font-weight:1000;
  line-height:1;
  white-space:nowrap;
}

/* MOBILE */
@media (max-width:700px){

  .nt-stats-page-v2{
    padding-top:16px;
  }

  .stats-controls-section-v2,
  .stats-summary-section-v2,
  .stats-content-section-v2{
    padding:12px;
    border-radius:16px;
  }

  .stats-control-bar-v2{
    grid-template-columns:1fr;
    gap:14px;
  }

  .stats-tabs-v2{
    width:100%;
  }

  .stats-tab-v2,
  .stats-showing-v2 strong{
    width:100%;
    min-height:42px;
  }

  .stats-summary-grid-v2{
    grid-template-columns:1fr 1fr;
  }

  .stats-summary-card-v2{
    padding:12px;
  }

  .stats-summary-card-v2 strong{
    font-size:20px;
  }

  .most-wanted-card-v2{
    min-height:auto;
    padding:16px;
    background:
      linear-gradient(90deg, rgba(0,0,0,.96), rgba(0,0,0,.86)),
      url('/assets/img/mostwanted-bg-v2.webp') center center / cover no-repeat;
  }

  .most-wanted-left-v2{
    width:100%;
  }

  .most-wanted-player-v2{
    align-items:center;
    gap:12px;
  }

  .most-wanted-player-v2 img{
    width:70px;
    height:70px;
    flex:0 0 70px;
  }

  .most-wanted-player-v2 h1{
    font-size:28px;
    line-height:1;
    letter-spacing:-1px;
    word-break:break-word;
  }

  .most-wanted-player-v2 p{
    font-size:12px;
    line-height:1.2;
    margin-top:8px;
  }

  .most-wanted-stats-v2{
    position:relative;
    left:auto;
    bottom:auto;
    width:100%;
    margin-top:18px;
    grid-template-columns:1fr 1fr;
    gap:0;
  }

  .most-wanted-stats-v2 div{
    min-height:64px;
    padding:8px 10px;
    gap:8px;
    border-left:none;
    border-top:1px solid rgba(255,0,0,.35);
  }

  .most-wanted-stats-v2 img{
    width:38px;
    height:38px;
    flex:0 0 38px;
  }

  .most-wanted-stats-v2 strong{
    width:72px;
    min-width:72px;
    font-size:20px;
  }

  .stats-section-title-v2{
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
  }

  .stats-section-title-v2 span,
  .stats-section-title-v2 strong{
    font-size:24px;
  }

  .player-card-v2{
    grid-template-columns:44px 1fr;
    gap:10px;
    padding:12px;
  }

  .player-stat-pill-v2{
    grid-column:1 / -1;
    min-height:46px;
    padding:8px 0 0;
    border-left:none;
    border-top:1px solid rgba(255,0,0,.35);
  }

  .player-stat-pill-v2 img{
    width:38px;
    height:38px;
    flex:0 0 38px;
  }

  .player-stat-pill-v2 strong{
    width:72px;
    min-width:72px;
    font-size:18px;
  }
}

/* ================= PAGINATION ================= */

.stats-pagination-v2{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;

  margin-top:24px;
  padding-top:10px;

  flex-wrap:wrap;
}

.stats-page-btn-v2{
  min-width:140px;
  min-height:46px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:0 18px;

  border:2px solid #ff0000;
  border-radius:12px;

  background:
    linear-gradient(
      180deg,
      rgba(22,0,0,.92),
      rgba(6,6,6,.96)
    );

  color:#fff;
  font-size:14px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease;
}

.stats-page-btn-v2:hover{
  transform:translateY(-2px);

  border-color:#ff2a2a;

  box-shadow:
    0 0 18px rgba(255,0,0,.45);
}

.stats-page-current-v2{
  color:#fff;
  font-size:15px;
  font-weight:900;
  letter-spacing:.05em;

  padding:0 6px;
}

@media (max-width:700px){

  .stats-pagination-v2{
    gap:10px;
  }

  .stats-page-btn-v2{
    min-width:120px;
    min-height:42px;
    font-size:13px;
  }

  .stats-page-current-v2{
    width:100%;
    text-align:center;
  }

}





/* ================= RULES PAGE ================= */

.rules-hero{
  position:relative;
  overflow:hidden;
  margin:28px 0 24px;
  padding:70px 60px;
  min-height:280px;
  border-radius:26px;
  border:1px solid rgba(255,0,0,.15);

  background:
    linear-gradient(rgba(0,0,0,.72), rgba(0,0,0,.82)),
    radial-gradient(circle at top right, rgba(255,0,0,.18), transparent 30%),
    radial-gradient(circle at left center, rgba(255,0,0,.10), transparent 40%);

  box-shadow:
    0 0 35px rgba(255,0,0,.10),
    inset 0 0 80px rgba(255,0,0,.04);
}

.rules-hero-overlay{
  position:absolute;
  inset:0;
  pointer-events:none;

  background:
    linear-gradient(to right, rgba(0,0,0,.15), rgba(0,0,0,.65));
}

.rules-hero-content{
  position:relative;
  z-index:2;
  max-width:700px;
}

.rules-mini-title{
  color:#ff2a2a;
  font-size:14px;
  letter-spacing:8px;
  margin-bottom:12px;
  font-weight:700;
}

.rules-hero h1{
  margin:0;
  font-size:72px;
  line-height:.95;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:2px;
  color:#fff;
}

.rules-hero h1 span{
  color:#ff0000;
}

.rules-hero p{
  margin-top:24px;
  color:#d5d5d5;
  font-size:20px;
  line-height:1.6;
}

/* ================= RULES LAYOUT ================= */

.rules-layout{
  display:flex;
  flex-direction:column;
  gap:22px;
  margin-bottom:50px;
}

.rules-group{
  background:rgba(8,8,8,.92);
  border:1px solid rgba(255,0,0,.16);
  border-radius:22px;
  overflow:hidden;

  box-shadow:
    0 0 18px rgba(255,0,0,.08),
    inset 0 0 40px rgba(255,255,255,.015);
}

.rules-group-title{
  position:relative;
  list-style:none;
  cursor:pointer;

  padding:26px 28px;

  font-size:32px;
  font-weight:900;
  letter-spacing:1px;
  text-transform:uppercase;

  border-bottom:1px solid rgba(255,0,0,.10);

  background:
    linear-gradient(to right,
      rgba(255,0,0,.14),
      rgba(255,0,0,.03)
    );
}

.rules-group-title::-webkit-details-marker{
  display:none;
}

.rules-group-title::after{
  content:"+";
  position:absolute;
  right:28px;
  top:50%;
  transform:translateY(-50%);

  color:#ff0000;
  font-size:42px;
  font-weight:300;
}

.rules-group[open] > .rules-group-title::after{
  content:"–";
}

.rules-group-body{
  padding:22px;
}

/* ================= RULE ITEMS ================= */

.rule-item{
  margin-bottom:16px;

  background:
    linear-gradient(to bottom,
      rgba(18,18,18,.96),
      rgba(10,10,10,.96)
    );

  border:1px solid rgba(255,255,255,.06);
  border-radius:18px;

  overflow:hidden;

  transition:.2s ease;
}

.rule-item:hover{
  border-color:rgba(255,0,0,.25);

  box-shadow:
    0 0 18px rgba(255,0,0,.08);
}

.rule-item summary{
  position:relative;
  list-style:none;
  cursor:pointer;

  padding:24px 70px 24px 26px;

  font-size:28px;
  font-weight:700;
  color:#f5f5f5;
}

.rule-item summary::-webkit-details-marker{
  display:none;
}

.rule-item summary::after{
  content:"+";
  position:absolute;
  right:24px;
  top:50%;
  transform:translateY(-50%);

  color:#999;
  font-size:32px;
}

.rule-item[open] summary::after{
  content:"–";
  color:#ff0000;
}

.rule-body{
  padding:0 26px 26px;
  color:#cfcfcf;
  line-height:1.8;
  font-size:17px;
}

.rule-body p{
  margin:0 0 16px;
}

.rule-body strong{
  color:#fff;
}

/* ================= ALLOWED / NOT ALLOWED ================= */

.rule-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin-top:24px;
}

.rule-ok,
.rule-no{
  padding:22px;
  border-radius:18px;
  font-size:16px;
  line-height:1.7;
}

.rule-ok{
  background:rgba(0,255,120,.08);
  border:1px solid rgba(0,255,120,.18);
}

.rule-no{
  background:rgba(255,0,0,.08);
  border:1px solid rgba(255,0,0,.18);
}

/* ================= MOBILE ================= */

@media (max-width:900px){

  .rules-hero{
    padding:50px 28px;
    min-height:auto;
  }

  .rules-hero h1{
    font-size:48px;
  }

  .rules-group-title{
    font-size:24px;
    padding:22px;
  }

  .rule-item summary{
    font-size:20px;
    padding:20px 56px 20px 20px;
  }

  .rule-split{
    grid-template-columns:1fr;
  }

}

/* ================= RULE ICONS ================= */

.rules-group-title{
  display:flex;
  align-items:center;
  gap:18px;

  background:
    linear-gradient(
      to bottom,
      rgba(14,14,14,.98),
      rgba(7,7,7,.98)
    ) !important;
}

.rules-group{
  border:1px solid rgba(255,0,0,.14);
  background:rgba(8,8,8,.92);

  box-shadow:
    0 0 18px rgba(255,0,0,.05),
    inset 0 0 30px rgba(255,255,255,.015);
}

.rules-group:hover{
  border-color:rgba(255,0,0,.28);
  box-shadow:0 0 24px rgba(255,0,0,.12);
}

.rules-group-icon{
  width:78px;
  height:78px;

  display:flex;
  align-items:center;
  justify-content:center;

  flex:0 0 78px;
  background:none !important;
  border:none !important;
  box-shadow:none !important;
}

.rules-group-icon img{
  width:78px;
  height:78px;
  object-fit:contain;
  display:block;
  filter:none;
}

.rules-hero.rules-hero-image{
  padding:0;
  min-height:0;
  height:220px;
  margin:28px 0 24px;
  overflow:hidden;
  background:#000;
  border:2px solid #ff0000;
  border-radius:22px;
  box-shadow:none;
}

.rules-hero.rules-hero-image .rules-banner-img{
  width:100%;
  height:100%;
  object-fit:fill;
  display:block;
}

.rules-hero.rules-hero-image .rules-banner-img{
  transition:transform .65s ease;
}

.rules-hero.rules-hero-image:hover .rules-banner-img{
  transform:scale(1.08);
}

/* ================= RULE NUMBERS ================= */

.rule-item summary{
  display:flex;
  align-items:center;
  gap:18px;
}

.rule-number{
  width:42px;
  height:42px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:50%;
  border:2px solid rgba(255,0,0,.65);

  color:#fff;
  font-size:18px;
  font-weight:900;

  flex-shrink:0;

  background:
    radial-gradient(circle at top, rgba(255,0,0,.18), rgba(0,0,0,.95));

  box-shadow:0 0 14px rgba(255,0,0,.18);
}

.rule-text{
  flex:1;
}

/* ================= DARKER RULE ROWS ================= */

.rule-item{
  background:
    linear-gradient(
      to right,
      rgba(10,10,10,.98),
      rgba(6,6,6,.98)
    );

  border:1px solid rgba(255,255,255,.05);
}

.rule-item[open]{
  border-color:rgba(255,0,0,.22);
}

/* ================= ALLOWED / NOT ALLOWED ================= */

.rule-ok,
.rule-no{
  position:relative;
  padding-left:58px;
}

.rule-check,
.rule-cross{
  position:absolute;
  left:20px;
  top:22px;

  width:26px;
  height:26px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:50%;

  font-size:16px;
  font-weight:900;
}

.rule-check{
  color:#00d26a;
  border:2px solid rgba(0,210,106,.4);
}

.rule-cross{
  color:#ff3d3d;
  border:2px solid rgba(255,61,61,.4);
}

/* ================= WARNING PANEL ================= */

.rules-warning-panel{
  margin-top:10px;

  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
}

.rules-warning-box,
.rules-report-box{
  display:flex;
  align-items:flex-start;
  gap:18px;

  padding:28px;

  border-radius:22px;

  background:
    linear-gradient(
      to bottom,
      rgba(10,10,10,.96),
      rgba(5,5,5,.96)
    );

  border:1px solid rgba(255,0,0,.14);

  box-shadow:
    0 0 24px rgba(255,0,0,.06);
}

.rules-warning-box h3,
.rules-report-box h3{
  margin:0 0 10px;
  color:#ff2a2a;
  font-size:22px;
  font-weight:900;
}

.rules-warning-box p,
.rules-report-box p{
  margin:0;
  color:#d2d2d2;
  line-height:1.7;
}

.rules-warning-icon,
.rules-ticket-icon{
  width:72px;
  height:72px;

  display:flex;
  align-items:center;
  justify-content:center;

  flex-shrink:0;
}

.rules-warning-icon img,
.rules-ticket-icon img{
  width:72px;
  height:72px;
  object-fit:contain;
  display:block;
}

/* ================= MOBILE ================= */

@media (max-width:900px){

  .rules-warning-panel{
    grid-template-columns:1fr;
  }

  .rule-item summary{
    align-items:flex-start;
  }

  .rule-number{
    width:36px;
    height:36px;
    font-size:15px;
  }

 .rules-group-icon{
  width:54px;
  height:54px;
  flex-basis:54px;
}

.rules-group-icon img{
  width:54px;
  height:54px;
}
  


}

@media (max-width:640px){

  .nt-stats-page{
    width:min(100%, calc(100% - 20px));
  }

  .nt-stats-page .player-row{
    grid-template-columns:1fr;
    align-items:flex-start;
    padding:12px;
    gap:12px;
  }

  .nt-stats-page .player-name{
    font-size:15px;
    gap:8px;
  }

  .nt-stats-page .player-stats{
    grid-template-columns:1fr 1fr;
    justify-content:start;
    gap:10px 14px;
    font-size:14px;
    width:100%;
  }

  .nt-stats-page .stat-col{
    min-width:0;
  }
  
  .nt-nav{
  display:none;
  grid-template-columns:repeat(4, 1fr);
  gap:10px;
  padding:12px;
}

.nt-nav.is-open{
  display:grid;
}

.nt-nav a{
  width:100%;
  height:72px;
}

.nt-nav a img{
  width:68px;
  height:68px;
}
  
 

}

@media (max-width:640px){
  .spin-tier-head{
    flex-direction:column;
    align-items:flex-start;
  }

  .spin-tier-head h2{
    font-size:26px;
  }
}

/* SPIN2WIN NEW STACKED CARD FIX */
.coins-hero-card.spin-tier-card{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  grid-template-columns:none !important;
}

.coins-hero-card.spin-tier-card .spin-tier-head{
  width:100%;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
  gap:14px;
}

.coins-hero-card.spin-tier-card .spin-tier-head > div{
  text-align:center !important;
}

.coins-hero-card.spin-tier-card .spin-reel{
  width:100%;
  grid-column:auto !important;
}

.coins-hero-card.spin-tier-card .btn{
  width:min(420px, 100%) !important;
  margin:0 auto !important;
}

.coins-hero-card.spin-tier-card .coins-note{
  width:100%;
  text-align:center !important;
}

@media (max-width:640px){
  .coins-hero-card.spin-tier-card .spin-tier-head{
    flex-direction:column !important;
  }
}


/* ================= HERO MODERN OVERRIDE ================= */

.hero-modern{
  position:relative;
  overflow:hidden;
  padding:0;
  border-radius:24px;
  border:2px solid #ff0000;
  background:#000;
}

.hero-modern-banner{
  width:100%;
  height:420px;
  object-fit:cover;
  object-position:center;
  display:block;
  transition:transform .65s ease;
  transform:scale(1);
  will-change:transform;
}

.hero-modern:hover .hero-modern-banner{
  transform:scale(1.06);
}

.hero-modern-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(to top, rgba(0,0,0,.90), rgba(0,0,0,.08) 55%, rgba(0,0,0,.25)),
    linear-gradient(to right, rgba(0,0,0,.55), transparent 55%);
  pointer-events:none;
}

.hero-modern-content{
  position:absolute;
  left:70px;
  top:70px;
  bottom:auto;
  right:auto;
  z-index:2;
  max-width:560px;
  text-align:left;
}

.hero-modern-kicker{
  color:#fff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  margin-bottom:6px;
}

.hero-modern h1{
  margin:0;
  color:#fff;
  font-size:72px;
  line-height:.9;
  font-weight:900;
  letter-spacing:.02em;
  text-transform:uppercase;
}

.hero-modern h1 span{
  color:#ff0000;
}

.hero-modern p{
  margin:18px 0 0;
  max-width:720px;
  color:#d8d8d8;
  font-size:15px;
  line-height:1.5;
}

@media (max-width:640px){
    .hero-modern{
    border-radius:18px;
  }

  .hero-modern-banner{
    width:100%;
    height:auto;
    object-fit:contain;
    display:block;
  }

  .hero-modern-overlay{
    display:none;
  }

  .hero-modern h1{
    font-size:28px;
  }

  .hero-modern p{
    font-size:13px;
  }
  
  .hero-modern-content{
  left:20px;
  top:20px;
  max-width:80%;
}

.hero-modern h1{
  font-size:36px;
  line-height:.95;
}
}

/* ================= HOME LIVE STRIP ================= */

.home-live-strip{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:0;
  margin:0 0 24px;
  overflow:hidden;

  border:2px solid #ff0000;
  border-radius:22px;

  background:
    linear-gradient(rgba(0,0,0,.82), rgba(0,0,0,.92)),
    url('/assets/img/websitebackground.png') center center / cover no-repeat;

  box-shadow:0 0 22px rgba(255,0,0,.18);
}

.home-live-item{
  position:relative;

  min-height:78px;

  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;

  padding:14px 22px;
}

.home-live-item:not(:last-child)::after{
  content:"";

  position:absolute;
  right:0;
  top:18px;
  bottom:18px;

  width:1px;

  background:rgba(255,255,255,.16);
}

/* ICONS */

.home-live-icon{
  display:none;
}

.home-live-icon-img{
  width:54px;
  height:54px;

  flex:0 0 54px;

  object-fit:contain;
  display:block;

  filter:
    drop-shadow(0 0 10px rgba(255,0,0,.55))
    drop-shadow(0 0 20px rgba(255,0,0,.25));
}

/* TEXT */

.home-live-text{
  line-height:1;
}

.home-live-text strong{
  display:block;

  color:#fff;

  font-size:34px;
  font-weight:900;
  letter-spacing:.02em;
}

.home-live-text span{
  display:block;

  margin-top:6px;

  color:#d7d7d7;

  font-size:13px;
  font-weight:900;
  letter-spacing:.06em;
}

.home-live-wipe{
  gap:14px;
}

.home-wipe-mini{
  display:grid;
  grid-template-columns:repeat(4, auto);
  gap:13px;
  align-items:center;
}

.home-wipe-mini div{
  text-align:center;
  min-width:40px;
}

.home-wipe-mini strong{
  display:block;
  color:#fff;
  font-size:28px;
  font-weight:900;
  line-height:1;
}

.home-wipe-mini span{
  display:block;
  margin-top:6px;
  color:#d7d7d7;
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
}

.mini-server-status{
  position:absolute;
  top:16px;
  right:16px;

  width:14px;
  height:14px;

  border-radius:50%;

  background:#ff0000;

  box-shadow:
    0 0 10px rgba(255,0,0,.8),
    0 0 20px rgba(255,0,0,.45);

  z-index:5;

  transition:
    background .2s ease,
    box-shadow .2s ease;
}

.mini-server-status.is-online{
  background:#00ff66;

  box-shadow:
    0 0 10px rgba(0,255,102,.85),
    0 0 20px rgba(0,255,102,.45);
}

@media (max-width:640px){
  .home-wipe-mini{
    gap:10px;
  }

  .home-wipe-mini strong{
    font-size:24px;
  }
}

/* TABLET */

@media (max-width:900px){

  .home-live-strip{
    grid-template-columns:repeat(2, 1fr);
  }

  .home-live-item:nth-child(2)::after{
    display:none;
  }

  .home-live-item{
    min-height:72px;
  }

}

/* MOBILE */

@media (max-width:640px){

  .home-live-strip{
    grid-template-columns:1fr;
    border-radius:18px;
  }

  .home-live-item{
    justify-content:flex-start;
  }

  .home-live-item:not(:last-child)::after{
    left:18px;
    right:18px;
    top:auto;
    bottom:0;

    width:auto;
    height:1px;
  }

  .home-live-text strong{
    font-size:28px;
  }

}


/* ================= MODERN SERVER CARDS FINAL ================= */

.mini-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:18px;
  margin-bottom:24px;
}

.mini-card{
  position:relative;
  padding:0;
  overflow:hidden;
  border-radius:22px;
  border:2px solid #ff0000;
  background:#000;
  cursor:pointer;
  display:block;
  height:auto;
  min-height:0;
  line-height:normal;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.mini-card:hover{
  transform:translateY(-4px);
  border-color:#ff2a2a;
  box-shadow:0 0 24px rgba(255,0,0,.35);
}

.mini-card-media{
  position:relative;
  width:100%;
  height:auto;
  background:#000;
  line-height:0;
  display:block;
}

.mini-card-media img{
  display:block;
  width:100%;
  height:auto;
  vertical-align:top;
  object-fit:contain !important;
  object-position:center;
  background:#000;
  transition:transform .7s ease;
}

.mini-card:hover .mini-card-media img{
  transform:scale(1.03);
}

.mini-card-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    to top,
    rgba(0,0,0,.45) 0%,
    rgba(0,0,0,.08) 45%,
    rgba(0,0,0,.04) 100%
  );
  pointer-events:none;
}

.mini-card-body{
  display:none !important;
}

.mini-card-live{
  position:absolute;
  right:22px;
  bottom:18px;
  z-index:3;
  text-align:right;
  pointer-events:none;
  line-height:1;
}

.mini-card-live span{
  display:block;
  color:#ff0000;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  margin-bottom:4px;
}

.mini-card-live strong{
  display:block;
  color:#fff;
  font-size:48px;
  line-height:1;
  font-weight:900;
  text-shadow:0 0 14px rgba(0,0,0,.65);
}

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

  .mini-card-live strong{
    font-size:38px;
  }
}

.current-map-banner{
  display:block;
  width:100%;
  margin:24px 0;
  border:2px solid #ff0000;
  border-radius:22px;
  overflow:hidden;
  background:#000;
  transition:transform .18s ease, box-shadow .18s ease;
}

.current-map-banner:hover{
  transform:translateY(-4px);
  box-shadow:0 0 24px rgba(255,0,0,.35);
}

.current-map-banner img{
  display:block;
  width:100%;
  height:auto;
}

/* ================= MAP VOTE PAGE FINAL ================= */

.map-vote-page-panel{
  width:100%;
  margin:24px 0 50px;
}

.map-vote-page-head{
  margin-bottom:26px;
  padding:44px 46px;
  border:2px solid #ff0000;
  border-radius:24px;
  overflow:hidden;
 background:
  linear-gradient(to right, rgba(0,0,0,.96) 0%, rgba(0,0,0,.82) 38%, rgba(0,0,0,.25) 100%),
  url('/assets/img/mapbannerbg.webp') center center / cover no-repeat;
  box-shadow:0 0 26px rgba(255,0,0,.22);
}

.map-vote-page-head span{
  display:block;
  color:#ff0000;
  font-size:14px;
  font-weight:900;
  letter-spacing:.16em;
  margin-bottom:10px;
}

.map-vote-page-head h2{
  margin:0;
  max-width:620px;
  color:#fff;
  font-size:54px;
  line-height:.9;
  font-weight:900;
  text-transform:uppercase;
}

.map-vote-page-head p{
  max-width:520px;
  margin:16px 0 0;
  color:#d7d7d7;
  font-size:16px;
  line-height:1.5;
}

.map-vote-panel{
  background:none;
  border:none;
  padding:0;
  box-shadow:none;
}

.map-vote-sub{
  margin:0 0 18px;
  color:#d8d8d8;
  font-size:14px;
  font-weight:800;
}

.map-vote-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:18px;
}

.map-vote-card{
  position:relative;
  background:#000;
  border:2px solid #ff0000;
  border-radius:22px;
  overflow:hidden;
  padding:12px;
  box-shadow:0 0 18px rgba(255,0,0,.18);
}

.map-vote-preview{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:1 / 1;
  border-radius:16px;
  overflow:hidden;
  background:#000;
}

.map-vote-preview img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  background:#000;
  transition:transform .7s ease;
}

.map-vote-card:hover .map-vote-preview img{
  transform:scale(1.05);
}

.map-vote-view-label{
  display:none;
}

.map-vote-winner-card .map-vote-view-label{
  display:block;
  position:absolute;
  left:50%;
  top:auto;
  right:auto;
  bottom:14px;
  transform:translateX(-50%);
  padding:8px 14px;
  border-radius:10px;
  background:rgba(0,0,0,.82);
  border:1px solid rgba(255,0,0,.45);
  color:#fff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  z-index:6;
  white-space:nowrap;
}

.map-vote-info{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 4px 12px;
  margin:0;
}

.map-vote-info strong{
  color:#fff;
  font-size:24px;
  font-weight:900;
}

.map-vote-info small{
  color:#d0d0d0;
  font-size:13px;
  font-weight:900;
}

.map-vote-info small b{
  color:#ff0000;
}

.map-vote-btn,
.map-vote-picked,
.map-vote-login{
  width:100%;
  min-height:44px;
  border-radius:12px;
  font-weight:900;
  text-align:center;
}

.map-vote-picked,
.map-vote-login{
  display:flex;
  align-items:center;
  justify-content:center;
  background:#0b0b0b;
  border:1px solid rgba(255,255,255,.1);
  color:#fff;
}

.map-vote-winner-badge{
  margin:0 0 12px;
  padding:10px;
  border-radius:12px;
  background:#ff0000;
  color:#fff;
  font-weight:900;
  text-align:center;
  letter-spacing:.08em;
}

.map-vote-loser-card{
  opacity:.62;
  filter:grayscale(.35);
}

.map-vote-loser-card .map-vote-picked{
  background:#111;
  color:#aaa;
}

.map-vote-winner-card{
  transform:translateY(-4px);
  box-shadow:0 0 30px rgba(255,0,0,.45);
}

.map-vote-winner-badge{
  margin:0 0 12px;
}

.map-vote-ended-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;

  margin:0 0 18px;
  padding:10px 16px;

  border-radius:999px;

  background:
    linear-gradient(
      to bottom,
      rgba(18,18,18,.98),
      rgba(8,8,8,.98)
    );

  border:1px solid rgba(255,0,0,.35);

  color:#fff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;

  box-shadow:0 0 14px rgba(255,0,0,.12);
}

.map-vote-sub{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  margin:22px 0 34px;
}

.map-vote-ended-pill{
  margin:0;
}

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

  .map-vote-page-head{
    padding:26px;
  }

  .map-vote-page-head h2{
    font-size:36px;
  }

  .map-vote-winner-card .map-vote-preview{
    aspect-ratio:16 / 9;
  }
}

/* ACTIVE MAP VOTE COUNTDOWN */
.map-vote-page-head{
  position:relative;
  min-height:330px;
}

.map-vote-page-head > div{
  position:relative;
  z-index:2;
  max-width:620px;
}

.map-vote-page-head .map-vote-sub{
  margin:22px 0 0;
  width:fit-content;
}

.map-vote-countdown-label{
  margin:0 0 8px;
  color:#ff0000;
  font-size:11px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.map-vote-countdown{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  flex-wrap:nowrap;
}

.map-vote-timebox{
  width:58px;
  padding:8px 6px;
  border-radius:10px;
  background:rgba(12,12,12,.92);
  border:1px solid rgba(255,0,0,.35);
  text-align:center;
  box-shadow:0 0 10px rgba(255,0,0,.14);
}

.map-vote-timebox strong{
  display:block;
  color:#fff;
  font-size:22px;
  line-height:1;
  font-weight:900;
}

.map-vote-timebox span{
  display:block;
  margin-top:5px;
  color:#ff0000;
  font-size:8px;
  font-weight:900;
  letter-spacing:.12em;
}

@media (max-width:700px){
  .map-vote-page-head{
    min-height:auto;
  }

  .map-vote-countdown{
    gap:6px;
  }

  .map-vote-timebox{
    width:52px;
    padding:7px 5px;
  }

  .map-vote-timebox strong{
    font-size:19px;
  }
}

/* HOW IT WORKS BANNER */
.map-vote-how{
  width:92%;
  margin:22px auto 28px;
}

.map-vote-how img{
  width:100%;
  display:block;
  border-radius:22px;
  border:1px solid rgba(255,0,0,.28);
  box-shadow:0 0 22px rgba(255,0,0,.12);
}
/* WINNING MAP NOTICE */
.map-vote-winning-note{
  width:92%;
  margin:24px auto 0;
}

.map-vote-winning-note img{
  width:100%;
  display:block;
  border-radius:22px;
  border:1px solid rgba(255,0,0,.28);
  box-shadow:0 0 22px rgba(255,0,0,.12);
}

/* ADMIN PANEL CARD FIX */
.bans-admin-page .mini-card-body{
  display:block !important;
}

.bans-admin-page .mini-card{
  padding:18px;
  min-height:140px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  line-height:normal;
}

/* ================= SERVER DETAIL PANEL ================= */

.server-detail-panel.server-embed{
  display:block;
  margin:0;
  padding:0;
  overflow:hidden;
  background:#050505;
  border:2px solid #ff0000;
  border-radius:24px;
  box-shadow:0 0 28px rgba(255,0,0,.24);

  max-height:0;
  opacity:0;
  transform:translateY(10px);
  pointer-events:none;

  transition:
    max-height .35s ease,
    opacity .25s ease,
    transform .25s ease,
    margin .25s ease;
}

.server-detail-panel.server-embed.is-open{
  max-height:1200px;
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
  margin:24px 0 0;
}

.server-detail-hero{
  position:relative;
  min-height:330px;
  overflow:hidden;
  background:#000;
}

.server-detail-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  min-height:0;
  object-fit:cover;
  object-position:center;
  opacity:.72;
}

.server-detail-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(
      to top,
      rgba(0,0,0,.78) 0%,
      rgba(0,0,0,.18) 45%,
      rgba(0,0,0,.28) 100%
    );
}

.server-detail-content{
  position:relative;
  z-index:2;
  min-height:330px;
  padding:42px 54px;
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  align-items:center;
  gap:34px;
}

.server-detail-status{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:16px;
  color:#aaa;
  font-size:13px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.server-detail-status .stat-status{
  color:#00ff66;
}

.server-detail-dot{
  width:11px;
  height:11px;
  border-radius:50%;
  background:#ff0000;
  box-shadow:0 0 14px rgba(255,0,0,.85);
}

.server-detail-dot.is-online{
  background:#00ff66;
  box-shadow:0 0 14px rgba(0,255,102,.85);
}

.server-detail-content h2{
  max-width:720px;
  margin:0;
  color:#fff;
  font-size:58px;
  line-height:.95;
  font-weight:900;
  text-align:left;
  text-transform:uppercase;
  letter-spacing:.03em;
}

.server-detail-join{
  grid-column:2;
  grid-row:1 / span 2;

  align-self:center;
  justify-self:end;

  min-width:250px;
  height:74px;
  padding:0 34px;

  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:18px;

  border:2px solid #ff0000;
  border-radius:10px;

  background:
    linear-gradient(
      180deg,
      rgba(22,0,0,.88),
      rgba(6,6,6,.94)
    );

  color:#fff;

  font-size:18px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;

  box-shadow:
    inset 0 0 18px rgba(255,0,0,.14),
    0 0 18px rgba(255,0,0,.22);

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    background .18s ease;
}

.server-detail-join::before{
  content:"»";
  color:#ff0000;
  font-size:34px;
  font-weight:900;
  line-height:1;

  text-shadow:
    0 0 12px rgba(255,0,0,.75),
    0 0 24px rgba(255,0,0,.35);
}

.server-detail-join:hover{
  transform:translateY(-2px);

  background:
    linear-gradient(
      180deg,
      rgba(38,0,0,.94),
      rgba(10,10,10,.96)
    );

  box-shadow:
    inset 0 0 20px rgba(255,0,0,.18),
    0 0 28px rgba(255,0,0,.42);
}

.server-detail-stats{
  margin:22px 28px 0;
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:12px;
}

.server-detail-stat{
  min-height:92px;
  padding:16px 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  text-align:left;

  background:linear-gradient(180deg, rgba(14,14,14,.96), rgba(5,5,5,.96));
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
}

.server-detail-stat::after{
  display:none;
}

.server-detail-stat img{
  width:42px;
  height:42px;
  flex:0 0 42px;
  object-fit:contain;
  filter:drop-shadow(0 0 10px rgba(255,0,0,.45));
}

.server-detail-stat div{
  display:flex;
  flex-direction:column;
  gap:5px;
}

.server-detail-stat span{
  color:#8f8f8f;
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  white-space:nowrap;
}

.server-detail-stat strong{
  color:#fff;
  font-size:28px;
  font-weight:900;
  line-height:1;
}

.server-detail-stat .stat-status{
  color:#00ff66;
}

.server-detail-players{
  margin:22px 28px 28px;
  padding:24px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(16,16,16,.96), rgba(5,5,5,.98));
}

.server-detail-title{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:18px;
  margin-bottom:22px;
}

.server-detail-title span{
  height:1px;
  background:linear-gradient(to right, transparent, rgba(255,0,0,.85), transparent);
}

.server-detail-title h3{
  margin:0;
  color:#fff;
  font-size:20px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.server-detail-player-list{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:16px;
}

.server-detail-player-list .player-row{
  min-height:78px;
  padding:14px 18px;
  background:linear-gradient(180deg, rgba(20,20,20,.98), rgba(8,8,8,.98));
  border:1px solid rgba(255,255,255,.10);
  border-left:2px solid rgba(255,0,0,.85);
  border-radius:14px;
}

.server-detail-player-list .avatar,
.server-detail-player-list .avatar-img{
  width:48px;
  height:48px;
  flex:0 0 48px;
}

.server-detail-panel{
  position:relative;
}

.server-detail-close{
  position:absolute;
  top:18px;
  right:18px;
  z-index:20;

  width:42px;
  height:42px;

  border:none;
  border-radius:12px;

  background:rgba(0,0,0,.82);
  border:1px solid rgba(255,0,0,.45);

  color:#fff;
  font-size:20px;
  font-weight:900;

  cursor:pointer;

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease;
}

.server-detail-close:hover{
  transform:scale(1.06);

  border-color:#ff0000;

  box-shadow:
    0 0 16px rgba(255,0,0,.45);
}

@media (max-width:900px){

  .server-detail-content{
    grid-template-columns:1fr;
    min-height:auto;
    padding:22px 18px;
  }

  /* REMOVE JOIN BUTTON ON MOBILE */
  .server-detail-join{
    display:none;
  }

  /* FIX BANNER IMAGE HEIGHT */
 .server-detail-hero{
  height:220px;
  min-height:220px;
}

.server-detail-bg{
  height:100%;
  object-fit:contain;
}

  .server-detail-content h2{
    font-size:34px;
    line-height:.95;
  }

  .server-detail-stats,
  .server-detail-player-list{
    grid-template-columns:1fr;
  }

  .server-detail-stat:not(:last-child)::after{
    display:none;
  }
}


/* MOBILE FIX - allow server player list to scroll */
@media (max-width:900px){

  .server-detail-panel.server-embed.is-open{
    max-height:85vh !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch;
  }

  .server-detail-players{
    max-height:55vh;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
  }

}


.stats-coming-soon-v2{
  position:absolute;
  top:18px;
  right:-42px;

  width:170px;
  height:36px;

  display:flex;
  align-items:center;
  justify-content:center;

  background:#ff0000;

  color:#fff;
  font-size:11px;
  font-weight:1000;
  letter-spacing:.14em;

  transform:rotate(35deg);

  z-index:8;

  box-shadow:
    0 0 18px rgba(255,0,0,.45);
}

.stats-hub-card-v2.is-coming-soon{
  cursor:default;
}