.pets-dialog{width:min(960px,94vw);max-width:960px;background:#f6faf5;color:#143d46}.pets-intro{line-height:1.8;color:#5c797e;margin-top:8px}.pets-toolbar,.pets-tabs,.pet-detail-heading{display:flex;align-items:center;gap:10px;justify-content:space-between}.pets-tabs{justify-content:flex-start;flex-wrap:wrap}.pets-tabs button{background:#e3eeea;color:#315e64;border:1px solid #c8dfd8;border-radius:24px;padding:10px 16px;font-weight:750}.pets-tabs button[aria-pressed=true]{background:#245a5f;color:#fff}.pet-equipped{background:#e1f0e8;border-left:3px solid #5baf92;padding:12px 15px;border-radius:4px;color:#295b51;font-size:13px}.pets-roster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.pet-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 10px 15px;border:1px solid #c9dfe0;background:linear-gradient(140deg,#163e59,#255d6c);border-radius:16px;color:#efffff;text-align:center;overflow:hidden;cursor:pointer;min-width:0}.pet-card.active{border:2px solid #b99b52;box-shadow:0 0 0 2px #f3dba0}.pet-card canvas{width:100%;height:auto}.pet-card strong{font-size:14px}.pet-card small{font-size:11px;color:#b6d6da}.pet-card-skill{font-size:11px;color:#ffe4a3;letter-spacing:.04em}.pet-detail{margin:20px 0;padding:20px;background:#eaf2ed;border:1px solid #c4d8cc;border-radius:20px}.pet-detail h3{margin:0;font-size:22px}.pet-skill-tag{font-size:12px;background:#284d60;border-radius:18px;padding:8px 12px;color:#e9e4b1}.pet-evolutions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0}.pet-evolution{background:linear-gradient(150deg,#12384f,#255c6a);border-radius:14px;display:flex;align-items:center;flex-direction:column;padding-bottom:13px;color:#fff;min-width:0}.pet-evolution.current{outline:2px solid #c9a653;outline-offset:2px}.pet-evolution canvas{width:100%;height:auto}.pet-evolution strong{font-size:12px}.pet-evolution small{color:#a9ced3;font-size:10px;margin-top:6px}.pet-skill-copy{font-size:13px;line-height:1.85;color:#426067}.pet-xp{font-size:12px;color:#547366}.pet-detail progress{width:100%;height:7px;accent-color:#338b7c}.pet-search{display:flex;gap:14px;align-items:center;font-size:12px;color:#5d7e82;margin:12px 0}.pet-search input{flex:1;min-width:0;background:#fff;border:1px solid #cadbd6;border-radius:10px;padding:11px;color:#1f4850}.pet-empty{grid-column:1/-1;text-align:center;padding:35px 10px;color:#668181}.pets-dialog button:focus-visible{outline:3px solid #e6b94f;outline-offset:3px}#petsStatus{min-height:1.5em;font-size:12px;color:#52756d}#petsRefresh{display:block;margin:14px auto}.pets-dialog button:disabled{opacity:.55;cursor:default}@media(max-width:620px){.pets-roster{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.pet-evolutions{grid-template-columns:repeat(2,minmax(0,1fr))}.pet-detail{padding:14px}.pet-detail-heading{align-items:flex-start;flex-direction:column}.pets-toolbar{gap:6px}.pets-toolbar button{font-size:12px;padding:9px 11px}.pet-search{flex-direction:column;align-items:stretch}.pet-card strong{font-size:13px}}

.pet-evolution.locked{background:linear-gradient(145deg,#18313c,#243b45);color:#a7bbc1;border:1px dashed #647c85}.pet-evolution-lock{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:280/180;font-size:30px;color:#a8b9bd;background:radial-gradient(circle,#4b657044,transparent 65%)}.pet-evolution.locked small{color:#91a8b0}

.pet-feed-panel{margin-top:18px;padding:16px;background:#fff7df;border:1px solid #dbc991;border-radius:12px}.pet-feed-panel h4{margin:0 0 8px}.pet-feed-panel p{font-size:12px;line-height:1.7}.pet-feed-warning{color:#87512e}.pet-feed-choices{display:grid;gap:10px;margin-top:12px}.pet-feed-choices label{display:flex;align-items:center;gap:9px;font-size:12px}.pet-feed-choices input{width:18px;height:18px;accent-color:#397e72}.pet-feed-choices .primary{margin-top:10px}

.sticky-player{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-bottom:1px solid #d5e4de}.sticky-player>div{display:flex;flex-direction:column;gap:5px}.sticky-player small{font-size:12px;color:#648281}#stickySelection{font-size:13px;line-height:1.8;background:#e3eee8;padding:14px;border-radius:12px}#stickyStatus{font-size:13px;line-height:1.7;color:#38685c}

.pet-evolution-dialog{width:min(900px,96vw);max-width:900px;padding:0;background:#061a31;border:3px solid #a6c1c5;border-radius:12px;color:#eff8de;overflow:hidden}.pet-evolution-dialog canvas{display:block;width:100%;height:auto;max-height:75dvh;object-fit:contain;background:#081c35}.pet-evolution-dialog>p{margin:0;padding:12px 20px;font:700 14px/1.7 ui-monospace,monospace;color:#e6f3d9}.pet-evolution-actions{display:flex;justify-content:flex-end;gap:12px;padding:0 20px 18px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
