/* Pet page readability, including previously cached route bundles. */
#app :is(.pet-page, .screen-content:has(#asdGradP)) {
  --pet-text: #29251f;
  --pet-muted: #62584c;
  --pet-accent: #775008;
  --pet-positive: #086c46;
  --pet-border: #dfd1b5;
  --text: var(--pet-text);
  --text-2: var(--pet-muted);
  --text-3: var(--pet-muted);
  --gold: var(--pet-accent);
  --up: var(--pet-positive);
  --surface: #ffffff;
  --surface-2: #fff5dc;
  background: #fffaf0;
  color: var(--pet-text);
}
#app :is(.pet-page, .screen-content:has(#asdGradP)) :is(.text-white, .text-zinc-200, .text-zinc-300, .pet-text-primary) { color: var(--pet-text); }
#app :is(.pet-page, .screen-content:has(#asdGradP)) :is(.text-zinc-400, .text-zinc-500, .text-zinc-600, .pet-text-secondary) { color: var(--pet-muted); }
#app :is(.pet-page, .screen-content:has(#asdGradP)) .gold-text { color: var(--pet-accent); background: none; -webkit-text-fill-color: currentColor; }
#app :is(.pet-page, .screen-content:has(#asdGradP)) :is([class~="text-[8px]"], [class~="text-[9px]"]) { font-size: 10px; }
#app :is(.pet-page, .screen-content:has(#asdGradP)) :is(.rounded-xl, .rounded-2xl) { border-color: var(--pet-border) !important; }
#app :is(.pet-page, .screen-content:has(#asdGradP)) :is(.aspect-square, .w-20.h-20) {
  background: radial-gradient(circle at 35% 25%, #34302a, #1f1d19 75%) !important;
  border: 1px solid #594932 !important;
  border-radius: 12px;
}
#app :is(.pet-page, .screen-content:has(#asdGradP)) .aspect-square > span {
  background: #fff0be !important;
  color: var(--pet-accent) !important;
  border: 1px solid #c9a647;
}
#app :is(.pet-page, .screen-content:has(#asdGradP)) input { color: var(--pet-text); min-width: 0; }
#app :is(.pet-page, .screen-content:has(#asdGradP)) input::placeholder { color: var(--pet-muted); opacity: 1; }
#app :is(.pet-page, .screen-content:has(#asdGradP)) button:disabled {
  opacity: 1;
  color: var(--pet-muted);
  background: #e9e1d4 !important;
  border: 1px solid #cabda6;
  cursor: not-allowed;
}
#app :is(.pet-page, .screen-content:has(#asdGradP)) :is(button, input):focus-visible { outline: 2px solid var(--pet-accent); outline-offset: 3px; }