header{background:linear-gradient(115deg,#ffe2f7 0 40%,#f455cf 40%);border-bottom:5px solid #dc35b1;box-shadow:0 4px 0 #efa3da;gap:20px}.brand{color:#d72fa7}.brand>span:last-child{color:#7b37cd}.brand-icon{background:linear-gradient(#66d74c,#3bbb3b);border-color:#a4e68b;box-shadow:inset 0 -5px 0 #168e28;color:#fff}.header-tag{color:#a02c87;background:#ffe5f9;border:2px solid #ffb1e8;border-radius:12px;padding:9px 12px;font-size:11px}.source-link{color:#712650;background:#ffe8f7;border:2px solid #ffa5e3;border-radius:12px;padding:10px 13px;text-decoration:none;font-size:14px;margin-left:0}.nav-backpack{margin-left:auto;background:linear-gradient(#6ada4a,#36b83b);border:2px solid #b9ec91;border-radius:13px;padding:10px 17px 14px;color:white;box-shadow:inset 0 -5px 0 #218f2e;font-weight:600}.trade-actions{display:flex;gap:13px;align-items:center}.trade-actions .green-confirm{font-size:17px;padding:10px 15px 15px}.backpack{position:fixed;margin:auto;width:1150px;max-width:calc(100vw - 32px);height:min(820px,90dvh);max-height:90dvh;overflow:hidden;flex-direction:column;padding:0;color:#633452}.backpack[open]{display:flex}.backpack::backdrop{background:#15382ca8;backdrop-filter:blur(3px)}.backpack-top{flex:0 0 auto;position:relative;padding-right:80px;gap:16px}.backpack-top .search{width:52%}.close-backpack{position:absolute;right:17px;top:17px;background:linear-gradient(#fa5363,#df243f);border:3px solid #ff9ca7;border-radius:15px;color:#fff;font-size:38px;line-height:1;width:50px;height:50px;box-shadow:inset 0 -6px 0 #b2162b;z-index:1}.backpack-controls{flex:0 0 auto}.backpack-body{flex:1;min-height:0;overflow:hidden}.category-sidebar{overflow-y:auto;scrollbar-color:#e958c2 #ffe5f6}.inventory-content{display:flex;flex-direction:column;min-height:0;overflow:hidden}.backpack .pet-grid{max-height:none;flex:1;min-height:0;align-content:start}.backpack .pagination{flex:0 0 auto;padding:10px 0;margin:0}.item-tooltip{z-index:100;max-height:calc(100dvh - 20px);overflow:hidden}.backpack #message{margin:0 0 7px}.backpack #message:empty{margin:0}.category-button{flex-shrink:0}body:has(#backpack[open]),body:has(#pet-dialog[open]){overflow:hidden}.method{margin-top:15px}@media(max-width:1000px){header{gap:14px}.header-tag{display:none}}@media(max-width:600px){header{padding:10px 12px;gap:8px;height:auto;min-height:76px;flex-wrap:wrap}.brand{font-size:20px}.brand-icon{font-size:22px;margin-right:7px}.nav-backpack{font-size:14px;padding:9px 10px 13px}.source-link{font-size:12px;padding:8px 9px;max-width:none;margin-left:auto}.intro{flex-wrap:wrap}.trade-actions{width:100%;justify-content:flex-end}.backpack{max-width:calc(100vw - 12px);width:100%;height:94dvh;max-height:94dvh;border-radius:21px;border-width:4px}.backpack-top{padding:13px 60px 13px 12px;flex-wrap:wrap;gap:8px;background:#f758d0}.backpack-top h2{color:#fff;font-size:26px}.backpack-top .search{width:100%;margin:0;height:43px}.close-backpack{top:10px;right:10px;width:42px;height:42px;font-size:32px}.backpack-controls{padding:9px 10px;gap:6px}.backpack-controls .side-toggle{margin:0}.backpack-controls .side-toggle button{padding:8px 10px;font-size:13px}.backpack-controls select{padding:8px;max-width:130px}.backpack-body{display:flex;flex-direction:column;gap:0;padding:0 9px 10px}.category-sidebar{flex:0 0 auto;overflow-x:auto;overflow-y:hidden;min-height:88px;padding:6px;margin-bottom:8px}.category-button{flex:0 0 75px}.inventory-content{flex:1}.backpack .pet-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.inventory-item img{height:85px}.backpack .pagination{gap:10px;font-size:13px}.backpack .pagination button{padding:8px 11px}.item-tooltip{font-size:12px;width:220px;max-width:calc(100vw - 16px)}.item-tooltip strong{font-size:17px}.pet-dialog{max-height:92dvh}.popup-preview img{width:70px;height:70px}}@media(max-width:360px){.backpack .pet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.source-link{display:none}.choice{width:78px;height:78px}.popup-choices{gap:9px}}

.category-button img{display:block;width:43px;height:43px;object-fit:contain;margin:0 auto 5px;filter:drop-shadow(0 2px 0 #16872344)}
@media(max-width:600px){.category-button img{width:32px;height:32px;margin-bottom:3px}}