.pets-menu{--pet-rarity:#c8c6b5}.pets-heading{display:flex;gap:18px;align-items:center;margin-bottom:20px}.pets-heading>span{flex:none;width:90px}.pets-heading svg{width:100%;height:auto}.pets-heading h2{margin:2px 0 9px}.pets-heading p:last-child{font-size:12px;line-height:1.7;color:#b7c9b9}.pets-menu h3{font-size:15px}.pets-menu>h3{margin:24px 0 12px}.pets-menu>h3>span{margin-left:8px;color:#c0cdbd;font-size:12px;font-weight:400}
.pet-rarity-common{--pet-rarity:#c8c6b5}.pet-rarity-uncommon{--pet-rarity:#93c78f}.pet-rarity-rare{--pet-rarity:#8ebdda}.pet-rarity-epic{--pet-rarity:#c1a1e4}.pet-rarity-legendary{--pet-rarity:#e5be6e}
.pet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pet-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px;border:1px solid #a7b88c44;border-top:3px solid var(--pet-rarity);border-radius:9px;background:#172f2e99;min-width:0}.pet-card.is-equipped{background:#33452d99;outline:1px solid #d6c47b}.pet-card h4{font-size:16px;margin:9px 0}.pet-card p{font-size:11px;line-height:1.6;color:#b7c7b5;margin:9px 0 14px}.pet-card small{font-size:10px;color:#bdcbbc;margin-top:6px}.pet-card .pet-perk{color:#e0c4bd;margin-bottom:0}.pet-effect{font-size:12px;color:#ebdfba;line-height:1.5}.pet-tag{font-size:9px;letter-spacing:.8px;text-transform:uppercase;color:var(--pet-rarity)}
.pet-portrait{display:block;position:relative;flex:none;width:118px;height:104px;margin-bottom:10px}.pet-portrait-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:radial-gradient(ellipse,#47654b55,#10261e77);border:1px solid var(--pet-rarity);border-radius:18px;color:var(--pet-rarity);font-size:30px;font-weight:600;letter-spacing:2px}.pet-portrait img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.pet-portrait [hidden]{display:none!important}
.pet-equipped{display:flex;align-items:center;gap:16px;padding:16px;background:#35443177;border:1px solid var(--pet-rarity);border-radius:9px;margin:16px 0}.pet-equipped .pet-portrait{width:76px;height:70px;margin:0}.pet-equipped>div{flex:1;min-width:0}.pet-equipped h3{margin:6px 0}.pet-equipped strong{font-size:12px;color:#ecdfb8}.pet-equipped p{font-size:11px;line-height:1.5;color:#d8c8ac;margin:6px 0 0}.pet-equipped>button{flex:none}.pet-equipped-empty{padding:12px 14px;border:1px dashed #a7b88c44;border-radius:7px;color:#b7c7b5;font-size:12px}
.pet-eggs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pet-egg-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #b3a27655;border-radius:8px;background:#483e2b44}.pet-egg-card>div{flex:1;min-width:0}.pet-egg-card h4{margin:0 0 4px;font-size:12px}.pet-egg-art{width:55px;flex:none}.pet-egg-art svg{width:100%;height:auto}.pet-countdown{display:block;font-size:21px;color:#efdaad;font-variant-numeric:tabular-nums;margin:5px 0 9px;line-height:1.2}.pet-egg-card progress{width:100%;height:7px;accent-color:#cbb875}.pet-help{font-size:11px;line-height:1.6;color:#b7c7b5;margin:10px 0}
.pets-menu button{min-height:40px;border:1px solid #adb38455;border-radius:5px;padding:9px 14px;font-size:12px;color:#e9dcbc;background:#314939;cursor:pointer}.pets-menu button:disabled{opacity:.45;cursor:default}.pets-menu button.pet-primary{background:#736239;border-color:#cfb87877;color:#fff0c8}.pet-card>button{margin-top:auto;width:100%}.pets-menu button:focus-visible,.pets-menu summary:focus-visible{outline:2px solid #e6ca88;outline-offset:3px}.pet-filters{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}.pet-filters>button{padding:8px 10px;min-height:36px;font-size:11px}.pet-filters>button[aria-pressed=true]{color:#f8e8b5;background:#675b35;border-color:#b9a56c}
.pet-empty{padding:22px 20px;border:1px dashed #a7b88c55;border-radius:9px;color:#b7c7b5;grid-column:1/-1}.pet-empty h3{margin:0 0 10px;color:#e0d4ad}.pet-empty p{margin:0;line-height:1.7;font-size:12px}.pet-merchant{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px;margin-top:22px;border:1px solid #c4a77755;background:#403b3099;border-radius:8px}.pet-merchant h3{font-size:16px;margin:0 0 9px}.pet-merchant p{font-size:12px;line-height:1.7;margin:0 0 8px}.pet-merchant small{font-size:11px;color:#d0b887}.pet-merchant>button{flex:none}
.pet-odds{margin-top:16px;padding:14px;background:#10251f88;border:1px solid #99ad8533;border-radius:8px}.pet-odds h3{font-size:13px;margin:0 0 12px}.pet-odds dl{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:0 0 12px}.pet-odds dl>div{padding:9px 4px;text-align:center;border-top:2px solid var(--pet-rarity);background:#243c3155}.pet-odds dt{font-size:9px;color:var(--pet-rarity)}.pet-odds dd{margin:5px 0 0;font-size:16px;color:#ece3c6}.pet-odds p{font-size:11px;line-height:1.65;color:#bdc8b9;margin:8px 0 0}
.pet-hatches{padding:14px;background:#203d3255;border:1px solid #9ab78e44;border-radius:8px;margin:18px 0}.pet-hatches h3{margin:0 0 8px}.pet-hatches ul{list-style:none;padding:0;margin:0}.pet-hatches li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 12px;padding:8px 0;border-top:1px solid #9ab78e22;font-size:11px}.pet-hatches li strong{color:#dfdbb4}.pet-hatches li span{color:#bcd0b4;line-height:1.5}.pet-hatches li.is-duplicate span{color:#e2c88d}.pet-hatches details{margin-top:8px}.pet-hatches summary{font-size:11px;color:#b7c7b5;cursor:pointer;padding:8px 0}
.pet-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.pet-footer>span{font-size:11px;color:#a9bca8}.pet-notice{padding:12px;border:1px solid #cfb87855;border-radius:5px;color:#e1cfaa;font-size:12px;line-height:1.7}.pet-notice.error{border-color:#b5736955;color:#e1b3a2}
@media(max-width:600px){.pets-heading{gap:10px}.pets-heading>span{width:65px}.pet-merchant,.pet-footer{align-items:stretch;flex-direction:column}.pet-grid,.pet-eggs{grid-template-columns:1fr}.pet-equipped{gap:10px;flex-wrap:wrap}.pet-equipped>button{width:100%}.pet-odds dl{gap:3px}.pet-odds dt{font-size:8px}.pet-odds dd{font-size:15px}.pet-countdown{font-size:19px}}
.pet-odds details{margin-top:9px}.pet-odds summary{cursor:pointer;font-size:11px;color:#d0c69f;padding:5px 0}.pet-card>small{margin-bottom:12px}.pet-card>.pet-perk{margin-bottom:12px}
.pet-filters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.pet-filters>button{width:100%;min-width:0;padding-left:4px;padding-right:4px}.pet-equipped>button{width:auto;min-width:100px;max-width:150px}.pet-merchant>button,.pet-footer>button{width:auto;min-width:110px}
@media(max-width:600px){.pet-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.pet-equipped>button,.pet-merchant>button,.pet-footer>button{width:100%;max-width:none}}
.pet-footer a{display:inline-block;color:#d5c391;text-decoration:underline;text-underline-offset:3px;margin-top:7px}.pet-footer a:focus-visible{outline:2px solid #e6ca88;outline-offset:3px}