.backpack-button{position:relative;z-index:5;margin:0 0 12px;display:flex;align-items:center;justify-content:center;gap:7px;min-width:112px;height:44px;padding:0 14px;border:2px solid #c6aa71;border-radius:10px;background:#fff7d8;color:#244d3c;line-height:1;box-shadow:0 3px 5px #18382e3d}.backpack-button span{font-size:25px}.backpack-button b{font-size:13px;letter-spacing:.2px}.backpack-button:hover{background:#f2dfaa}.backpack-dialog{width:min(760px,calc(100% - 24px));max-width:760px;padding:0;overflow:hidden;background:#fff9e9;border:4px double #a9823c}.backpack-shell{padding:20px}.backpack-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.backpack-head h2{margin:0;color:#244d3c}.backpack-close{width:36px;height:36px;padding:0;font-size:23px}.backpack-rule{display:flex;align-items:center;gap:9px;margin:0 0 16px;padding:11px 13px;border-radius:9px;background:#244d3c;color:#fff1c4;font-size:13px}.backpack-rule span{font-size:24px}.backpack-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-height:140px;padding:16px;border:2px dashed #bda66f;border-radius:14px;background:linear-gradient(135deg,#d9b475,#b17a43)}.backpack-item{position:relative;display:flex;min-width:0;min-height:155px;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:12px 8px;border:2px solid #d9c58f;border-radius:12px;background:#fff8df;color:#244d3c;text-align:center;box-shadow:0 5px 0 #79532f55;overflow:hidden}.backpack-item strong{position:relative;z-index:2;font-size:11px;line-height:1.3}.backpack-item>b{position:absolute;right:8px;top:7px;z-index:3;padding:3px 6px;border-radius:12px;background:#244d3c;color:#fff1c4;font-size:13px}.backpack-item small{position:relative;z-index:2;font-size:9px;line-height:1.25}.backpack-item-art{position:relative;display:grid;place-items:center;width:68px;height:68px}.backpack-item-icon{position:relative;z-index:2;font-size:49px;filter:drop-shadow(0 4px 2px #3d281b33)}.backpack-gold-coin{position:absolute;z-index:1;right:-5px;bottom:-2px;display:grid;place-items:center;width:49px;height:49px;border:5px solid #bc7617;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff5a3,#f5bd2d 55%,#cf8113);color:#84500f;font:900 24px Georgia,serif;box-shadow:0 0 0 3px #ffe988}.backpack-item.exchange-ready{cursor:pointer;border-color:#d59a23;background:linear-gradient(145deg,#fffce8,#ffe49a);animation:backpack-ready 1.3s ease-in-out infinite alternate}.backpack-item.exchange-ready:hover{transform:translateY(-2px);filter:none}.backpack-history{margin-top:18px}.backpack-history h3{margin-bottom:9px}.backpack-history ul{max-height:210px;margin:0;padding:0;overflow:auto;list-style:none;border-top:1px solid #dbcda8}.backpack-history li{display:flex;align-items:center;gap:10px;padding:9px 4px;border-bottom:1px solid #e5dac0}.backpack-history li>span{font-size:25px}.backpack-history li div{display:flex;min-width:0;flex-direction:column}.backpack-history li strong{font-size:12px}.backpack-history li small{font-size:10px}.backpack-empty{grid-column:1/-1;align-self:center;padding:24px;color:#6d6655;text-align:center}@keyframes backpack-ready{to{box-shadow:0 5px 0 #b27a24,0 0 22px #ffd64d}}@media(max-width:650px){.backpack-button{min-width:102px;height:40px;padding:0 11px}.backpack-button span{font-size:22px}.backpack-shell{padding:14px}.backpack-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}.backpack-item{min-height:145px}}