/* Performance mode overrides for Smart TVs and low-end devices */

/* Disable expensive blur filters globally */
body.performance-mode * {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}

/* Override background colors for glass panels to make text readable without blur */
body.performance-mode .lobby-container,
body.performance-mode .auth-box,
body.performance-mode .modal-content,
body.performance-mode .draft-container,
body.performance-mode .card-body,
body.performance-mode .attacks,
body.performance-mode .item-btn,
body.performance-mode .controls-container,
body.performance-mode .turn-indicator,
body.performance-mode .player-stats,
body.performance-mode .victory-container,
body.performance-mode .volume-control,
body.performance-mode .has-tooltip::after {
  background-color: rgba(15, 15, 25, 0.95) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

/* Disable all animations and transitions to prevent stuttering and flickering */
body.performance-mode *,
body.performance-mode *::before,
body.performance-mode *::after {
  animation: none !important;
  transition: none !important;
}

/* Make sure text shadows are also minimal */
body.performance-mode h1,
body.performance-mode h2,
body.performance-mode h3,
body.performance-mode .stat,
body.performance-mode .btn {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8) !important;
}