.d2inv-pack-stage{display:grid;grid-template-columns:minmax(176px,.48fr) minmax(536px,1.52fr);gap:var(--space-10);flex:1 1 auto;min-height:280px;padding:var(--space-xs) var(--space-3xs) var(--space-3xs);overflow:visible}.d2inv-pack-stage__visual,.d2inv-pack-board{position:relative;border:1px solid var(--c-bark-3-a22);border-radius:var(--radius-xl);background:linear-gradient(180deg,var(--oxblood-900-a78),var(--c-ink-a90));box-shadow:var(--shadow-inset-04),0 14px 30px var(--color-scrim-22)}.d2inv-pack-stage__visual{display:grid;grid-template-columns:1fr;justify-items:center;align-content:start;gap:var(--space-md);padding:var(--space-18) var(--space-18) var(--space-lg);text-align:center;background:radial-gradient(circle at 16% 24%,var(--c-amberdark-a10),transparent 26%),linear-gradient(180deg,var(--oxblood-900-a85),var(--c-ink-a95))}.d2inv-pack-stage__satchel{position:relative;width:148px;min-height:148px;margin:0 auto;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xl);background:radial-gradient(circle at 50% 36%,var(--c-clay-4-a12),transparent 48%),linear-gradient(180deg,var(--oxblood-900-a24),var(--c-ink-a54));box-shadow:var(--shadow-inset-04),0 18px 28px var(--color-scrim-light)}.d2inv-pack-stage__satchel-art{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 26px 30px var(--color-scrim-24))}.d2inv-pack-stage__copy{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.d2inv-pack-stage__headline{font-family:var(--font-display);font-size:.98rem;color:var(--cream-40);letter-spacing:.05em;text-transform:uppercase}.d2inv-pack-stage__text{margin:0;max-width:24ch;font-size:var(--rsize-body);line-height:1.5;color:var(--c-parch-4)}.d2inv-pack-board{display:grid;grid-template-rows:auto auto auto;gap:var(--space-md);padding:var(--space-base) var(--space-md)}.d2inv-pack-board__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-10)}.d2inv-pack-board__stat{display:flex;flex-direction:column;gap:var(--space-2xs);padding:var(--space-10) var(--space-md);border:1px solid var(--c-amber-8-a22);border-radius:var(--radius-base);background:linear-gradient(180deg,var(--oxblood-900-a85),var(--c-ink-a95));box-shadow:var(--shadow-inset-03),0 12px 20px var(--color-scrim-22)}.d2inv-pack-board__stat-label{font-size:var(--rsize-meta);color:var(--c-clay-2);text-transform:uppercase;letter-spacing:.18em}.d2inv-pack-board__stat-value{font-family:var(--font-display);font-size:.92rem;color:var(--cream-35);letter-spacing:.05em}.d2inv-pack-board__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-xs);overflow:visible}.d2inv-pack-slot{--pack-slot-border: var(--pack-slot-rune-border-default);--pack-slot-glow: var(--c-amber-7-a08);--pack-slot-fill-top: var(--oxblood-900-a90);--pack-slot-fill-bottom: var(--c-ink-a95);--pack-slot-accent: var(--c-amberdark-a08);--pack-slot-meta-color: var(--c-clay-5);--pack-slot-index-color: var(--c-umber-2);--pack-slot-label-color: var(--cream-35);position:relative;display:grid;grid-template-rows:minmax(76px,1fr) auto;align-items:end;gap:var(--space-2xs);min-height:142px;padding:var(--space-28) var(--space-10) var(--space-10);border-radius:var(--radius-base);border:1px solid var(--pack-slot-border);background:radial-gradient(circle at 50% 14%,var(--pack-slot-accent),transparent 34%),linear-gradient(180deg,var(--pack-slot-fill-top),var(--pack-slot-fill-bottom));box-shadow:var(--shadow-inset-03),0 14px 24px var(--color-scrim-ghost),0 0 22px var(--pack-slot-glow);cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.d2inv-pack-slot:hover{z-index:8;transform:translateY(-1px);border-color:var(--c-amber-7-a40);box-shadow:var(--shadow-inset-05),0 18px 30px var(--color-scrim-22),0 0 28px var(--c-amber-7-a16)}.d2inv-pack-slot--disabled,.d2inv-pack-slot--disabled:hover{transform:none;cursor:not-allowed;filter:saturate(.82) brightness(.92);box-shadow:var(--shadow-inset-03),0 12px 20px var(--color-scrim-22),0 0 18px var(--c-amber-7-a08)}.d2inv-pack-slot--selected{border-color:var(--c-gold-9-a16);box-shadow:var(--shadow-inset-06),0 20px 32px var(--color-scrim-24),0 0 32px var(--c-gold-9-a16)}.d2inv-pack-slot--empty{justify-content:center;cursor:default;border-style:dashed;box-shadow:none;background:linear-gradient(180deg,var(--c-ink-a52),var(--c-ink-a78))}.d2inv-pack-slot__index{position:absolute;top:8px;left:10px;font-size:.62rem;color:var(--pack-slot-index-color);text-transform:uppercase;letter-spacing:.16em}.d2inv-pack-slot__meta{position:absolute;top:8px;left:50%;max-width:calc(100% - 38px);transform:translate(-50%);font-size:var(--rsize-meta);color:var(--pack-slot-meta-color);text-transform:uppercase;letter-spacing:.15em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.d2inv-pack-slot__art{display:flex;align-items:center;justify-content:center;min-height:82px;padding:var(--space-xs) 0 var(--space-2xs)}.d2inv-pack-slot__sprite{max-width:90%;max-height:86px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 10px 14px var(--color-scrim-34));pointer-events:none}.d2inv-pack-slot__label,.d2inv-pack-slot__name{font-size:var(--rsize-meta);color:var(--pack-slot-label-color);text-align:center;line-height:1.15}.d2inv-pack-slot__label{display:-webkit-box;max-width:100%;min-height:2.1em;max-height:3.45em;overflow:hidden;white-space:normal;text-wrap:balance;word-break:break-word;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:3}.d2inv-socket-pips{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:18px;pointer-events:none}.d2inv-socket-pip{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:11px;height:11px;border-radius:50%;border:1px solid var(--rune-pip-border);background:var(--rune-pip-bg);box-shadow:inset 0 0 0 1px var(--color-scrim-24);overflow:hidden}.d2inv-socket-pip--filled{width:18px;height:18px;border-radius:5px;border-color:var(--rune-pip-filled-border);background:radial-gradient(circle at 42% 38%,var(--rune-fill-core),var(--rune-fill-mid) 48%,var(--rune-fill-edge) 80%);box-shadow:inset 0 0 0 1px var(--rune-fill-inset),0 0 8px var(--rune-fill-glow)}.d2inv-socket-pip--rune{background:linear-gradient(180deg,var(--rune-body-top),var(--rune-body-bottom));box-shadow:inset 0 0 0 1px var(--rune-body-inset),inset 0 -5px 8px var(--color-scrim-30),0 0 9px var(--rune-body-glow)}.d2inv-socket-pip--rune-tier-4,.d2inv-socket-pip--rune-tier-5,.d2inv-socket-pip--rune-tier-6{border-color:var(--rune-tier-arcane-border);box-shadow:inset 0 0 0 1px var(--rune-tier-arcane-inset),inset 0 -5px 8px var(--color-scrim-30),0 0 9px var(--rune-tier-arcane-glow)}.d2inv-socket-pip--rune-tier-7,.d2inv-socket-pip--rune-tier-8,.d2inv-socket-pip--rune-tier-9{border-color:var(--rune-tier-nature-border);box-shadow:inset 0 0 0 1px var(--rune-tier-nature-inset),inset 0 -5px 8px var(--color-scrim-30),0 0 10px var(--rune-tier-nature-glow)}.d2inv-socket-pip__rune-img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;filter:saturate(1.12) contrast(1.08) drop-shadow(0 0 4px var(--rune-img-glow))}.d2inv-socket-pip__rune-mark{position:relative;z-index:1;color:var(--cream-35);font-family:var(--font-display);font-size:.43rem;font-weight:700;letter-spacing:0;line-height:1;text-shadow:0 1px 2px var(--color-scrim-72);text-transform:uppercase}.d2inv-socket-pip--open{background:var(--rune-pip-open-bg);border-color:var(--rune-pip-open-border)}.d2inv-socket-pip--locked{opacity:.42;border-color:var(--rune-pip-locked-border);background:var(--rune-pip-locked-bg)}.d2inv-socket-pips--pack{position:absolute;right:8px;bottom:8px;padding:2px 4px;border-radius:var(--radius-pill);background:var(--rune-pouch-pack-bg);box-shadow:inset 0 0 0 1px var(--rune-pouch-pack-inset)}.d2inv-pack-slot--slot-weapon .d2inv-pack-slot__sprite{max-width:68%;max-height:88px}.d2inv-pack-slot--slot-armor .d2inv-pack-slot__sprite,.d2inv-pack-slot--slot-shield .d2inv-pack-slot__sprite,.d2inv-pack-slot--slot-helm .d2inv-pack-slot__sprite,.d2inv-pack-slot--slot-gloves .d2inv-pack-slot__sprite,.d2inv-pack-slot--slot-boots .d2inv-pack-slot__sprite{max-width:88%;max-height:92px}.d2inv-pack-slot--slot-belt .d2inv-pack-slot__sprite{max-width:90%;max-height:60px}.d2inv-pack-slot--slot-ring .d2inv-pack-slot__sprite,.d2inv-pack-slot--slot-amulet .d2inv-pack-slot__sprite{max-width:84%;max-height:92px}.d2inv-pack-slot__empty{font-size:.7rem;color:var(--parchment-400);letter-spacing:.1em;text-transform:uppercase}.d2inv-pack-slot.d2inv--normal{--pack-slot-border: var(--c-neutralgray-a28);--pack-slot-glow: var(--c-neutralgray-a04);--pack-slot-fill-top: var(--pack-slot-rune-fill-normal);--pack-slot-fill-bottom: var(--c-ink-a95);--pack-slot-accent: var(--c-neutralgray-a04);--pack-slot-meta-color: var(--c-slate-2);--pack-slot-index-color: var(--c-neutralgray-op);--pack-slot-label-color: var(--c-neutralgray-op)}.d2inv-pack-slot.d2inv--magic{--pack-slot-border: var(--c-blue-a20);--pack-slot-glow: var(--c-blue-a06);--pack-slot-fill-top: var(--pack-slot-rune-fill-magic);--pack-slot-fill-bottom: var(--c-ink-a95);--pack-slot-accent: var(--c-blue-a06);--pack-slot-meta-color: var(--c-bluegray-op);--pack-slot-index-color: var(--c-bluegray-op);--pack-slot-label-color: var(--c-slate-1)}.d2inv-pack-slot.d2inv--rare{--pack-slot-border: var(--pack-slot-rare-border);--pack-slot-glow: var(--pack-slot-rare-glow);--pack-slot-fill-top: var(--c-browndark-a95);--pack-slot-fill-bottom: var(--c-dark-olive-1-a95);--pack-slot-accent: var(--pack-slot-rare-accent);--pack-slot-meta-color: var(--c-green-op-3);--pack-slot-index-color: var(--c-green-op-3);--pack-slot-label-color: var(--cream-10)}.d2inv-pack-slot.d2inv--unique{--pack-slot-border: var(--c-amberdark-a25);--pack-slot-glow: var(--c-amberdark-a08);--pack-slot-fill-top: var(--c-bark-4-a90);--pack-slot-fill-bottom: var(--c-dark-olive-1-a95);--pack-slot-accent: var(--c-amberdark-a08);--pack-slot-meta-color: var(--c-parch-4);--pack-slot-index-color: var(--cream-35);--pack-slot-label-color: var(--c-neutralgray-op)}.d2inv-pack-slot.d2inv--set{--pack-slot-border: var(--c-verdant-2-a30);--pack-slot-glow: var(--pack-slot-set-glow);--pack-slot-fill-top: var(--pack-slot-set-fill);--pack-slot-fill-bottom: var(--c-ink-a95);--pack-slot-accent: var(--pack-slot-set-accent);--pack-slot-meta-color: var(--c-green-op-4);--pack-slot-index-color: var(--c-green-op-4);--pack-slot-label-color: var(--parchment-50)}.d2inv-pack-slot.d2inv--rune{--pack-slot-border: var(--pack-slot-rune-border);--pack-slot-glow: var(--c-neutralgray-a14)}.d2inv-rune-pouch{display:grid;gap:var(--space-xs);padding-top:var(--space-2xs);border-top:1px solid var(--rune-pouch-border)}.d2inv-rune-pouch__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.d2inv-rune-pouch__label,.d2inv-rune-pouch__count{font-size:var(--rsize-meta);color:var(--c-clay-2);text-transform:uppercase;letter-spacing:.16em}.d2inv-rune-pouch__count{color:var(--cream-35)}.d2inv-rune-pouch__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-xs)}.d2inv-rune-pouch .d2inv-pack-slot{min-height:112px;grid-template-rows:minmax(50px,1fr) auto;padding-top:26px}.d2inv-rune-pouch .d2inv-pack-slot__sprite{max-height:58px}.d2inv-pack-slot .d2inv-tip.tip--up{bottom:calc(100% + 10px)}.d2inv-pack-slot .d2inv-tip.tip--down{top:calc(100% + 10px)}.d2inv-drag-source--active{opacity:.45;box-shadow:0 0 0 2px var(--color-veil-14)}.d2inv-drop-target--hover{outline:2px solid var(--gear-drop-hover-outline);outline-offset:-2px;background-color:var(--gear-drop-hover-bg);transition:background-color var(--duration-fast) var(--ease-soft),outline-color var(--duration-fast) var(--ease-soft)}.d2inv-drop-target--valid{outline-color:var(--gear-drop-valid-outline);background-color:var(--gear-drop-valid-bg);box-shadow:inset 0 0 0 1px var(--gear-drop-valid-inset),0 0 22px var(--gear-drop-valid-glow)}.d2inv-drop-target--equip{outline-color:var(--gear-drop-equip-outline);background-color:var(--gear-drop-equip-bg)}.d2inv-drop-target--socket{outline-color:var(--gear-drop-socket-outline);background-color:var(--gear-drop-socket-bg);box-shadow:inset 0 0 0 1px var(--gear-drop-socket-inset),0 0 26px var(--gear-drop-socket-glow)}.d2inv-drop-target--stash,.d2inv-drop-target--pack{outline-color:var(--gear-drop-pack-outline);background-color:var(--gear-drop-pack-bg)}.d2inv-drop-target--invalid{outline:2px solid var(--gear-drop-invalid-outline);outline-offset:-2px;background-color:var(--gear-drop-invalid-bg);box-shadow:inset 0 0 0 1px var(--gear-drop-invalid-inset),0 0 18px var(--gear-drop-invalid-glow);cursor:not-allowed}.d2inv-drop-target--invalid[data-drop-reason]{position:relative}.d2inv-drop-target--invalid[data-drop-reason]:after{content:attr(data-drop-reason);position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:var(--space-2xs);z-index:var(--z-overlay);padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-sm);background:var(--color-surface-raised);color:var(--color-text-primary);box-shadow:var(--shadow-drop-dark),0 0 0 1px var(--color-scrim-medium);font-size:var(--text-body-sm);white-space:nowrap;pointer-events:none}@keyframes d2inv-shake{0%{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}to{transform:translate(0)}}.d2inv-drop-shake{animation:d2inv-shake var(--duration-slow) var(--ease-soft)}