:root{--inv-slot-drop-target-color: var(--f4-accent);--inv-slot-drop-target-bg: var(--f4-accent-bg-hover);--inv-slot-drop-target-bg-empty: var(--f4-accent-bg);--inv-slot-drop-preview-border: var(--f4-accent-border-2);--inv-slot-drop-preview-bg: var(--f4-accent-bg);--inv-slot-dragging-opacity: .6}.empty-slot,.inv-grid-empty{background:var(--f4-bg-faintest);border:1px solid var(--f4-bg-hover, rgba(255, 255, 255, .04));border-radius:var(--f4-r-xs);min-width:0;min-height:0}.item-slot.slot-last-2-rows,.empty-slot.slot-last-2-rows,.inv-grid-slot.slot-last-2-rows,.inv-grid-empty.slot-last-2-rows{background:var(--f4-bg-faint);border-color:var(--f4-border-strong)}.item-slot,.inv-grid-slot{background:var(--f4-slot);border:1px solid var(--f4-border-strong);border-radius:var(--f4-r-xs);padding:2px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:grab;transition:border-color var(--f4-t),background var(--f4-t);position:relative;box-sizing:border-box;overflow:hidden;min-width:0;min-height:0;outline:none;font-family:inherit;color:inherit;max-width:100%;max-height:100%}.item-slot:active,.inv-grid-slot:active{cursor:grabbing}.item-slot:hover,.inv-grid-slot:hover{border-color:var(--f4-accent-border-2);background:var(--f4-accent-bg-soft)}.item-slot.has-rarity,.inv-grid-slot.has-rarity,.equipment-slot.has-rarity{border-top-width:3px;border-top-style:solid;border-top-color:var(--rarity-color);transition:border-color var(--f4-t),background var(--f4-t)}.item-slot.has-rarity:hover,.inv-grid-slot.has-rarity:hover,.equipment-slot.has-rarity:hover{border-top-color:var(--rarity-color)}.item-slot.has-rarity:before,.inv-grid-slot.has-rarity:before,.equipment-slot.has-rarity:before{display:none}.equipment-slot .item-slot-content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.equipment-slot.dragging .item-slot-content,.equipment-slot.dragging .item-amount{visibility:hidden}.equipment-slot .item-amount{position:absolute;top:4px;right:6px;font-size:var(--f4-fs-11);font-weight:600;font-family:var(--f4-font-mono);color:#ffffffe6}.item-slot.dimmed .item-icon-img,.inv-grid-slot.dimmed .item-icon-img{filter:grayscale(1) brightness(.4)}.item-slot.dimmed,.inv-grid-slot.dimmed{opacity:.9}.item-slot.dimmed.has-rarity,.inv-grid-slot.dimmed.has-rarity{--rarity-color: #3a4150 !important}.item-slot.dragging,.inv-grid-slot.dragging{opacity:var(--inv-slot-dragging-opacity, .6);overflow:hidden}.item-slot.dragging .item-slot-content,.inv-grid-slot.dragging .item-slot-content{min-width:0;min-height:0;overflow:hidden}.item-slot.drop-target,.inv-grid-slot.drop-target{border-color:var(--inv-slot-drop-target-color)!important;background:var(--inv-slot-drop-target-bg)!important;box-shadow:0 0 0 2px var(--inv-slot-drop-target-color);z-index:0}.empty-slot.drop-target{border-color:var(--inv-slot-drop-target-color);background:var(--inv-slot-drop-target-bg-empty)}.item-slot.drop-target>.item-slot-content,.item-slot.drop-target>.item-amount,.inv-grid-slot.drop-target>.item-slot-content,.inv-grid-slot.drop-target>.item-amount{visibility:hidden!important;opacity:0!important}.item-slot.drop-target .swap-preview .item-slot-content,.inv-grid-slot.drop-target .swap-preview .item-slot-content{visibility:visible!important;opacity:1!important}.swap-preview{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:2px;padding:4px;box-sizing:border-box;pointer-events:none;z-index:1}.swap-preview-side{flex:1;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center}.swap-preview-left{justify-content:flex-end}.swap-preview-right{justify-content:flex-start}.swap-preview-side .item-slot-content{max-width:100%;max-height:100%;padding:2px}.swap-preview-side .item-icon-img{max-width:100%;max-height:100%}.swap-preview-icon{flex-shrink:0;font-size:clamp(14px,2vw,22px);line-height:1;color:#ffffffe6;text-shadow:0 0 2px rgba(0,0,0,.8)}.drop-preview,.inv-grid-drop-preview{position:relative;grid-area:auto;background:var(--inv-slot-drop-preview-bg);border:2px solid var(--inv-slot-drop-preview-border);border-radius:var(--f4-r-2xs);pointer-events:none;z-index:10;min-height:0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:0;box-sizing:border-box;overflow:hidden}.drop-preview .item-slot-content,.inv-grid-drop-preview .item-slot-content{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.inv-grid-drop-preview .item-icon-img{width:auto;height:100%}.item-slot-content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;pointer-events:none;border-radius:inherit;overflow:hidden;min-width:0;min-height:0}.inv-grid-slot .item-slot-content{position:absolute;top:0;right:0;bottom:0;left:0}.item-slot-cells{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;z-index:1;border-radius:inherit}.item-cell{min-width:0;min-height:0}.item-icon-img{flex:none;width:auto;max-width:none;height:100%;display:block;padding:0;box-sizing:border-box;position:relative;z-index:1;opacity:0;transition:opacity var(--f4-t)}.item-icon-img.item-icon-loaded{opacity:1}.item-amount{position:absolute;top:4px;right:6px;font-size:var(--f4-fs-11);font-weight:600;font-family:var(--f4-font-mono);color:var(--f4-text-bright);text-shadow:0 0 2px #000;z-index:2}.item-ttl{position:absolute;bottom:3px;left:4px;padding:1px 4px;font-size:var(--f4-fs-10);font-weight:600;font-family:var(--f4-font-mono);line-height:1.2;color:#ffd27a;background:#0000008c;border-radius:3px;z-index:2;pointer-events:none}.item-ttl-warn{color:var(--f4-red-2)}.item-quality{position:absolute;top:3px;left:4px;padding:1px 4px;font-size:var(--f4-fs-10);font-weight:600;font-family:var(--f4-font-mono);line-height:1.2;color:var(--f4-accent-text);background:#0000008c;border-radius:3px;z-index:2;pointer-events:none}.f4-tooltip-quality{margin-top:4px;font-size:var(--f4-fs-11);color:var(--f4-accent-text)}.f4-tooltip-quality-note{color:var(--f4-text-dim)}.f4-tooltip-ttl{margin-top:4px;font-size:var(--f4-fs-11);color:#ffd27a}.f4-tooltip-ttl-warn{color:var(--f4-red-2)}.item-slot-placeholder{font-size:clamp(14px,2vw,22px);color:#ffffff59;line-height:1}.inv-grid-slot .item-slot-placeholder{font-size:var(--f4-fs-16)}.item-slot-placeholder-overlay{z-index:0;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.storage-drop-slot{cursor:default}.f4-tooltip,.inv-grid-tooltip{position:fixed;background:var(--f4-card);color:var(--f4-text);padding:10px 12px;border-radius:var(--f4-r, 11px);font-size:clamp(12px,1.15vw,15px);line-height:1.35;width:max-content;max-width:280px;min-width:120px;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;white-space:pre-line;z-index:var(--f4-z-tooltip);box-shadow:var(--f4-shadow, 0 10px 30px rgba(0, 0, 0, .4));border:1px solid var(--f4-border-strong);pointer-events:none;display:flex;flex-direction:column;gap:4px}.f4-tooltip-name{font-weight:700;font-size:clamp(13px,1.2vw,16px);color:var(--f4-text-bright)}.f4-tooltip-donate{color:var(--f4-gold);font-weight:600}.f4-tooltip-desc{color:var(--f4-text-3);font-size:clamp(11px,1.05vw,14px);white-space:pre-line;line-height:1.4}.f4-tooltip-footer{margin-top:6px;padding-top:6px;border-top:1px solid var(--f4-border);display:flex;align-items:center}.f4-tooltip-weight{font-size:clamp(11px,1vw,13px);font-family:var(--f4-font-mono);color:var(--f4-text-muted)}.f4-tooltip-weight-unit{color:var(--f4-text-faint);font-size:var(--f4-fs-14);margin-left:4px}.f4-tooltip-rarity{margin-top:-2px;font-size:clamp(11px,1vw,13px);font-weight:600}.f4-tooltip-hint{margin-top:4px;font-size:clamp(10px,.9vw,12px);color:var(--f4-text-faint)}.f4-tooltip-boost-note{color:var(--f4-text-faint);font-weight:400;font-size:var(--f4-fs-14)}.f4-tooltip-boost-label{color:var(--f4-text-3);font-style:italic;margin-bottom:2px}.f4-tooltip.f4-tooltip-sm{padding:8px 10px;max-width:230px;min-width:110px;font-size:var(--f4-fs-11)}.f4-tooltip.f4-tooltip-sm .f4-tooltip-name{font-size:var(--f4-fs-12)}.f4-tooltip.f4-tooltip-sm .f4-tooltip-desc,.f4-tooltip.f4-tooltip-sm .f4-tooltip-quality,.f4-tooltip.f4-tooltip-sm .f4-tooltip-ttl,.f4-tooltip.f4-tooltip-sm .f4-tooltip-weight,.f4-tooltip.f4-tooltip-sm .f4-tooltip-weight-unit,.f4-tooltip.f4-tooltip-sm .f4-tooltip-boost-note{font-size:var(--f4-fs-10)}.inv-grid-tooltip-name{font-weight:700;font-size:clamp(13px,1.2vw,16px);color:var(--f4-text-bright);margin-bottom:4px}.inv-grid-tooltip-weight{font-size:clamp(11px,1vw,13px);font-family:var(--f4-font-mono);color:var(--f4-text-muted);opacity:.9;margin-bottom:4px}.inv-grid-tooltip-desc{color:var(--f4-text-3);font-size:clamp(11px,1.05vw,14px);line-height:1.35}body.menu-f2 .item-slot,body.menu-f2 .inv-grid-slot,body.menu-f2 .item-slot.slot-last-2-rows,body.menu-f2 .inv-grid-slot.slot-last-2-rows,body.menu-f2 .equipment-slot{background:var(--f4-cell);border:1px solid var(--f4-border);border-radius:var(--f4-r-sm)}body.menu-f2 .item-slot:hover,body.menu-f2 .inv-grid-slot:hover,body.menu-f2 .equipment-slot:not(.empty):hover{background:var(--f4-cell);border-color:var(--f4-cell-hover-line)}body.menu-f2 .empty-slot,body.menu-f2 .inv-grid-empty,body.menu-f2 .empty-slot.slot-last-2-rows,body.menu-f2 .inv-grid-empty.slot-last-2-rows{background:var(--f4-cell-empty);border:1px solid var(--f4-cell-empty-line);border-radius:var(--f4-r-sm)}body.menu-f2 .equipment-slot.empty{background:var(--f4-cell-empty);border:1px solid var(--f4-border)}body.menu-f2 .item-slot.has-rarity,body.menu-f2 .inv-grid-slot.has-rarity,body.menu-f2 .equipment-slot.has-rarity,body.menu-f2 .item-slot.has-rarity:hover,body.menu-f2 .inv-grid-slot.has-rarity:hover,body.menu-f2 .equipment-slot.has-rarity:hover{border-top-width:1px}body.menu-f2 .item-slot.has-rarity,body.menu-f2 .inv-grid-slot.has-rarity,body.menu-f2 .equipment-slot.has-rarity{border-top-color:var(--f4-border)}body.menu-f2 .item-slot.has-rarity:hover,body.menu-f2 .inv-grid-slot.has-rarity:hover,body.menu-f2 .equipment-slot.has-rarity:hover{border-top-color:var(--f4-cell-hover-line)}body.menu-f2 .item-slot.has-rarity:after,body.menu-f2 .inv-grid-slot.has-rarity:after,body.menu-f2 .equipment-slot.has-rarity:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:2px;border-radius:2px 2px 0 0;background:var(--rarity-color);pointer-events:none;z-index:2}body.menu-f2 .item-amount,body.menu-f2 .equipment-slot .item-amount{top:auto;bottom:5px;right:7px;font-size:var(--f4-fs-11);font-weight:700;color:var(--f4-text-bright);text-shadow:0 1px 2px rgba(0,0,0,.8)}body.menu-f2 .item-amount:before{content:"×"}body.menu-f2 .item-ttl{top:5px;bottom:auto;left:5px;padding:1px 5px;font-weight:700;color:var(--f4-text-2);background:var(--f4-strip);border-radius:4px}body.menu-f2 .item-ttl-warn{color:var(--f4-ttl-ink);background:var(--f4-ttl-bg)}body.menu-f2 .item-quality{top:5px;left:auto;right:5px;padding:1px 5px;font-weight:700;background:var(--f4-strip);border-radius:4px}body.menu-f2 .item-slot.selected,body.menu-f2 .item-slot.selected:hover,body.menu-f2 .equipment-slot.selected,body.menu-f2 .equipment-slot.selected:hover{border-color:var(--f4-accent);box-shadow:inset 0 0 0 1px var(--f4-accent)}