:root {
  --clash-gold: #ffd76a;
  --clash-red: #ff315b;
  --clash-blue: #42d4ff;
}
body::before {
  content: 'CLASHTUBE CITY WARS';
  position: fixed;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 20000;
  padding: 7px 16px;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 999px;
  background: rgba(0,0,0,.62);
  color: #fff;
  font-weight: 900;
  letter-spacing: .18em;
  text-shadow: 0 0 10px var(--clash-gold), 0 0 22px var(--clash-red);
  pointer-events: none;
}
.clash-city-banner {
  position: absolute;
  left: 50%;
  bottom: 255px;
  transform: translateX(-50%);
  padding: 4px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 215, 106, .85);
  background: linear-gradient(90deg, rgba(255,49,91,.9), rgba(0,0,0,.86), rgba(66,212,255,.88));
  color: #fff;
  font-size: 13px;
  font-weight: 1000;
  letter-spacing: .12em;
  white-space: nowrap;
  text-transform: uppercase;
  box-shadow: 0 0 14px rgba(255,215,106,.9), 0 0 28px rgba(255,49,91,.55);
  text-shadow: 0 0 8px #fff, 0 0 14px var(--clash-gold);
  z-index: 9;
  pointer-events: none;
}
.clash-city-banner::before,
.clash-city-banner::after {
  content: '✦';
  margin: 0 6px;
  color: var(--clash-gold);
}
.clash-invader-tag {
  border-color: rgba(255,49,91,.95);
  box-shadow: 0 0 16px rgba(255,49,91,.95), 0 0 34px rgba(255,49,91,.65);
}