/**
 * Display Quality - Global rendering and sharpness
 * Include first so other styles can override if needed.
 */

/* Text and font rendering */
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* SVG: crisp edges, no blur when scaled */
svg {
  shape-rendering: geometricPrecision;
  text-rendering: optimizeLegibility;
}

/* Font Awesome icons: crisp at any size */
.fas,
.far,
.fab,
.fa-solid,
.fa-regular,
.fa-brands {
  display: inline-block;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: auto;
}

/* Reduce blur on transformed elements */
.cabinet-nav a,
.btn,
.cabinet-btn,
.tab,
.tab-btn,
.status-badge,
.badge,
.vip-badge,
.bs-vip-badge {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

/* Canvas: quality is set in JS (CryptoBackground uses devicePixelRatio + imageSmoothingQuality) */