.charm-pouch-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-18);background:var(--color-scrim-strong);cursor:pointer}.charm-pouch-overlay .pouch,.charm-pouch-overlay .confirm{cursor:default}.pouch{width:min(94vw,620px);max-height:88vh;overflow-y:auto;padding:var(--space-xl) var(--space-2xl) var(--space-lg)}.pouch__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-md)}.pouch__title{font-family:var(--font-display);font-size:var(--text-lead);letter-spacing:var(--tracking-title);margin:0;color:var(--color-text-primary)}.cap__count{font-variant-numeric:tabular-nums;font-family:var(--font-ui);font-size:var(--text-body-sm);color:var(--color-accent-bright)}.cap{display:flex;align-items:center;gap:var(--space-base)}.cap__label{font-family:var(--font-display);font-size:var(--text-eyebrow);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-text-muted);white-space:nowrap}.pips{display:flex;gap:var(--space-2xs);flex:1}.pip{height:var(--space-lg);flex:1;border-radius:var(--radius-xs);border:var(--border-width-hairline) solid var(--color-border-strong);background:var(--color-surface-sunken)}.pip--full{background:linear-gradient(180deg,var(--ember-400),var(--ember-500));border-color:var(--ember-400);box-shadow:0 0 6px var(--ember-a30)}.pip--joinL{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;margin-right:calc(-1 * var(--space-2xs))}.pip--joinR{border-top-left-radius:0;border-bottom-left-radius:0}.pip--need{border-color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 12%,transparent);box-shadow:0 0 6px color-mix(in srgb,var(--color-danger) 30%,transparent)}@media(prefers-reduced-motion:no-preference){.pip--need{animation:charm-pouch-pip-pulse var(--duration-linger) var(--ease-soft) infinite}}@keyframes charm-pouch-pip-pulse{50%{box-shadow:0 0 10px color-mix(in srgb,var(--color-danger) 50%,transparent)}}.charm-list{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-lg)}.charm-row{display:grid;grid-template-columns:var(--space-3xl) 1fr auto;gap:var(--space-base);align-items:center;background:var(--color-surface);border:var(--border-width-hairline) solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-base)}.charm-row--grand{border-color:var(--ember-a40);background:linear-gradient(180deg,var(--ember-a08),var(--color-surface))}.charm-ico{width:var(--space-3xl);height:var(--space-3xl);border-radius:var(--radius-xs);border:var(--border-width-hairline) solid var(--color-border-strong);background:radial-gradient(circle at 35% 30%,var(--ember-a22),var(--color-scrim-heavy));display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-lead);color:var(--color-accent-bright);overflow:hidden}.charm-ico__img{width:100%;height:100%;object-fit:cover}.charm-name{font-family:var(--font-display);font-size:var(--text-body);letter-spacing:var(--tracking-title);color:var(--color-text-primary)}.charm-meta{display:flex;gap:var(--space-10);align-items:center;margin-top:var(--space-3xs)}.size-tag{font-family:var(--font-ui);font-size:var(--text-eyebrow);letter-spacing:var(--tracking-label);padding:var(--space-3xs) var(--space-xs);border-radius:var(--radius-pill);border:var(--border-width-hairline) solid var(--color-border-strong);color:var(--color-text-muted)}.size-tag--grand{color:var(--color-accent-bright);border-color:var(--ember-a50)}.slot-pips{display:inline-flex;gap:var(--space-3xs)}.slot-pips i{width:var(--space-md);height:var(--space-md);border-radius:var(--radius-xs);background:var(--ember-500);display:inline-block}.charm-effect{color:var(--color-text-muted);font-size:var(--text-body-sm);margin-top:var(--space-3xs);line-height:var(--line-height-snug)}.pouch__foot{display:flex;justify-content:flex-end;gap:var(--space-10);margin-top:var(--space-lg);border-top:var(--border-width-hairline) solid var(--color-border);padding-top:var(--space-base)}.pending{display:grid;grid-template-columns:var(--space-3xl) 1fr auto;gap:var(--space-base);align-items:center;border:var(--border-width-thick) dashed var(--ember-a55);border-radius:var(--radius-sm);padding:var(--space-md) var(--space-base);background:var(--color-accent-tint);margin-bottom:var(--space-2xs)}.need-note{font-family:var(--font-ui);font-size:var(--text-body-sm);color:var(--color-danger);letter-spacing:var(--tracking-title)}.need-note--ok{color:var(--color-success)}.combat-charm-bar__pouch-btn{margin-left:auto;display:flex;align-items:center;gap:var(--space-sm);border:var(--border-width-hairline) solid var(--color-border-strong);border-radius:var(--radius-xs);background:var(--color-surface-sunken);color:var(--color-text-primary);padding:var(--space-2xs) var(--space-md);cursor:pointer;font-family:var(--font-ui);font-size:var(--text-body-sm);transition:var(--transition-fast)}.combat-charm-bar__pouch-btn:hover,.combat-charm-bar__pouch-btn:focus-visible{border-color:var(--color-accent)}.combat-charm-bar__pouch-btn b{font-family:var(--font-ui);font-size:var(--text-eyebrow);color:var(--color-accent-bright);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums}.reward-choice-card__slot-badge{position:absolute;top:var(--space-md);right:var(--space-md);font-family:var(--font-ui);font-size:var(--text-eyebrow);letter-spacing:var(--tracking-label);color:var(--color-accent-bright);border:var(--border-width-hairline) solid var(--ember-a40);border-radius:var(--radius-pill);padding:var(--space-3xs) var(--space-sm);background:var(--color-scrim-strong)}.reward-choice-card__fit-note{margin-top:var(--space-md);font-size:var(--text-body-sm);font-family:var(--font-ui);letter-spacing:var(--tracking-title)}.reward-choice-card__fit-note--warn{color:var(--color-danger)}.reward-choice-card__fit-note--ok{color:var(--color-success)}.reward-choice-card--wont-fit .reward-choice-card__art{opacity:var(--opacity-dim)}.confirm{width:min(92vw,400px);padding:var(--space-xl) var(--space-22)}.confirm p{margin:var(--space-sm) 0 0;color:var(--color-text-muted);font-size:var(--text-body-sm)}.confirm .pouch__foot{margin-top:var(--space-lg)}@media(max-width:640px){.charm-pouch-overlay{padding:var(--space-10)}}
