.pets-panel{position:absolute;z-index:46;inset:6% max(12px,15%);display:flex;flex-direction:column;min-height:0;background:#13231e;border:1px solid #adad78;box-shadow:0 12px 45px #000a;color:#dfd7b5;padding:14px;max-width:820px;margin:auto}.pets-panel[hidden]{display:none}.pets-panel header{display:flex;align-items:center;justify-content:space-between;gap:16px}.pets-panel h2{margin:0 0 10px}.pets-panel header button{min-width:40px;min-height:40px}.pets-scroll{overflow:auto;min-height:0;overscroll-behavior:contain}.pet-card{border:1px solid #53624a;background:#1a2d25;padding:14px;margin:12px 0}.pet-card h3{margin:6px 0}.pet-card progress{width:min(100%,280px);accent-color:#83ad79}.pet-card small{display:block;color:#b5c2a5}.pet-actions,.pet-name-form{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.pet-actions button,.pet-actions select,.pet-name-form input,.pet-name-form button{min-height:38px;max-width:100%}.pet-actions select{min-width:180px}.pet-name-form input{flex:1;min-width:100px}.pet-encounter{border-color:#c2a663;background:#302f23}@media(max-width:700px),(max-height:600px){.pets-panel{inset:8px;padding:10px}.pet-card{padding:10px}.pet-actions button{min-height:42px}.pets-panel header h2{font-size:20px}}
.pet-actions button,.pet-name-form button,.pet-collection>button,.pets-panel>header button{background:#293b31;border:1px solid #7d8d65;border-radius:3px;padding:8px 12px;color:#e2d0a5;font:inherit;cursor:pointer}.pet-actions button:hover:not(:disabled),.pet-name-form button:hover,.pet-collection>button:hover{background:#3b503d}.pet-actions button:disabled,.pet-collection>button:disabled{opacity:.45;cursor:default}.pet-actions select,.pet-name-form input{background:#10231c;color:#e4dfc7;border:1px solid #708263;border-radius:3px;padding:8px;font:inherit}.pet-actions button:focus-visible,.pet-actions select:focus-visible,.pet-name-form input:focus-visible,.pet-name-form button:focus-visible{outline:2px solid #dec477;outline-offset:2px}