.menu-account{flex-wrap:wrap;max-width:calc(100vw - 32px);gap:10px}
#menu-points{display:flex;align-items:center;gap:5px;color:#f0da92;font-size:12px;white-space:nowrap}#menu-points svg{width:16px;height:16px}
#pet-shop-menu{display:flex;align-items:center;gap:6px;padding:8px 10px;font-size:11px;border-color:#b9a469;background:#172d23dd;border-radius:4px}#pet-shop-menu svg{width:16px;height:16px}
#pet-shop{width:940px;max-height:94dvh;padding:24px;overflow:auto}#pet-shop .panel-heading{margin-bottom:14px}#pet-shop h2{font-size:22px;margin:0}#pet-points{color:#f1d382;font-size:16px;white-space:nowrap}
.pet-shop-note{font-size:12px;color:#b8cab5;line-height:1.6;margin:10px 0 15px}#pet-stage-tabs{display:flex;gap:8px}#pet-stage-tabs button{padding:9px 14px;font-size:12px;border-radius:5px;border-color:#607359}#pet-stage-tabs .active{border-color:#d2b975;background:#39442e;color:#ffe3a0}
.pet-filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0}.pet-filters input[type="search"]{flex:1;min-width:140px}.pet-filters input[type="search"],.pet-filters select,#hero-rebirth{background:#101f18;color:#dce8d4;border:1px solid #52664a;border-radius:5px;padding:9px;font-size:12px}.pet-filters label{display:flex;align-items:center;gap:5px;font-size:11px;white-space:nowrap}.pet-filters label input{margin:0}#pet-count{font-size:11px;color:#b6c6ae}
#pet-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.pet-choice{padding:9px 7px;border:1px solid #53664d;background:#14291f;border-radius:6px;text-align:center;display:flex;flex-direction:column;gap:5px;min-width:0}.pet-choice.owned{border-color:#a48e4c;background:#283626}.pet-choice img{width:100%;height:82px;object-fit:contain}.pet-choice b{font-size:12px;overflow-wrap:anywhere}.pet-choice span{font-size:10px;color:#b6c8ab}.pet-choice small{font-size:9px;color:#829978}.pet-choice button{font-size:11px;padding:7px 4px;margin-top:auto;border-color:#958356;color:#f4dda5;border-radius:4px}.pet-choice .missing-art{height:82px;display:grid;place-items:center;font-size:24px;color:#6e846c}
#pet-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:15px;font-size:12px}#pet-pagination button{padding:5px 13px;border-radius:4px}#pet-shop-status{font-size:12px;color:#f2d68b;line-height:1.5;min-height:18px;margin:12px 0 0}.pet-empty{grid-column:1/-1;text-align:center;color:#b2c4a7;font-size:13px;padding:18px;line-height:1.6}
.roster-search{flex-wrap:wrap}#draft-buy-pet{padding:10px 14px;border-color:#c2a76a;border-radius:5px;margin:10px auto;color:#f7d98e;display:block}
@media(max-width:700px){#pet-shop{padding:16px;max-width:calc(100vw - 20px)}#pet-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.pet-choice img{height:65px}.pet-choice{padding:7px 4px}#pet-shop h2{font-size:18px}#pet-points{font-size:13px}.pet-shop-note{font-size:11px}.pet-filters{gap:8px}.pet-filters input[type="search"]{min-width:120px}#hero-rebirth{font-size:10px;padding:8px}#pet-shop .panel-heading{gap:8px}}
@media(max-width:420px){.menu-account{gap:7px}#menu-account{max-width:68px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#menu-points{font-size:10px}#pet-shop-menu span{display:none}#pet-shop-menu{padding:8px}.pet-filters select{max-width:110px}#pet-shop .panel-heading{flex-wrap:wrap}.roster-search input{flex-basis:140px}}