.combat-charm-bar{position:absolute;top:8px;left:clamp(32px,3.5vw,54px);right:auto;z-index:60;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--space-2xs);align-items:flex-start;justify-content:flex-start;max-width:min(340px,42vw);pointer-events:auto}.combat-charm-bar__icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm, 6px);background:var(--c-ink-a78);border:1px solid var(--c-ember-a30);box-shadow:var(--shadow-inset-03),0 0 0 1px var(--color-scrim-34),0 3px 7px var(--color-scrim-strong);cursor:default;transition:var(--transition-fast, transform .14s ease, box-shadow .14s ease)}.combat-charm-bar__icon:hover{transform:translateY(-2px);border-color:var(--ember-a50);box-shadow:var(--shadow-inset-03),0 0 0 1px var(--color-scrim-34),0 0 10px var(--c-ember-a30),0 5px 10px var(--color-scrim-55)}.combat-charm-bar__icon-img{width:22px;height:22px;object-fit:contain;filter:brightness(1.18) saturate(1.14) drop-shadow(0 1px 2px var(--color-scrim-55));pointer-events:none}.combat-charm-bar__icon-fallback{font-family:var(--font-display, inherit);font-size:.72rem;font-weight:800;letter-spacing:.02em;color:var(--parchment-200, var(--parchment-200));text-shadow:0 1px 2px var(--color-scrim-55),0 0 8px var(--ember-50-a18);pointer-events:none}.combat-charm-bar__tooltip .d2inv-tip__name{font-size:1rem}.combat-charm-bar__tooltip .d2inv-tip__type{font-size:.72rem}.combat-charm-bar__tooltip .d2inv-tip__stat{font-size:.78rem;line-height:1.48}