.run-top-bar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:var(--space-sm) var(--space-lg);background:linear-gradient(180deg,var(--c-ink-a95),var(--c-ink-a85));border-bottom:1px solid var(--color-border);backdrop-filter:blur(10px);font-size:.82rem;color:var(--cream-40-a90)}.run-top-bar:has(#debug-menu-panel){z-index:30000}.run-top-bar__left{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-10);flex:1 1 auto;min-width:0}.run-top-bar__act{font-weight:600;font-size:.95rem;color:var(--text);letter-spacing:.02em}.run-top-bar__left--combat{flex-direction:column;align-items:flex-start;gap:2px;line-height:1}.run-top-bar__act--combat{max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;color:var(--cream-40-a82);letter-spacing:.015em}.run-top-bar__phase{display:block;max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-size:clamp(1.02rem,1.3vw,1.26rem);line-height:1;letter-spacing:.06em;text-transform:uppercase;color:var(--cream-45);text-shadow:0 2px 8px var(--color-scrim-heavy)}.run-top-bar__phase--player{color:#f2d7a7}.run-top-bar__phase--victory{color:var(--c-verdant-4)}.run-top-bar__phase--defeat,.run-top-bar__phase--enemy{color:#ffa384f0}.run-top-bar__zone{color:var(--cream-40-a78);font-size:.78rem}.run-top-bar__detail{color:var(--cream-40-a70);font-size:.75rem}.run-top-bar__chips{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-xs);align-items:center;flex:0 0 auto}.run-top-bar__chip{position:relative;display:inline-flex;align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-md);background:var(--c-ink-a60);border:1px solid var(--warmline-a20);font-size:var(--rsize-label);color:var(--cream-40-a90);cursor:default;outline:none;transition:border-color var(--duration-fast),background var(--duration-fast),transform var(--duration-fast)}.run-top-bar__chip:focus-visible{border-color:var(--ember-a70);box-shadow:0 0 0 2px var(--warmline-a22)}.run-top-bar__chip:hover{border-color:var(--ember-a50);background:var(--c-ink-a78);transform:translateY(-1px)}.run-top-bar__chip strong{font-weight:600;white-space:nowrap}.run-top-bar__chip--hero,.run-top-bar__chip--hero-status{border-color:var(--warmline-a28);color:var(--cream-30)}.run-top-bar__chip--hero-status{gap:var(--space-xs);max-width:min(34vw,260px)}.run-top-bar__chip--hero-status strong{display:inline-flex;align-items:center;min-width:0;gap:var(--space-xs)}.run-top-bar__level{color:var(--cream-40-a70);font-size:.72rem;font-weight:600}.run-top-bar__life-inline{padding-left:var(--space-xs);border-left:1px solid var(--color-border);color:#ffbfb5f0;font-size:.78rem}.run-top-bar__chip-icon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;font-size:.95rem}.run-top-bar__chip--life{border-color:var(--c-amber-7-a40)}.run-top-bar__chip--energy{border-color:var(--c-verdant-2-a30)}.run-top-bar__chip--potion{border-color:var(--c-blue-a40)}.run-top-bar__chip--potion-control{gap:var(--space-2xs);padding:var(--space-3xs) var(--space-xs);background:radial-gradient(circle at 18px 50%,var(--c-azure-1-a14),transparent 42px),var(--c-ink-a70)}.run-top-bar__potion-use{min-width:28px;min-height:26px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2xs);border:1px solid var(--c-blue-a24);border-radius:var(--radius-pill);background:var(--c-dark-azure-1-a72);color:var(--parchment-50-a95);font:inherit;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.run-top-bar__potion-use:hover:not(:disabled),.run-top-bar__potion-use:focus-visible{border-color:#84c4ffb3;background:radial-gradient(circle at 50% 45%,var(--c-blue-a24),var(--c-dark-azure-2-a90));transform:translateY(-1px);outline:none}.run-top-bar__potion-use:disabled{cursor:default;opacity:.42}.run-top-bar__potion-use--healing{padding:0 var(--space-xs)}.run-top-bar__potion-use--utility{width:28px;padding:0}.run-top-bar__potion-use-icon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;line-height:1}.run-top-bar__potion-use-icon img{width:17px;height:17px;object-fit:contain;display:block;filter:drop-shadow(0 0 5px var(--c-blue-a24))}.run-top-bar__potion-separator{width:1px;height:20px;background:var(--color-border)}.run-top-bar__utility-row{display:inline-flex;align-items:center;gap:var(--space-3xs)}.run-top-bar__chip--gold{border-color:var(--ember-a50)}.run-top-bar__chip--points{border-color:var(--ember-a50);color:var(--cream-20);background:radial-gradient(circle at 18px 50%,var(--ember-a08),transparent 44px),var(--c-ink-a70)}.run-top-bar__chip--stash{border-color:var(--c-teal-a42);color:var(--c-teal-op);background:radial-gradient(circle at 18px 50%,var(--c-green-a15),transparent 44px),var(--c-ink-a70)}.run-top-bar__chip--gold .run-top-bar__chip-icon{width:20px;height:20px;object-fit:contain;filter:saturate(1.15) contrast(1.08) drop-shadow(0 0 5px var(--ember-a40))}.run-top-bar__right{display:flex;align-items:center;gap:var(--space-xs);flex:0 0 auto}@media(max-width:760px){.run-top-bar{align-items:flex-start;flex-wrap:wrap;gap:var(--space-sm) var(--space-md);padding:var(--space-sm) var(--space-md)}.run-top-bar__left{flex:1 1 100%}.run-top-bar__chips{justify-content:flex-start;flex:1 1 auto}.run-top-bar__right{margin-left:auto}}.run-top-bar__btn{width:38px;height:38px;border-radius:var(--radius-md);--button-border: var(--warmline-a28);--button-border-hover: var(--ember-a50);background:radial-gradient(circle at 40% 35%,var(--cream-40-a08),var(--c-gold-9-a04) 82%),var(--c-ink-a90);color:var(--cream-40-a85)}.run-top-bar__btn-glyph{display:inline-flex}.run-top-bar__unspent-points-btn{display:inline-flex;align-items:center;gap:var(--space-xs);min-height:30px;padding:var(--space-3xs) var(--space-sm);border-radius:var(--radius-md);border:1px solid var(--ember-a50);background:radial-gradient(circle at 18px 50%,var(--ember-a08),transparent 46px),var(--c-ink-a85);color:var(--cream-30);font-size:.8rem;font-weight:600;cursor:pointer;transition:border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);animation:unspent-points-pulse 2.4s ease-in-out infinite}.run-top-bar__point-token{display:inline-flex;align-items:center;gap:var(--space-2xs)}.run-top-bar__point-token strong{min-width:.7em;color:var(--cream-20);font-family:var(--font-display);font-size:.86rem;line-height:1}.run-top-bar__point-icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;object-fit:contain;filter:saturate(1.12) contrast(1.08) drop-shadow(0 0 5px var(--ember-a40))}.run-top-bar__unspent-points-btn:hover{border-color:var(--ember-a50);transform:translateY(-1px);box-shadow:0 0 8px var(--ember-a30);animation:none}@keyframes unspent-points-pulse{0%,to{box-shadow:0 0 #efb95d00}50%{box-shadow:0 0 6px 2px var(--ember-a30)}}.run-top-bar__menu .game-menu{position:static;display:flex;gap:var(--space-xs)}.run-top-bar__menu .game-menu__panel{position:absolute;top:56px;right:16px;width:320px;max-height:calc(100dvh - 80px);overflow-y:auto}.d2inv__header.run-top-bar{position:relative;top:auto;z-index:1;flex:0 0 auto;padding:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--oxblood-a24);background:linear-gradient(180deg,var(--c-dark-olive-1-a95),var(--c-ink-a90))}.d2inv-ledger__title{max-width:min(46vw,520px);overflow:hidden;font-family:var(--font-display);letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.d2inv-ledger__chips{min-width:0}.d2inv-ledger__chip{min-height:30px}.d2inv-ledger__icon{width:20px;height:20px;object-fit:contain}.d2inv__header.run-top-bar .d2inv__close{align-self:auto;width:34px;height:34px;border-radius:50%}.run-top-bar__popover{left:auto;right:0;width:260px;--tip-border-color: rgba(235, 200, 149, .28);background:radial-gradient(circle at 100% 0,var(--c-gold-9-a04),transparent 28%),var(--c-ink-a95);padding:var(--space-10) var(--space-md);box-shadow:0 18px 36px var(--color-scrim-40),var(--shadow-inset-04);visibility:hidden;transform:translateY(-4px);transition:opacity var(--transition-fast),transform var(--transition-fast),visibility var(--transition-fast);z-index:200;font-size:.78rem;color:var(--cream-40-a90)}.run-top-bar__popover:after{display:none}.run-top-bar__popover.tip--down{transform:translateY(-4px)}.run-top-bar__popover--potions{width:min(430px,calc(100vw - 32px))}.run-top-bar__popover--energy{width:min(320px,calc(100vw - 32px))}.run-top-bar__popover--hero{width:min(290px,calc(100vw - 32px))}.has-tip:hover .run-top-bar__popover,.has-tip:focus .run-top-bar__popover,.has-tip:focus-within .run-top-bar__popover{visibility:visible;transform:translateY(0)}.run-top-bar__popover-title{font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--cream-40-a70);margin-bottom:var(--space-sm)}.run-top-bar__popover-row{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:var(--space-sm);padding:var(--space-2xs) 0;border-top:1px solid var(--warmline-a08)}.run-top-bar__popover-row:first-of-type{border-top:none}.run-top-bar__popover-row--power{grid-template-columns:minmax(0,1fr) 4ch}.run-top-bar__popover-row--metric{grid-template-columns:18px minmax(0,1fr) auto}.run-top-bar__potion-popover-row{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:start;gap:var(--space-10);padding:var(--space-sm) 0;border-top:1px solid var(--warmline-a08)}.run-top-bar__potion-popover-row:first-of-type{border-top:none;padding-top:var(--space-3xs)}.run-top-bar__potion-popover-copy{min-width:0;display:grid;gap:var(--space-3xs);line-height:1.35}.run-top-bar__potion-popover-copy strong{color:var(--text);font-weight:700}.run-top-bar__potion-popover-copy span{color:var(--cream-40-a70);font-size:.72rem}.run-top-bar__popover-icon{min-width:0;width:18px;text-align:center;font-size:.95rem}.run-top-bar__popover-icon .run-top-bar__chip-icon{width:16px;height:16px}.run-top-bar__potion-popover-icon-img{display:block;width:22px;height:22px;object-fit:contain;filter:saturate(1.08) contrast(1.08) drop-shadow(0 0 6px var(--c-blue-a24))}.run-top-bar__potion-popover-glyph{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;overflow:hidden;border-radius:50%;color:var(--cream-30);font-size:.48rem;font-weight:700;letter-spacing:0;line-height:1;text-transform:uppercase;background:var(--c-azure-1-a14)}.run-top-bar__popover-name{font-weight:600;color:var(--text)}.run-top-bar__popover-detail{grid-column:2 / span 2;font-size:.72rem;color:var(--cream-40-a70);line-height:1.35;margin-top:var(--space-3xs)}.run-top-bar__popover-count{font-weight:600;color:#ffcd9ff2;justify-self:end;min-width:3ch;text-align:right;font-variant-numeric:tabular-nums}.run-top-bar__popover-hint{margin-top:var(--space-sm);font-size:.7rem;color:var(--cream-40-a70);line-height:1.4}