.backpack{background:#ffe7f9;border:5px solid #ffc0ed;border-radius:28px;padding:0;overflow:hidden;box-shadow:0 7px 0 #e897cf}.backpack-top{display:flex;align-items:center;gap:35px;background:linear-gradient(45deg,#ffe5f7 0 45%,#f84bce 45%);padding:20px 25px}.backpack-top h2{color:#f345bf;font-size:37px;letter-spacing:0;margin:0}.backpack-top .search{margin-left:auto;width:50%;background:#ffeaf9;border-color:#ffb1e7}.backpack-top input{font-size:23px;color:#c33598}.backpack-controls{display:flex;align-items:center;gap:15px;padding:12px 24px}.backpack-controls .small{margin-left:auto}.backpack-body{display:grid;grid-template-columns:210px 1fr;gap:17px;padding:10px 20px 24px}.category-sidebar{background:#fff;border-radius:18px;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start}.category-button{border:2px solid #b5e599;border-radius:17px;background:linear-gradient(#55cf47,#38bb42);box-shadow:inset 4px 4px 0 #89e767,inset 0 -9px 0 #199934;color:white;padding:8px 5px 15px;min-height:92px}.category-button>span{display:block;font-size:35px;line-height:1.2}.category-button small{font-size:13px;text-transform:capitalize;font-weight:500}.category-button.active{background:linear-gradient(#ffb02a,#f58913);box-shadow:inset 4px 4px 0 #ffd26f,inset 0 -9px 0 #e77222;border-color:#ffcc7f}.inventory-content{min-width:0}.backpack .pet-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:605px;overflow-y:auto;padding:3px 10px 8px 3px;scrollbar-color:#f24aca #ffd4f2;scrollbar-width:auto}.inventory-item{border:3px solid white;border-radius:18px;background:linear-gradient(#fff 15%,#edfff6);box-shadow:0 3px 0 #f6cbeb;padding:9px}.inventory-item.legendary-item{background:linear-gradient(#fff 12%,#fff3c7 54%,#ffc546)}.inventory-item:hover{border-color:#f24bc9;transform:translateY(-2px)}.inventory-item img{height:125px;width:100%;margin:0 0 5px}.inventory-item .pet-name{min-height:0;font-size:14px;text-align:center}.inventory-item .small{margin:3px 0;text-align:center}.backpack .pagination{margin-top:15px}.item-tooltip{position:fixed;z-index:80;width:275px;max-width:calc(100vw - 16px);pointer-events:none;background:#fff8e5;border:4px solid #f0b532;border-radius:17px;padding:14px;color:#5e3e0d;box-shadow:0 5px 0 #8e652e44;font-size:14px}.item-tooltip[hidden]{display:none}.item-tooltip strong{font-size:21px;display:block}.tooltip-rarity{display:block;text-transform:capitalize;color:#9b6512;margin-top:4px}.item-tooltip p{margin:10px 0 0;line-height:1.4}.tooltip-fact{border-top:1px solid #e4ca93;padding-top:10px}.pet-dialog{background:#ffe9f9;border:6px solid #f755c9;border-radius:28px;padding:25px;width:550px;max-width:calc(100vw - 24px);color:#633452;box-shadow:0 9px 0 #90266755;overflow-y:auto;max-height:90vh}.pet-dialog::backdrop{background:#17262b99;backdrop-filter:blur(3px)}.pet-dialog h2{font-size:30px;letter-spacing:0;color:#cc339a;margin:0 28px 14px 0}.close-popup{position:absolute;right:10px;top:10px;border:3px solid #ff91a3;color:white;border-radius:12px;background:#e83049;box-shadow:inset 0 -5px 0 #b7152c;width:43px;height:43px;font-size:32px;line-height:1}.popup-preview{display:flex;gap:18px;align-items:center;background:white;border-radius:17px;padding:10px}.popup-preview img{width:100px;height:100px;object-fit:contain}.popup-preview h3{margin:0;font-size:24px;font-weight:500}.popup-preview p{text-transform:capitalize;margin:5px 0;color:#8e6481}.popup-choices{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;padding:15px 0}.choice{border:5px solid transparent;border-radius:50%;width:115px;height:115px;color:white;font-weight:500;font-size:22px;box-shadow:0 5px 0 #0002;position:relative}.regular-choice{background:#8a8a8a}.neon-choice{background:#60cf3d;text-shadow:0 0 8px #fff8}.mega-choice{background:conic-gradient(#ff5858,#ffbc38,#ffec50,#52db72,#53c7ff,#aa74ed,#ff74c4,#ff5858);color:#111;font-weight:700}.fly-choice{background:#ef48b7;font-size:46px}.ride-choice{background:#3299e6;font-size:46px}.no-potion-choice{background:#8b929c;font-size:19px}.choice.active{border-color:#fff;outline:4px solid #7638c3;outline-offset:2px;transform:translateY(-3px)}.popup-actions{display:flex;gap:15px;justify-content:flex-end;align-items:center;margin-top:17px}.green-confirm{background:linear-gradient(#75e953,#39c140);border:3px solid #9ce573;border-radius:16px;color:white;box-shadow:inset 0 -7px 0 #1b9b30;padding:15px 22px 19px;font-weight:600;font-size:22px}.green-confirm:disabled{opacity:1;cursor:not-allowed;background:#a4a4a4;border-color:#c1c1c1;box-shadow:inset 0 -7px 0 #848484;color:#fff}.popup-value{font-size:19px}#popup-value{min-height:25px;font-size:18px}#popup-error{color:#a22852;font-size:14px}.badge.fly{background:#ef48b7}.badge.ride{background:#3299e6}.badge.neon{background:#67cc3c}.badge.mega{background:conic-gradient(#ff6565,#ffe350,#6cdb6d,#57c8ff,#b36bf6,#ff6565);color:#111;font-weight:700}@media(max-width:900px){.backpack-body{grid-template-columns:155px 1fr;gap:10px;padding:10px 12px 20px}.category-sidebar{padding:8px;gap:7px}.category-button{min-height:77px}.category-button small{font-size:12px}.inventory-item img{height:100px}.backpack .pet-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.backpack-top{padding:15px;gap:12px}.backpack-top h2{font-size:25px}.backpack-top .search{width:57%;padding:0 9px}.backpack-top input{font-size:16px}.backpack-controls{padding:10px 12px;flex-wrap:wrap;gap:8px}.backpack-controls select{max-width:135px}.backpack-controls .small{width:100%;margin:0}.backpack-body{display:block;padding:5px 10px 15px}.category-sidebar{display:flex;overflow:auto;gap:8px;margin-bottom:13px;border-radius:14px}.category-button{flex:0 0 75px;min-height:73px;padding:4px 2px 13px}.category-button>span{font-size:27px}.backpack .pet-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:450px}.inventory-item{padding:5px;border-radius:13px}.inventory-item img{height:83px}.inventory-item .pet-name{font-size:12px}.inventory-item .small{font-size:11px}.pet-dialog{padding:19px 14px}.pet-dialog h2{font-size:26px}.choice{width:88px;height:88px;font-size:18px;border-width:4px}.fly-choice,.ride-choice{font-size:38px}.no-potion-choice{font-size:15px}.popup-choices{gap:12px}.green-confirm{font-size:19px;padding:13px 15px 17px}.popup-preview img{width:80px;height:80px}.popup-preview h3{font-size:21px}.item-tooltip{width:240px}}