/* One-time Flotsy ad: live server combat replayed with only camera and time treatment. */
.ad-scene-loading {
  position: absolute;
  z-index: 80 !important;
  inset: 0;
  display: none;
  place-content: center;
  gap: 6px;
  padding: 28px;
  background: radial-gradient(circle at 50% 42%, #17333de8, #03080bfa 72%);
  text-align: center;
}

.ad-scene-loading span { color: #67e2f4; font: 900 9px Rajdhani; letter-spacing: 2px; }
.ad-scene-loading b { color: #fff3a4; font: 900 clamp(28px, 8vw, 46px)/.95 Rajdhani; letter-spacing: -1px; text-shadow: 0 5px 20px #000; }
.ad-scene-loading small { color: #9eb0b7; font: 800 10px Rajdhani; letter-spacing: .5px; }
.ad-scene-loading.error small { color: #ff9e96; }
html.ad-capturing #game.hidden { display: block !important; }
html.ad-capturing #lobby,
html.ad-capturing #matchLobby { display: none !important; }
html.ad-capturing .ad-scene-loading { display: grid; }
html.ad-capturing .ad-scene-loading::after {
  content: '';
  width: 78px;
  height: 3px;
  margin: 11px auto 0;
  border-radius: 4px;
  background: linear-gradient(90deg, transparent, #67e2f4, #fff3a4, transparent);
  animation: ad-loading-pulse 1.15s ease-in-out infinite;
}
@keyframes ad-loading-pulse { 50% { opacity: .35; transform: scaleX(.55); } }
html.ad-active.replay-active #arenaReplayBar,
html.ad-active.replay-active .mine,
html.ad-active.replay-active .help-btn,
html.ad-active.replay-active #liveBotTools,
html.ad-active.replay-active #exitGame,
html.ad-active.replay-active .audio-toggle,
html.ad-active.replay-active #sfxToggle,
html.ad-active.replay-active #voiceToggle { display: none !important; }
html.ad-active.replay-active .charge.active { display: block !important; }
html.ad-active .actions button.ad-control-active {
  filter: brightness(1.55) saturate(1.25);
  transform: translate3d(var(--action-rest-x), var(--action-rest-y), 0) scale(.9);
  box-shadow: 0 0 0 3px #fff7c888, 0 0 28px #ffe873aa, inset 0 0 18px #fff4;
}
html.ad-active .joystick.ad-control-active {
  border-color: #d8fbff;
  box-shadow: inset 0 0 0 8px #9fe9fa18, inset 0 0 30px #000b, 0 8px 24px #0008, 0 0 27px #65e6ff99;
}
@media (max-width: 900px) {
  html.ad-active.replay-active .mobile { display: block !important; pointer-events: none; }
}