/* Pet window styles (moved out of index.html) */
#pets { display: flex; flex-direction: column; align-items: center; text-align: center; }
#pets.pet-empty { min-height: 277px; } /* the "Adopt a pet" planks are as tall as the Pet window with a pet in it (277px), so the rows below do not jump when you adopt */
.pet-art { margin-top: 2px; cursor: pointer; user-select: none; }
.pet-art svg { display: block; width: 128px; max-width: 100%; height: auto; }
.pet-select { align-self: stretch; margin-top: 2px; padding: 5px; font-size: 13px; background: #333; color: #fff; border: 1px solid #555; border-radius: 3px; }
.pet-select:disabled { opacity: 0.55; }
.pet-select option:disabled { color: #777; }
.pet-skin { margin-top: 2px; }
.pet-cool { height: 8px; line-height: 8px; font-size: 11px; color: #a9a392; }
.pet-new { font-size: 12px; color: #7fe08a; }
.pet-opt { display: flex; align-items: center; gap: 6px; align-self: stretch; margin: 4px 0 0; padding: 4px 6px; text-align: left; font-size: 14px; font-weight: bold; color: #fff; background: #333; }
.pet-opt:hover { background: #444; }
.pet-opt svg { width: 46px; height: auto; flex-shrink: 0; }
.pet-opt small { display: block; font-weight: normal; font-size: 11px; color: #bdb8a6; }
.pet-opt-cancel { align-self: stretch; margin: 8px 0 0; padding: 5px; font-size: 13px; background: #3a2a2a; color: #fff; }