/* Larger, full-width layout when html.make-it-bigger is set (see js/make-it-bigger.js). */

html.make-it-bigger {
  font-size: 125%;
}

html.make-it-bigger body {
  line-height: 1.55;
}

html.make-it-bigger .header-content,
html.make-it-bigger main,
html.make-it-bigger footer {
  max-width: none;
  width: 100%;
  box-sizing: border-box;
}

html.make-it-bigger main,
html.make-it-bigger footer {
  padding-left: clamp(1rem, 4vw, 2.75rem);
  padding-right: clamp(1rem, 4vw, 2.75rem);
}

html.make-it-bigger header {
  padding-left: clamp(1rem, 4vw, 2.75rem);
  padding-right: clamp(1rem, 4vw, 2.75rem);
}

html.make-it-bigger .universalis-server-select {
  max-width: min(360px, 55vw);
}

html.make-it-bigger .nm-cards {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1rem;
}

html.make-it-bigger .weather-icon {
  width: 30px;
  height: 30px;
}

html.make-it-bigger .kill-section {
  padding: 1.5rem clamp(0.5rem, 2vw, 1rem);
}

/* Spawn Window Tracker: bump the smallest row text (names, levels, conditions, timers) beyond root scale */
html.make-it-bigger .kill-section .kill-header-bar h2 {
  font-size: 1.2rem;
}

html.make-it-bigger .kill-section .kill-zone-title {
  font-size: 1.05rem;
}

html.make-it-bigger .kill-section .kill-zone-status {
  font-size: 0.8rem;
}

html.make-it-bigger .kill-section .kill-zone-empty {
  font-size: 0.85rem;
}

html.make-it-bigger .kill-section .kill-zone-list {
  gap: 0.45rem;
}

html.make-it-bigger .kill-section .kill-row-content {
  padding: 0.45rem 0.6rem 0.5rem;
}

html.make-it-bigger .kill-section .kill-row-name {
  font-size: 0.95rem;
}

html.make-it-bigger .kill-section .kill-row-level {
  font-size: 0.78rem;
}

html.make-it-bigger .kill-section .kill-row-body {
  font-size: 0.82rem;
  line-height: 1.4;
}

html.make-it-bigger .kill-section .kill-row-body .kill-cooldown {
  font-size: 0.76rem;
}

html.make-it-bigger .kill-section .kill-row-spawn-hint {
  font-size: 0.78rem;
  line-height: 1.35;
}

html.make-it-bigger .kill-section .kill-row-spawn-hint .weather-icon,
html.make-it-bigger .kill-section .kill-row-spawn-hint .night-icon {
  width: 18px;
  height: 18px;
}

html.make-it-bigger .kill-section .kill-row-action svg {
  width: 20px;
  height: 20px;
}

html.make-it-bigger .kill-section .tracker-input {
  font-size: 0.85rem;
}

html.make-it-bigger .kill-section .btn-tracker {
  font-size: 0.78rem;
  padding: 0.28rem 0.55rem;
}

html.make-it-bigger .kill-section .tracker-status-label {
  font-size: 0.78rem;
}

html.make-it-bigger .kill-section .tracker-stale-row {
  font-size: 0.8rem;
}

html.make-it-bigger .kill-section .tracker-interact-pending,
html.make-it-bigger .kill-section .tracker-interact-error,
html.make-it-bigger .kill-section .tracker-recent-empty,
html.make-it-bigger .kill-section .tracker-recent-err {
  font-size: 0.88rem;
}

html.make-it-bigger .kill-section .tracker-recent-err code {
  font-size: 0.78rem;
}

html.make-it-bigger .kill-section .tracker-editable-badge,
html.make-it-bigger .kill-section .tracker-recent-sync {
  font-size: 0.78rem;
}

html.make-it-bigger footer .footer-palette-switch {
  width: 48px;
  height: 26px;
  padding: 3px;
}

html.make-it-bigger footer .footer-palette-thumb {
  width: 18px;
  height: 18px;
}

html.make-it-bigger footer .footer-palette-switch[aria-checked="true"] .footer-palette-thumb {
  transform: translateX(24px);
}
