:root{
  --bg:#050606;
  --panel:rgba(15,18,17,.72);
  --panel2:rgba(26,30,28,.82);
  --line:rgba(255,255,255,.10);
  --text:#f3f5f2;
  --muted:#a7afa9;
  --red:#d92222;
  --red2:#ff4a32;
  --green:#5dff91;
  --amber:#ffb84d;
  --dark:#090b0a;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,Segoe UI,Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 15% 0%, rgba(161,26,26,.32), transparent 34%),
    radial-gradient(circle at 85% 20%, rgba(35,80,52,.22), transparent 36%),
    linear-gradient(180deg, rgba(0,0,0,.35), #050606 72%),
    url('/assets/bg-zombie.svg') center top/cover fixed no-repeat,
    #050606;
  min-height:100vh;
}
a{color:inherit;text-decoration:none}
.bg-grain{
  position:fixed; inset:0; pointer-events:none; z-index:-1;
  opacity:.22;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size:38px 38px;
}
.fog-layer{position:fixed; left:-10%; right:-10%; height:260px; pointer-events:none; z-index:-1; filter:blur(18px); opacity:.36; animation:fog 18s linear infinite}
.fog-1{top:120px;background:radial-gradient(ellipse at 20% 50%, rgba(220,220,220,.22), transparent 58%),radial-gradient(ellipse at 70% 50%, rgba(170,170,170,.14), transparent 50%)}
.fog-2{bottom:80px;background:radial-gradient(ellipse at 40% 50%, rgba(220,220,220,.12), transparent 55%),radial-gradient(ellipse at 80% 40%, rgba(140,140,140,.10), transparent 50%);animation-duration:25s;animation-direction:reverse}
@keyframes fog{from{transform:translateX(-4%)}to{transform:translateX(4%)}}

.topbar{
  position:sticky; top:0; z-index:50;
  height:74px; display:flex; align-items:center; justify-content:space-between;
  padding:0 34px;
  background:linear-gradient(180deg, rgba(4,5,5,.94), rgba(4,5,5,.66));
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(16px);
}
.brand{display:flex;align-items:center;gap:12px}
.brand-mark{
  width:44px;height:44px;display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.16);
  background:linear-gradient(135deg, #781515, #191d1b 60%, #24442e);
  box-shadow:0 0 34px rgba(217,34,34,.28);
  border-radius:14px;
  font-weight:900;letter-spacing:-1px;
}
.brand b{display:block;font-size:18px;line-height:1}
.brand small{display:block;color:var(--muted);font-size:11px;margin-top:4px;letter-spacing:.08em;text-transform:uppercase}
.nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.nav a{font-size:13px;color:#cbd1cc;padding:10px 11px;border-radius:12px}
.nav a:hover{background:rgba(255,255,255,.07);color:white}
.nav-cta{background:linear-gradient(135deg,var(--red),#7a1111)!important;color:#fff!important;font-weight:800;box-shadow:0 0 22px rgba(217,34,34,.23)}

main{width:min(1460px,calc(100% - 36px));margin:0 auto}
.hero{
  min-height:650px;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(420px,.75fr);
  gap:24px;
  align-items:center;
  padding:48px 0 28px;
}
.hero-left{padding:32px 0}
.eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  padding:9px 13px;border:1px solid rgba(93,255,145,.22);
  color:#d9ffe2;background:rgba(12,45,25,.35);
  border-radius:999px;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.08em
}
.live-dot{width:9px;height:9px;background:var(--green);border-radius:50%;box-shadow:0 0 18px var(--green);animation:pulse 1.2s infinite}
@keyframes pulse{50%{transform:scale(1.5);opacity:.55}}
h1{font-size:clamp(58px,7vw,112px);line-height:.86;margin:22px 0 18px;letter-spacing:-.07em;text-transform:uppercase}
h1 span{color:var(--red2);text-shadow:0 0 38px rgba(255,74,50,.42)}
.lead{max-width:780px;font-size:19px;line-height:1.65;color:#c9d0cc;margin:0 0 24px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 24px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:48px;padding:0 18px;border-radius:14px;border:1px solid var(--line);
  font-weight:900;letter-spacing:.03em;
}
.btn-primary{background:linear-gradient(135deg,#19ff72,#079b42);color:#031108;box-shadow:0 15px 45px rgba(25,255,114,.25)}
.btn-steam{background:linear-gradient(135deg,#2a85c8,#133e69);color:#fff;box-shadow:0 15px 45px rgba(42,133,200,.28)}
.btn-ghost{background:rgba(255,255,255,.07);color:#e9eeea}
.quick-status{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:820px
}
.quick-status div,.glass{
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
  border:1px solid var(--line);
  box-shadow:0 18px 70px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(14px);
}
.quick-status div{border-radius:18px;padding:16px}
.quick-status small,.mini-grid small,.stat small,.bank-grid small{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.07em}
.quick-status b{display:block;margin-top:6px;font-size:18px}

.live-card{
  position:relative;overflow:hidden;border-radius:28px;padding:22px;
}
.live-card:before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(135deg,rgba(255,58,45,.20),transparent 42%), radial-gradient(circle at 90% 15%,rgba(93,255,145,.13),transparent 30%);
}
.live-card>*{position:relative}
.live-card-head,.section-title{
  display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px
}
.live-card-head span,.section-title span{font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.live-card-head b{font-size:12px;border-radius:999px;padding:7px 10px;background:rgba(217,34,34,.2);border:1px solid rgba(255,74,50,.25)}
.server-line{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:16px}
.server-line h2{font-size:24px;line-height:1.1;margin:0;max-width:330px}
.server-online{text-align:right}
.server-online strong{display:block;font-size:54px;line-height:.9;color:var(--green);text-shadow:0 0 28px rgba(93,255,145,.35)}
.server-online small{color:var(--muted);text-transform:uppercase;font-size:12px}
.live-player-list{display:grid;gap:8px;margin:14px 0 16px}
.live-player{
  display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;
  padding:11px 12px;border-radius:14px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.07)
}
.live-player b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.live-player span{font-size:12px;color:var(--muted)}
.live-player-empty,.player-empty{padding:14px;border-radius:14px;background:rgba(0,0,0,.28);color:var(--muted)}
.mini-grid,.bank-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mini-grid div,.bank-grid div{
  padding:13px;border-radius:15px;background:rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.07)
}
.mini-grid b,.bank-grid b{display:block;margin-top:5px;word-break:break-word}

.stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:8px 0 18px}
.stat{border-radius:22px;padding:18px;min-height:126px}
.stat b{display:block;font-size:clamp(26px,2.4vw,38px);margin:10px 0 4px;color:#fff}
.stat span{font-size:12px;color:var(--muted)}

.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}
.three-col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin:18px 0}
.panel{border-radius:24px;padding:20px;min-width:0}
.section-title{border-bottom:1px solid var(--line);padding-bottom:14px}
.section-title small{color:var(--muted)}
.table{display:grid;gap:8px}
.row{
  display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;
  padding:11px 12px;border-radius:14px;background:rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.07)
}
.row:hover{background:rgba(255,255,255,.06)}
.pos{
  width:34px;height:34px;display:grid;place-items:center;border-radius:11px;
  background:linear-gradient(135deg,rgba(217,34,34,.45),rgba(255,255,255,.07));
  color:#fff;font-weight:900
}
.name{display:block;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.meta{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.value{font-weight:900;color:#fff;text-align:right;white-space:nowrap}
.compact .row{grid-template-columns:36px minmax(0,1fr) auto;padding:10px}
.map-cards{display:grid;gap:10px}
.map-card{
  padding:13px;border-radius:16px;border:1px solid rgba(255,255,255,.07);
  background:linear-gradient(135deg,rgba(217,34,34,.14),rgba(0,0,0,.25));
}
.map-card small{display:block;color:var(--amber);font-weight:900;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}
.map-card b{display:block}
.map-card span{color:var(--muted);font-size:12px}

.event-box{
  min-height:150px;border-radius:20px;padding:22px;
  background:linear-gradient(135deg,rgba(217,34,34,.22),rgba(20,55,31,.18)),rgba(0,0,0,.25);
  border:1px solid rgba(255,255,255,.08)
}
.event-box b{display:block;font-size:28px}
.event-box p{color:#cbd1cc;line-height:1.55}
.badges{display:flex;flex-wrap:wrap;gap:10px}
.badge{
  display:inline-flex;gap:8px;align-items:center;border-radius:999px;padding:10px 12px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09);font-weight:800
}

footer{width:min(1460px,calc(100% - 36px));margin:30px auto 46px;color:var(--muted);border-top:1px solid var(--line);padding-top:22px}
.status-online{color:var(--green)!important}
.status-offline{color:var(--red2)!important}
@media(max-width:1100px){
  .hero{grid-template-columns:1fr;min-height:auto}
  .stats-grid{grid-template-columns:repeat(3,1fr)}
  .three-col,.two-col{grid-template-columns:1fr}
}
@media(max-width:720px){
  .topbar{height:auto;align-items:flex-start;padding:14px;gap:12px;flex-direction:column}
  .nav{justify-content:flex-start}
  main{width:min(100% - 22px,1460px)}
  h1{font-size:54px}
  .quick-status,.stats-grid,.mini-grid,.bank-grid{grid-template-columns:1fr 1fr}
  .hero{padding-top:28px}
  .server-line{flex-direction:column}
  .server-online{text-align:left}
}
@media(max-width:480px){
  .quick-status,.stats-grid{grid-template-columns:1fr}
  .row{grid-template-columns:34px minmax(0,1fr)}
  .value{grid-column:2;text-align:left}
}


/* ZWars v15 page polish */
:root{
  --blood:#ff1717;
  --blood2:#7a0b0b;
  --acid:#00ff66;
  --panel:#0b0d0d;
  --line:rgba(255,255,255,.13);
}
body{
  background:
    radial-gradient(circle at 20% 35%, rgba(128,0,0,.42), transparent 32%),
    radial-gradient(circle at 75% 32%, rgba(0,110,50,.22), transparent 33%),
    linear-gradient(180deg,#080808 0%,#0b0c0c 55%,#050505 100%);
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.12;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom, transparent, black 18%, black 82%, transparent);
}
.topbar{
  background:linear-gradient(90deg, rgba(12,0,0,.94), rgba(0,0,0,.94), rgba(0,20,8,.94));
  border-bottom:1px solid rgba(255,0,0,.22);
}
.nav-icons a{
  display:inline-flex;
  gap:7px;
  align-items:center;
  border:1px solid transparent;
  border-radius:999px;
  padding:9px 12px;
  transition:.18s ease;
}
.nav-icons a:hover{
  border-color:rgba(255,255,255,.16);
  background:rgba(255,255,255,.06);
  color:#fff;
}
.nav-join{
  background:linear-gradient(135deg,#12ff62,#009c3b)!important;
  color:#020b05!important;
  font-weight:900!important;
  box-shadow:0 0 24px rgba(0,255,94,.24);
}
.btn-primary,
.hero-actions .btn-primary{
  background:linear-gradient(135deg,#13ff66,#00963a)!important;
  color:#030a05!important;
  border-color:rgba(0,255,102,.55)!important;
  box-shadow:0 0 26px rgba(0,255,102,.28);
}
.btn-steam,
.hero-actions .btn-ghost{
  background:linear-gradient(135deg,#2b8fd9,#123c63)!important;
  color:#ffffff!important;
  border:1px solid rgba(143,205,255,.42)!important;
  box-shadow:0 0 24px rgba(43,143,217,.24);
}
.hero{
  min-height:720px;
}
.hero:after{
  content:"";
  position:absolute;
  right:20%;
  top:18%;
  width:370px;
  height:520px;
  pointer-events:none;
  opacity:.22;
  background:
    radial-gradient(circle at 50% 20%, rgba(255,255,255,.5), transparent 13%),
    linear-gradient(160deg, transparent 0 34%, rgba(0,0,0,.95) 35% 72%, transparent 73%);
  filter:blur(1px);
}
.glass{
  backdrop-filter: blur(16px);
}
.stat, .panel, .server-card, .page-main, .page-side, .page-hero{
  box-shadow:0 18px 80px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04);
}
.subpage .page-wrap{
  width:min(1320px, calc(100% - 48px));
  margin:0 auto;
  padding:150px 0 70px;
}
.page-hero{
  display:flex;
  gap:24px;
  align-items:center;
  padding:34px;
  border:1px solid var(--line);
  border-radius:28px;
  background:
    linear-gradient(135deg, rgba(85,0,0,.42), rgba(0,0,0,.86), rgba(0,65,30,.22));
}
.page-hero-icon{
  width:82px;
  height:82px;
  border-radius:24px;
  display:grid;
  place-items:center;
  font-size:42px;
  background:linear-gradient(135deg, rgba(255,0,0,.35), rgba(0,255,100,.16));
  border:1px solid rgba(255,255,255,.14);
}
.eyebrow-mini{
  margin:0 0 8px;
  color:var(--acid);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:12px;
}
.page-hero h1{
  margin:0;
  font-size:clamp(38px, 6vw, 76px);
  line-height:.92;
  text-transform:uppercase;
}
.page-hero p{
  margin:12px 0 0;
  color:rgba(255,255,255,.72);
  font-size:18px;
}
.page-layout{
  display:grid;
  grid-template-columns:1fr 360px;
  gap:22px;
  margin-top:22px;
}
.page-main,.page-side{
  border:1px solid var(--line);
  border-radius:28px;
  background:linear-gradient(180deg, rgba(20,20,20,.88), rgba(5,5,5,.92));
  padding:28px;
}
.page-main h2{
  margin:0 0 12px;
  font-size:30px;
}
.lead{
  color:rgba(255,255,255,.72);
  line-height:1.7;
  max-width:920px;
}
.feature-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:24px;
}
.feature-card,.command-card,.vip-price-card{
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  padding:18px;
  background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.02));
}
.feature-card b{
  display:block;
  color:#fff;
  margin-bottom:8px;
  font-size:18px;
}
.feature-card span,.command-row span,.vip-price-card span{
  color:rgba(255,255,255,.68);
  line-height:1.55;
}
.command-groups{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:24px;
}
.command-card h3{
  margin:0 0 14px;
  color:#fff;
}
.command-row{
  display:flex;
  gap:12px;
  padding:11px 0;
  border-top:1px solid rgba(255,255,255,.08);
}
.command-row code{
  min-width:92px;
  color:var(--acid);
  font-weight:900;
}
.vip-prices{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:24px;
}
.vip-price-card{
  text-align:center;
  position:relative;
  overflow:hidden;
}
.vip-price-card.hot{
  border-color:rgba(0,255,102,.38);
  box-shadow:0 0 30px rgba(0,255,102,.12);
}
.vip-price-card small{
  color:rgba(255,255,255,.7);
  text-transform:uppercase;
  letter-spacing:.08em;
}
.vip-price-card b{
  display:block;
  font-size:34px;
  color:#fff;
  margin:10px 0;
}
.vip-avatar{
  height:220px;
  border-radius:24px;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(circle at 50% 20%, rgba(255,215,0,.32), transparent 18%),
    linear-gradient(180deg, rgba(105,0,0,.42), rgba(0,0,0,.78));
  margin-bottom:22px;
}
.vip-star{
  position:absolute;
  top:24px;
  left:50%;
  transform:translateX(-50%);
  color:#ffd54a;
  font-size:54px;
  text-shadow:0 0 26px rgba(255,210,30,.8);
}
.vip-person{
  position:absolute;
  width:105px;
  height:150px;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  background:
    radial-gradient(circle at 50% 18%, rgba(255,255,255,.9) 0 23px, transparent 24px),
    linear-gradient(155deg, transparent 0 28%, rgba(255,255,255,.85) 29% 72%, transparent 73%);
  opacity:.75;
  filter:drop-shadow(0 0 25px rgba(255,255,255,.2));
}
.page-side h3{
  margin:0 0 8px;
  font-size:22px;
}
.page-side p{
  color:rgba(255,255,255,.68);
  line-height:1.65;
}
.page-btn{
  width:100%;
  justify-content:center;
  margin-top:10px;
}
@media(max-width:1000px){
  .page-layout,.command-groups,.vip-prices,.feature-grid{grid-template-columns:1fr;}
  .subpage .page-wrap{width:min(100% - 24px, 760px); padding-top:120px;}
}


/* ZWars hero balance patch - TR SERVER */
.hero{
  align-items:start;
  padding-top:95px;
  min-height:720px;
}

.hero-left{
  padding-top:0;
}

h1{
  margin-top:18px;
  margin-bottom:18px;
}

h1::after{
  content:"SERVER";
  display:block;
  color:#f3f5f2;
  font-size:.52em;
  line-height:.92;
  letter-spacing:.02em;
  text-shadow:0 0 34px rgba(93,255,145,.20);
}

.live-card{
  margin-top:0;
}

.last-join-card{
  margin:12px 0 2px;
}

@media(max-width:1100px){
  .hero{
    align-items:stretch;
    padding-top:38px;
  }
  h1::after{
    font-size:.50em;
  }
}


/* ZWars TR SERVER gerçek başlık düzeni */
h1::after{
  content:none !important;
  display:none !important;
}

.hero-title{
  display:block;
  margin:22px 0 18px;
  line-height:.86;
  letter-spacing:-.07em;
  text-transform:uppercase;
}

.hero-title .title-main{
  display:block;
  color:#f3f5f2;
  text-shadow:0 0 34px rgba(255,255,255,.10);
}

.hero-title .title-sub{
  display:block;
  margin-top:8px;
  white-space:nowrap;
}

.hero-title .tr-red{
  color:#ff2a2a;
  text-shadow:0 0 38px rgba(255,42,42,.42);
}

.hero-title .server-word{
  display:inline-block;
  margin-left:22px;
  letter-spacing:.03em;
}

.hero-title .server-word .red{
  color:#ff2a2a;
  text-shadow:0 0 34px rgba(255,42,42,.40);
}

.hero-title .server-word .white{
  color:#f3f5f2;
  text-shadow:0 0 30px rgba(255,255,255,.14);
}

/* ZWars Haber Merkezi */
.zwars-news{
  width:min(820px,100%);
  margin:18px 0 22px;
  border-radius:18px;
  overflow:hidden;
  background:
    radial-gradient(circle at 85% 50%, rgba(0,255,102,.12), transparent 34%),
    linear-gradient(135deg, rgba(255,0,0,.14), rgba(0,0,0,.46), rgba(0,255,102,.06));
  border:1px solid rgba(255,42,42,.42);
  box-shadow:0 0 34px rgba(255,0,0,.10), inset 0 1px 0 rgba(255,255,255,.07);
  backdrop-filter:blur(12px);
}

.zwars-news-head{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 14px;
  border-bottom:1px solid rgba(255,42,42,.26);
  background:rgba(0,0,0,.30);
}

.zwars-news-head strong{
  color:#ff4a4a;
  font-size:14px;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:900;
}

.zwars-news-head span{
  color:#ff4a4a;
  font-size:11px;
  font-weight:900;
  border:1px solid rgba(255,42,42,.38);
  border-radius:999px;
  padding:5px 9px;
  background:rgba(255,0,0,.10);
  white-space:nowrap;
}

.zwars-news-body{
  display:grid;
  grid-template-columns:36px minmax(0,1fr) auto 36px;
  align-items:center;
  gap:8px;
  padding:10px 12px;
}

.zwars-news-btn{
  width:32px;
  height:32px;
  border:0;
  border-radius:10px;
  color:#fff;
  font-size:24px;
  line-height:1;
  cursor:pointer;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
}

.zwars-news-btn:hover{
  background:rgba(255,42,42,.18);
  border-color:rgba(255,42,42,.34);
}

.zwars-news-text{
  color:#5dff91;
  font-size:15px;
  font-weight:850;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  text-shadow:0 0 18px rgba(93,255,145,.20);
}

.zwars-news-text.news-swap{
  animation:newsSwap .32s ease;
}

@keyframes newsSwap{
  from{opacity:0; transform:translateY(6px)}
  to{opacity:1; transform:translateY(0)}
}

.zwars-news-time{
  color:#b8c0bb;
  font-size:12px;
  min-width:70px;
  text-align:right;
}

/* Son Katılan kartı */
.last-join-card{
  margin:12px 0 12px;
  padding:14px 16px;
  border-radius:16px;
  background:
    radial-gradient(circle at 92% 50%, rgba(0,255,102,.14), transparent 34%),
    linear-gradient(135deg, rgba(0,255,102,.11), rgba(255,0,0,.08)),
    rgba(0,0,0,.28);
  border:1px solid rgba(0,255,102,.30);
  box-shadow:0 0 24px rgba(0,255,102,.10), inset 0 1px 0 rgba(255,255,255,.06);
}

.last-join-card small{
  display:block;
  color:#5dff91;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:6px;
}

.last-join-card b{
  display:block;
  color:#fff;
  font-size:16px;
  line-height:1.25;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.last-join-card span{
  display:block;
  color:#b9c9bf;
  font-size:12px;
  margin-top:4px;
}

/* Sağ panel uzayınca sol başlığı dengele */
.hero{
  align-items:start;
  padding-top:82px;
}

.hero-left{
  padding-top:0;
}

.live-card{
  margin-top:0;
}

@media(max-width:1100px){
  .hero{
    align-items:stretch;
    padding-top:38px;
  }

  .hero-title .server-word{
    margin-left:12px;
  }
}

@media(max-width:720px){
  .hero-title .title-sub{
    white-space:normal;
  }

  .hero-title .server-word{
    display:block;
    margin-left:0;
    margin-top:4px;
  }

  .zwars-news-body{
    grid-template-columns:32px minmax(0,1fr) 32px;
  }

  .zwars-news-time{
    display:none;
  }
}


/* ZWars Haber Merkezi yerleşim düzeltmesi */
.hero-left .quick-status{
  margin-bottom:14px;
}

.hero-left .zwars-news{
  margin-top:14px;
  margin-bottom:0;
}

.hero-left .lead{
  margin-bottom:24px;
}


/* Haber merkezi yazı rengi yumuşatma */
.zwars-news-text{
  color:#c7d0c9 !important;
  text-shadow:none !important;
  font-weight:750 !important;
}

.zwars-news-time{
  color:#9aa39d !important;
}

.zwars-news-head strong{
  color:#d7ded9 !important;
}

.zwars-news-head span{
  color:#d7ded9 !important;
  border-color:rgba(255,255,255,.18) !important;
  background:rgba(255,255,255,.06) !important;
}

.zwars-news{
  border-color:rgba(255,255,255,.16) !important;
  box-shadow:0 0 24px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.06) !important;
}

.zwars-news-btn{
  color:#c7d0c9 !important;
}

.zwars-news-btn:hover{
  background:rgba(255,255,255,.08) !important;
  border-color:rgba(255,255,255,.18) !important;
}


/* Oyun içi canlı chat paneli */
.zwars-live-chat{
  width:min(820px,100%);
  margin:14px 0 0;
  border-radius:18px;
  overflow:hidden;
  background:
    radial-gradient(circle at 90% 30%, rgba(255,255,255,.06), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.055), rgba(0,0,0,.36));
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 0 24px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter:blur(12px);
}

.zwars-live-chat-head{
  min-height:40px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 14px;
  border-bottom:1px solid rgba(255,255,255,.10);
  background:rgba(0,0,0,.28);
}

.zwars-live-chat-head strong{
  color:#d7ded9;
  font-size:13px;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:900;
}

.zwars-live-chat-head span{
  color:#9aa39d;
  font-size:11px;
  font-weight:800;
  border:1px solid rgba(255,255,255,.13);
  border-radius:999px;
  padding:5px 9px;
  background:rgba(255,255,255,.04);
  white-space:nowrap;
}

.zwars-live-chat-list{
  display:grid;
  gap:7px;
  padding:10px;
  max-height:232px;
  overflow:hidden;
}

.chat-row{
  display:grid;
  grid-template-columns:minmax(170px,.42fr) 1fr;
  gap:10px;
  align-items:start;
  padding:9px 10px;
  border-radius:13px;
  background:rgba(0,0,0,.26);
  border:1px solid rgba(255,255,255,.07);
}

.chat-row.alive{
  border-left:3px solid rgba(93,255,145,.55);
}

.chat-row.dead{
  border-left:3px solid rgba(255,74,50,.45);
  opacity:.78;
}

.chat-meta b{
  display:block;
  color:#e6ebe7;
  font-size:12px;
  line-height:1.2;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.chat-meta span{
  display:block;
  color:#8f9992;
  font-size:10px;
  margin-top:3px;
}

.chat-msg{
  color:#c7d0c9;
  font-size:13px;
  line-height:1.35;
  word-break:break-word;
}

.chat-empty{
  color:#9aa39d;
  font-size:13px;
  padding:12px;
  border-radius:13px;
  background:rgba(0,0,0,.20);
  border:1px solid rgba(255,255,255,.06);
}

@media(max-width:720px){
  .chat-row{
    grid-template-columns:1fr;
  }
}


/* ===== ZWARS MANSET V2 - konuşulan görsel düzeni ===== */
body{
  background:
    linear-gradient(180deg, rgba(0,0,0,.30), rgba(0,0,0,.94) 62%),
    radial-gradient(circle at 16% 42%, rgba(140,0,0,.34), transparent 28%),
    radial-gradient(circle at 78% 46%, rgba(0,90,42,.30), transparent 32%),
    url('/assets/bg-zombie.svg') center top/cover fixed no-repeat,
    #020303 !important;
}
main{width:min(1720px,calc(100% - 64px)) !important;}
.hero.hero-manset{
  display:grid !important;
  grid-template-columns:minmax(420px,1fr) minmax(420px,1fr) !important;
  grid-template-areas:"center center" "players chat" !important;
  gap:24px !important;
  align-items:start !important;
  min-height:auto !important;
  padding:38px 0 26px !important;
}
.hero.hero-manset:after{display:none!important;}
.hero-center{grid-area:center;text-align:center;max-width:980px;margin:0 auto;padding-top:0;}
.hero-center .eyebrow{margin:0 auto 16px;}
.hero-title{font-size:clamp(76px,7vw,124px) !important;line-height:.84 !important;margin:0 0 18px !important;letter-spacing:-.045em !important;}
.hero-title .title-main{color:#f2f2ee!important;text-shadow:0 3px 0 rgba(0,0,0,.24),0 0 34px rgba(255,255,255,.13)!important;}
.hero-title .title-sub{display:block;margin-top:8px;white-space:nowrap;}
.hero-title .tr-red{color:#ff1118!important;text-shadow:0 0 36px rgba(255,0,0,.48)!important;}
.hero-title .server-word{margin-left:22px!important;}
.hero-title .server-word .white{color:#ededeb!important;text-shadow:0 0 24px rgba(255,255,255,.16)!important;}
.hero-title .server-word .red{color:#ededeb!important;}
.hero-center .lead{max-width:900px;margin:0 auto 22px!important;font-size:21px;text-align:center;color:#e3e6e1;line-height:1.35;}
.hero-center .hero-actions{justify-content:center;margin:22px 0 0!important;}
.hero-center .btn{min-height:58px;padding:0 34px;border-radius:13px;font-size:16px;box-shadow:0 0 34px rgba(0,0,0,.45);}
.hero-side-left{grid-area:players;}
.hero-side-right{grid-area:chat;}
.live-card.hero-side-left,.zwars-live-chat.hero-side-right{
  min-height:620px;
  border-radius:22px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(0,0,0,.48)),rgba(5,8,8,.74)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 24px 90px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.06)!important;
  backdrop-filter:blur(16px);
}
.live-card.hero-side-left{padding:24px!important;background:radial-gradient(circle at 20% 10%,rgba(255,45,35,.20),transparent 32%),radial-gradient(circle at 82% 28%,rgba(0,255,102,.16),transparent 35%),rgba(5,8,8,.74)!important;}
.live-card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:15px;}
.live-card-title-row>div:first-child{display:grid;grid-template-columns:40px 1fr;column-gap:12px;align-items:center;}
.side-icon{grid-row:1/3;color:#2cff70;font-size:30px;line-height:1;text-shadow:0 0 20px rgba(44,255,112,.45);}
.live-card-title-row h2{margin:0;color:#30ff73;font-size:22px;letter-spacing:.05em;}
.live-card-title-row b{grid-column:2;color:#2cff70!important;font-size:13px;text-transform:uppercase;margin-top:4px;}
.live-card-title-row .server-online strong{font-size:34px!important;color:#f5f7f2!important;line-height:1;}
.live-card-title-row .server-online small{display:inline-flex;margin-top:0;padding:12px 18px;border-radius:999px;background:rgba(33,255,100,.18);color:#9cffb5;font-weight:900;}
.server-name-line{font-size:17px;font-weight:850;color:#fff;line-height:1.35;border-bottom:1px solid rgba(255,255,255,.13);padding-bottom:18px;margin-bottom:14px;}
.live-player-list{gap:8px!important;margin:0 0 14px!important;}
.live-player{grid-template-columns:1fr auto!important;border-radius:14px!important;padding:13px 14px!important;background:rgba(0,0,0,.34)!important;border:1px solid rgba(255,255,255,.08)!important;}
.live-player b{font-size:15px!important;}
.last-join-card{margin:12px 0 14px!important;padding:17px!important;border-radius:16px!important;border-color:rgba(0,255,102,.38)!important;background:radial-gradient(circle at 80% 50%,rgba(0,255,102,.20),transparent 40%),rgba(0,35,14,.25)!important;}
.mini-grid{grid-template-columns:repeat(4,1fr)!important;gap:12px!important;}
.mini-grid div,.quick-status div{min-height:88px;border-radius:14px!important;background:rgba(0,0,0,.30)!important;border:1px solid rgba(0,255,102,.20)!important;}
.live-card-status{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important;margin-top:12px!important;max-width:none!important;}
.live-card-status div{padding:15px!important;}
.live-card-status b,.mini-grid b{font-size:18px!important;color:#fff;}
.live-card-status small,.mini-grid small{color:#8be9a4!important;font-weight:900;}
.zwars-live-chat.hero-side-right{width:100%!important;margin:0!important;padding:0!important;overflow:hidden;}
.zwars-live-chat-head{min-height:70px!important;padding:0 24px!important;background:rgba(0,0,0,.20)!important;}
.zwars-live-chat-head strong{font-size:18px!important;color:#f2f3ef!important;}
.zwars-live-chat-head span{font-size:13px!important;padding:8px 14px!important;background:rgba(255,255,255,.06)!important;}
.zwars-live-chat-list{max-height:none!important;height:540px!important;gap:10px!important;padding:16px 22px 22px!important;overflow:hidden!important;}
.chat-row{display:grid!important;grid-template-columns:240px 1fr auto!important;align-items:center!important;gap:16px!important;min-height:57px!important;border-radius:14px!important;padding:10px 16px!important;background:rgba(0,0,0,.34)!important;border:1px solid rgba(255,255,255,.09)!important;}
.chat-row .chat-meta b{font-size:14px!important;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.chat-row .chat-meta span{font-size:11px!important;color:#9aa39d!important;}
.chat-row .chat-msg{font-size:14px!important;color:#d5dbd7!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.chat-row:after{content:attr(data-chat-time);color:#aeb6b0;font-size:13px;}
/* Eski haber merkezi tamamen kapalı */
.zwars-news{display:none!important;}
@media(max-width:1250px){
  main{width:min(100% - 28px,980px)!important;}
  .hero.hero-manset{grid-template-columns:1fr!important;grid-template-areas:"center" "players" "chat"!important;}
  .hero-title{font-size:clamp(54px,12vw,92px)!important;}
  .mini-grid{grid-template-columns:repeat(2,1fr)!important;}
}
@media(max-width:720px){
  main{width:min(100% - 20px,720px)!important;}
  .hero-title .title-sub{white-space:normal!important;}
  .hero-title .server-word{display:inline-block!important;margin-left:10px!important;}
  .hero-center .lead br{display:none;}
  .hero-center .btn{width:100%;}
  .mini-grid,.live-card-status{grid-template-columns:1fr!important;}
  .chat-row{grid-template-columns:1fr!important;align-items:start!important;}
  .zwars-live-chat-list{height:auto!important;max-height:560px!important;}
}

/* ===== ZWARS FINAL: Yapay zeka arka plan + rütbe/nick düzeltmesi ===== */
body{
  background:
    linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,.42) 34%, rgba(0,0,0,.86) 78%, #020303 100%),
    linear-gradient(90deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.20) 28%, rgba(0,0,0,.18) 70%, rgba(0,0,0,.76) 100%),
    radial-gradient(circle at 21% 47%, rgba(255,0,0,.23), transparent 34%),
    radial-gradient(circle at 63% 47%, rgba(0,255,120,.14), transparent 31%),
    url('/assets/zwars-bg-ai-city.png') center 74px/cover fixed no-repeat,
    #020303 !important;
}

body:before{
  opacity:.08 !important;
}

.fog-layer{
  opacity:.22 !important;
}

.topbar{
  background:linear-gradient(90deg, rgba(18,0,0,.96), rgba(0,0,0,.90), rgba(0,28,11,.92)) !important;
}

.hero.hero-manset{
  position:relative;
}

.hero-center{
  filter:drop-shadow(0 12px 34px rgba(0,0,0,.58));
}

.live-card.hero-side-left,
.zwars-live-chat.hero-side-right{
  background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(0,0,0,.44)),rgba(5,8,8,.68)!important;
}

.live-card.hero-side-left{
  background:
    radial-gradient(circle at 18% 12%,rgba(255,45,35,.18),transparent 34%),
    radial-gradient(circle at 82% 30%,rgba(0,255,102,.14),transparent 37%),
    rgba(5,8,8,.66)!important;
}

.rank-line{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-width:0;
  max-width:100%;
  white-space:nowrap;
  vertical-align:middle;
}

.rank-badge{
  display:inline-flex;
  align-items:center;
  max-width:100%;
  font-weight:950;
  line-height:1;
  text-shadow:0 0 16px currentColor;
}

.player-name-text{
  display:inline-block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  vertical-align:middle;
  color:#f3f5f2;
}

.rank-dot{
  width:13px;
  height:13px;
  flex:0 0 13px;
  border-radius:50%;
  background:currentColor;
  box-shadow:0 0 14px currentColor;
}

.rank-default,.rank-caylak{color:#54ff8a!important;}
.rank-hayatta-kalan{color:#4ade80!important;}
.rank-avci{color:#22c55e!important;}
.rank-kidemli-avci{color:#2dd4bf!important;}
.rank-kasap{color:#fb923c!important;}
.rank-infazci{color:#fb7185!important;}
.rank-olum-taciri{color:#ef4444!important;}
.rank-olum-makinesi{color:#ff2a2a!important;}
.rank-azrail{color:#a855f7!important;}
.rank-salgin-avcisi{color:#ff9f1c!important;}
.rank-zebani{color:#ff4d6d!important;}
.rank-acimasiz{color:#c084fc!important;}
.rank-yasayan-cani{color:#f43f5e!important;}
.rank-kasirga{color:#38bdf8!important;}
.rank-hayalet{color:#cbd5e1!important;}
.rank-efendi{color:#22d3ee!important;}
.rank-lord{color:#ffd166!important;}
.rank-titan{color:#ffd700!important;}
.rank-the-end{color:#ff1f3d!important;}

.live-player b.player-label,
.last-join-card b.last-join-name,
.chat-row .chat-meta b{
  display:block!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  color:#f3f5f2!important;
}

.live-player .rank-line,
.last-join-card .rank-line,
.chat-row .rank-line{
  width:100%;
}

.chat-row .chat-meta b .rank-badge,
.live-player b .rank-badge,
.last-join-card b .rank-badge{
  font-size:inherit!important;
}

.chat-row .chat-meta b .player-name-text,
.live-player b .player-name-text,
.last-join-card b .player-name-text{
  font-size:inherit!important;
}

.last-join-card b.last-join-name{
  font-size:16px!important;
  line-height:1.25!important;
}

.chat-row .chat-meta b{
  font-size:14px!important;
}

.live-player b.player-label{
  font-size:15px!important;
}

@media(max-width:720px){
  body{
    background:
      linear-gradient(180deg, rgba(0,0,0,.20) 0%, rgba(0,0,0,.72) 55%, #020303 100%),
      radial-gradient(circle at 20% 35%, rgba(255,0,0,.16), transparent 38%),
      radial-gradient(circle at 75% 38%, rgba(0,255,120,.10), transparent 36%),
      url('/assets/zwars-bg-ai-city.png') center top/auto 560px no-repeat,
      #020303 !important;
  }
}


/* ===== ZWARS V5 - RUTBE + NICK TEK SATIR / NICK RENGI FIX ===== */
.rank-line{
  display:inline-flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:6px!important;
  max-width:100%!important;
  min-width:0!important;
  width:auto!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
  color:#f3f5f2!important;
}
.rank-prefix{
  flex:0 0 auto!important;
  line-height:1!important;
}
.rank-dot{
  width:12px!important;
  height:12px!important;
  flex:0 0 12px!important;
  border-radius:999px!important;
  background:currentColor!important;
  box-shadow:0 0 14px currentColor!important;
}
.rank-full{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:currentColor!important;
  font-weight:950!important;
  text-shadow:0 0 14px currentColor!important;
}
.rank-default,.rank-caylak{color:#54ff8a!important;}
.rank-hayatta-kalan{color:#4ade80!important;}
.rank-avci{color:#22c55e!important;}
.rank-kidemli-avci{color:#2dd4bf!important;}
.rank-kasap{color:#fb923c!important;}
.rank-infazci{color:#fb7185!important;}
.rank-olum-taciri{color:#ef4444!important;}
.rank-olum-makinesi{color:#ff2a2a!important;}
.rank-azrail{color:#a855f7!important;}
.rank-salgin-avcisi{color:#ff9f1c!important;}
.rank-zebani{color:#ff4d6d!important;}
.rank-acimasiz{color:#c084fc!important;}
.rank-yasayan-cani{color:#f43f5e!important;}
.rank-kasirga{color:#38bdf8!important;}
.rank-hayalet{color:#cbd5e1!important;}
.rank-efendi{color:#22d3ee!important;}
.rank-lord{color:#ffd166!important;}
.rank-titan{color:#ffd700!important;}
.rank-the-end{color:#ff1f3d!important;}

.live-player b.player-label,
.last-join-card b.last-join-name,
.chat-row .chat-meta b{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  color:inherit!important;
}
.live-player b.player-label .rank-line,
.last-join-card b.last-join-name .rank-line,
.chat-row .chat-meta b .rank-line{
  width:auto!important;
  max-width:100%!important;
}
.live-player b.player-label .rank-full,
.last-join-card b.last-join-name .rank-full,
.chat-row .chat-meta b .rank-full{
  color:currentColor!important;
}
.chat-row .chat-meta{
  min-width:0!important;
  overflow:hidden!important;
}
.chat-row .chat-meta b{
  line-height:1.15!important;
}
.last-join-card b.last-join-name{
  line-height:1.25!important;
}


/* ===== ZWARS V6 - CHAT RANK COLOR HARD FIX / EFENDI CYAN ===== */
:root{--rank-efendi:#22d3ee;}
.rank-efendi{color:var(--rank-efendi)!important;}
.live-player .rank-line,
.last-join-card .rank-line,
.chat-row .chat-meta .rank-line{
  color:var(--rank-color,currentColor)!important;
  display:inline-flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:6px!important;
  width:auto!important;
  max-width:100%!important;
  white-space:nowrap!important;
}
.live-player .rank-line .rank-full,
.last-join-card .rank-line .rank-full,
.chat-row .chat-meta .rank-line .rank-full{
  color:var(--rank-color,currentColor)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.live-player .rank-line .rank-dot,
.last-join-card .rank-line .rank-dot,
.chat-row .chat-meta .rank-line .rank-dot{
  background:var(--rank-color,currentColor)!important;
  box-shadow:0 0 14px var(--rank-color,currentColor)!important;
}
.chat-row .chat-meta b{
  color:inherit!important;
  display:block!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.chat-row .chat-meta b .rank-line.rank-efendi,
.chat-row .chat-meta b .rank-line.rank-efendi .rank-full,
.live-player b .rank-line.rank-efendi,
.live-player b .rank-line.rank-efendi .rank-full,
.last-join-card b .rank-line.rank-efendi,
.last-join-card b .rank-line.rank-efendi .rank-full{
  color:var(--rank-efendi)!important;
}
.chat-row.dead{opacity:1!important;}
.last-join-card b.last-join-name{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.last-join-emoji{
  flex:0 0 auto!important;
  line-height:1!important;
}


.btn-steam{letter-spacing:.01em; text-shadow:0 1px 0 rgba(0,0,0,.22);}
.btn-steam:hover{filter:brightness(1.06); box-shadow:0 0 30px rgba(43,143,217,.30)!important;}


/* ===== ZWARS V7 - 1/2 CANLI SUNUCU GECISI ===== */
.server-switcher{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  margin:0 0 8px auto;
}
.server-switcher button{
  width:30px;
  height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(92,255,137,.34);
  border-radius:9px;
  background:rgba(0,0,0,.42);
  color:#9cffb5;
  font:900 22px/1 Arial,sans-serif;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 13px rgba(0,255,90,.08);
  transition:background .15s ease,border-color .15s ease,transform .15s ease,filter .15s ease;
}
.server-switcher button:hover{
  background:rgba(0,255,90,.14);
  border-color:rgba(92,255,137,.72);
  filter:brightness(1.08);
  transform:translateY(-1px);
}
.server-switcher button:active{
  transform:translateY(0);
}
.server-switcher span{
  min-width:44px;
  height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.12);
  border-radius:9px;
  background:rgba(0,0,0,.50);
  color:#f4fff6;
  font-size:13px;
  font-weight:950;
  letter-spacing:.08em;
}
.live-card.hero-side-left.server-view-vanilla{
  background:
    radial-gradient(circle at 18% 12%,rgba(0,159,255,.19),transparent 34%),
    radial-gradient(circle at 82% 30%,rgba(0,255,184,.14),transparent 37%),
    rgba(5,8,8,.66)!important;
}
.live-card.hero-side-left.server-view-vanilla .side-icon,
.live-card.hero-side-left.server-view-vanilla .live-card-title-row h2{
  color:#55d8ff!important;
  text-shadow:0 0 20px rgba(85,216,255,.34);
}
.live-card.hero-side-left.server-view-vanilla .server-switcher button{
  border-color:rgba(85,216,255,.38);
  color:#88e6ff;
}
.live-card.hero-side-left.server-view-vanilla .server-switcher button:hover{
  background:rgba(85,216,255,.14);
  border-color:rgba(85,216,255,.76);
}
@media(max-width:720px){
  .server-switcher{justify-content:flex-start;margin:0 0 8px 0;}
}