.pets-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem .75rem;padding:.5rem 0;margin-bottom:.75rem;border-bottom:1px solid var(--color-item-border)}.pets-nav a{display:flex;align-items:center;gap:.35rem;white-space:nowrap;padding:.2rem .4rem;border-radius:4px;transition:background-color .15s}.pets-nav a:hover{background-color:var(--color-base-200)}.pets-nav img{width:24px;height:24px;object-fit:contain}.pets-slot-info{text-align:center;margin-bottom:.75rem}.pet-grid{display:grid;grid-template-columns:1fr;gap:.75rem}@media(min-width:768px){.pet-grid{grid-template-columns:1fr 1fr}}.pet-card{background:var(--card-gradient);border:1px solid var(--color-item-border);border-radius:12px;overflow:hidden;color:var(--color-base-content)}.pet-card-header{display:flex;align-items:center;justify-content:space-between;padding:.4rem .6rem;background:color-mix(in oklch,var(--color-primary) 12%,var(--color-base-200));border-bottom:1px solid var(--color-item-border)}.pet-card-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--color-primary)}.pet-card-header h3 .active-star{color:var(--color-accent);margin-left:.25rem}.pet-card-subtitle{font-size:.85rem;color:var(--color-base-content);padding:0 .6rem .4rem;background:color-mix(in oklch,var(--color-primary) 6%,var(--color-base-200))}.pet-card-subtitle img{display:inline;height:1em;vertical-align:middle}.pet-card-body{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:.5rem}@media(max-width:480px){.pet-card-body{grid-template-columns:1fr}}.pet-image-area{display:flex;flex-direction:column;align-items:center;gap:.35rem}.pet-image-frame{background:var(--color-base-100);border:1px solid var(--color-item-border);border-radius:8px;padding:.4rem;text-align:center;width:100%}.pet-image-frame img{max-width:100%;height:auto}.pet-image-frame .make-active,.pet-image-frame .active-label{display:block;margin-top:.25rem;font-size:.85rem}.pet-image-frame .active-label{font-weight:600;color:var(--color-accent)}.pet-info-box{background:var(--color-base-100);border:1px solid var(--color-item-border);border-radius:8px;padding:.35rem .5rem;width:100%;text-align:center}.pet-info-box img{max-width:40px;vertical-align:middle}.pet-stats-area{display:flex;flex-direction:column;gap:.35rem}.pet-options-menu{width:100%}.pet-options-menu>summary{cursor:pointer;padding:.3rem .5rem;background:var(--color-base-200);border:1px solid var(--color-item-border);border-radius:6px;list-style:none;display:flex;align-items:center;justify-content:space-between;font-weight:500;-webkit-user-select:none;user-select:none}.pet-options-menu>summary::-webkit-details-marker{display:none}.pet-options-menu>summary:after{content:"▼";font-size:.7rem;color:color-mix(in oklch,var(--color-base-content) 50%,transparent)}.pet-options-menu[open]>summary:after{content:"▲"}.pet-options-menu .options-list{list-style:none;margin:0;padding:.2rem 0;background:var(--color-base-100);border:1px solid var(--color-item-border);border-radius:0 0 6px 6px;border-top:none}.pet-options-menu .options-list a{display:block;padding:.25rem .5rem}.pet-options-menu .options-list a:hover{background:var(--color-base-200)}.pet-quick-stats{background:var(--color-base-100);border:1px solid var(--color-item-border);border-radius:8px;padding:.4rem .5rem;line-height:1.6}.pet-quick-stats strong{color:var(--color-primary)}.pet-battle-stats{background:var(--color-base-100);border:1px solid var(--color-item-border);border-radius:8px;padding:.4rem .5rem;line-height:1.6;flex:1}.pet-battle-stats strong{color:var(--color-secondary)}.pet-tier{display:flex;align-items:center;gap:.4rem;margin-top:.2rem}.pet-tier-label{font-weight:600;color:var(--color-accent);white-space:nowrap}.tier-progress{flex:1;height:6px;background:var(--color-base-300);border-radius:3px;overflow:hidden}.tier-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:3px;transition:width .3s ease}.tier-progress-text{font-size:.8rem;color:var(--color-base-content);white-space:nowrap}.calculate-rank{cursor:pointer}.pet-resort-alert{background:color-mix(in oklch,var(--color-success) 15%,var(--color-base-100));border:1px solid var(--color-success);border-radius:6px;padding:.3rem .5rem;text-align:center}.pet-name-warning{background:color-mix(in oklch,var(--color-info) 15%,var(--color-base-100));border:1px solid var(--color-info);border-radius:6px;padding:.3rem .5rem}.buy-slots-section{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center;max-width:600px;margin:0 auto;padding:1rem}.buy-slots-section img{max-width:150px}.buy-slots-section .btn-purchase{display:inline-block;background:var(--color-success);color:var(--color-success-content);padding:.5rem 1rem;border-radius:6px;font-weight:600;text-align:center}.buy-slots-section .btn-purchase:hover{filter:brightness(1.1)}@media(max-width:480px){.buy-slots-section{grid-template-columns:1fr;text-align:center}}