/**
 * HiDPI / 4K Display Fix
 * Makes the app look the same on 4K as it does on 1080p.
 * Viewport-based: only kicks in when the viewport is wider than
 * a standard 1080p display, meaning OS-level scaling isn't compensating.
 */

/* 4K at 100% scaling → viewport ~3840px: zoom 2x to match 1080p */
@media (min-width: 3200px) {
  html {
    zoom: 2;
  }
}

/* 4K at 125% scaling → viewport ~3072px */
@media (min-width: 2400px) and (max-width: 3199px) {
  html {
    zoom: 1.5;
  }
}

/* Large non-4K displays (e.g. 1440p without scaling) */
@media (min-width: 2000px) and (max-width: 2399px) {
  html {
    zoom: 1.25;
  }
}