#warehouseToggle{position:absolute;right:2%;top:auto;bottom:8%;z-index:15;display:flex;align-items:center;gap:9px;background:#14282dee;border:1px solid #baa16e9c;color:#e2c68c;padding:13px 16px;box-shadow:0 6px 26px #0006}#warehouseToggle>span{font-size:23px}#warehouseToggle b{border-radius:15px;background:#d6bc7d;color:#15272a;min-width:20px;padding:3px;font-size:10px}
#inventory.warehouse-panel{position:absolute;left:auto;right:max(2%,env(safe-area-inset-right));top:14%;bottom:4%;width:clamp(330px,44vw,480px);height:auto;margin:0;padding:18px;z-index:25;border:1px solid #bbab7b6b;border-radius:10px;background:linear-gradient(130deg,#1c3033f7,#0b1e25fa);box-shadow:0 20px 70px #0009;display:flex;flex-direction:column;gap:0;backdrop-filter:blur(14px);animation:warehouseOpen .2s ease-out}
@keyframes warehouseOpen{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}
.warehouse-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.warehouse-heading .tag{font-size:7px;letter-spacing:2px}.warehouse-heading h2{font-family:serif;font-weight:400;font-size:23px;margin:4px 0 0;letter-spacing:3px}.warehouse-heading small{font-family:sans-serif;letter-spacing:0;font-size:9px;color:#97afa4}.warehouse-heading button{font-size:26px;padding:0 10px;background:none;border-color:transparent;line-height:31px}.warehouse-toolbar{display:flex;gap:8px;align-items:center;border-top:1px solid #b3a67825;padding:10px 0}.warehouse-toolbar span{font-size:10px;color:#94a99e;margin-right:auto}.warehouse-toolbar button{font-size:10px;padding:5px 8px;background:transparent}.warehouse-toolbar #marketBtn{border-color:#d1b47260;color:#dbc48d}
#warehouseViewport{position:relative;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#baa57355 #08181c70;background:#08181c70;border:1px solid #849b8930}
#inventory #items{display:block;position:relative;overflow:visible;padding:0;margin:0;width:100%;gap:0;touch-action:pan-y;--cell:34px;background-image:linear-gradient(to right,#89a39124 1px,transparent 1px),linear-gradient(to bottom,#89a39124 1px,transparent 1px);background-size:var(--cell) var(--cell)}
.warehouse-item{position:absolute;margin:0;padding:3px;border:1px solid var(--rarity);border-radius:2px;overflow:hidden;touch-action:none;background:linear-gradient(145deg,color-mix(in srgb,var(--rarity) 14%,#14282d),#102228);display:flex;align-items:center;justify-content:center;cursor:grab;user-select:none;-webkit-user-select:none;transition:box-shadow .15s;z-index:1}.warehouse-item:hover{background:color-mix(in srgb,var(--rarity) 17%,#18363b)}.warehouse-item.focused{box-shadow:inset 0 0 0 2px #f8d790;z-index:2}.warehouse-item.offered{outline:2px solid #e9c27a;outline-offset:-3px}.warehouse-item.dragging{opacity:.22}.warehouse-art{position:absolute;inset:3px 3px 10px;display:flex;align-items:center;justify-content:center;pointer-events:none}.warehouse-art img{width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}.warehouse-name{position:absolute;bottom:1px;left:2px;right:2px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:8px;line-height:10px;color:#d4dece;pointer-events:none}.warehouse-size{position:absolute;right:3px;top:2px;font-size:8px;line-height:10px;color:#ccdac6;background:#06151bc4;border-radius:2px;padding:1px 3px;pointer-events:none}
#warehouseDropPreview{position:absolute;border:2px solid #92e5a3;background:#80df9c30;pointer-events:none;z-index:6}#warehouseDropPreview.invalid{border-color:#ff8878;background:#ff887830}.warehouse-ghost{opacity:.9;pointer-events:none!important;z-index:1000;box-shadow:0 7px 20px #000a;cursor:grabbing}
#warehouseEmpty{position:absolute;left:12px;right:12px;top:30px;text-align:center;background:#0c2029dd;padding:20px 10px;border:1px dashed #9da77b50;border-radius:5px}#warehouseEmpty strong{font-size:13px;letter-spacing:3px;font-weight:400}#warehouseEmpty p{font-size:10px;line-height:1.8;color:#9cafa4}#warehouseEmpty button{font-size:11px;color:#e5cc91}
#warehouseHint{font-size:9px;line-height:1.5;color:#8eaa9b;margin:9px 0;min-height:14px}#warehouseHint.error{color:#ffa491}.warehouse-bottom{border-top:1px solid #9bb18a30;padding-top:10px;display:flex;align-items:center;gap:10px;justify-content:space-between}.warehouse-bottom p{font-size:10px;color:#d7cfb1;line-height:1.6;margin:0;min-width:0}.warehouse-bottom button{font-size:11px;color:#edd59c;padding:10px 12px;white-space:nowrap;border-color:#c2a76a70}#inventory[hidden],#warehouseToggle[hidden],#warehouseEmpty[hidden],#warehouseDropPreview[hidden]{display:none!important}
@media(max-height:650px) and (orientation:landscape){#warehouseToggle{padding:8px 12px;font-size:11px;top:auto;bottom:8%}#warehouseToggle>span{font-size:18px}#inventory.warehouse-panel{top:12%;bottom:3%;height:auto;padding:11px 13px}.warehouse-heading{margin-bottom:7px}.warehouse-heading h2{font-size:19px;letter-spacing:2px;margin-top:2px}.warehouse-heading .tag{font-size:6px}.warehouse-toolbar{padding:6px 0;gap:5px}.warehouse-toolbar span{font-size:8px}.warehouse-toolbar button{font-size:9px;padding:4px 6px}#warehouseHint{font-size:8px;margin:6px 0;min-height:12px}.warehouse-bottom{padding-top:7px}.warehouse-bottom p{font-size:9px}.warehouse-bottom button{font-size:10px;padding:7px 10px}.warehouse-name{font-size:7px;line-height:8px}.warehouse-art{bottom:9px}.warehouse-size{font-size:7px}}