/* Pack/reward component owner. Existing animation and reveal lifecycle stays in charge. */
[data-pack-interface]{gap:12px;color:var(--pm-ui-text,#f1eee3)}
[data-pack-interface] .pack-source-label{font-size:13px!important;line-height:1.4!important;letter-spacing:.04em;margin:0!important}
[data-pack-interface] .pack-reveal-context{gap:4px}
[data-pack-interface] .pack-reveal-context h2,[data-pack-interface] .pack-heading h2{font-size:var(--pm-ui-section-size,22px);line-height:1.2}
[data-pack-interface] .pack-reveal-context small,[data-pack-interface] .pack-heading .pack-summary-branding{font-size:13px;line-height:1.4;color:var(--pm-ui-muted,#b7c8c8)}
[data-pack-interface] .pack-opening-stage{gap:16px;padding-top:8px}
[data-pack-interface] .pack-opening-stage>p{font-size:13px!important;line-height:1.5!important;max-width:340px}
[data-pack-interface] :is(.pack-primary,.pack-use){min-height:48px;font-size:15px!important;line-height:1.4;padding:10px 16px;border-radius:28px}
[data-pack-interface] .pack-skip{min-height:44px;font-size:14px!important;line-height:1.4;padding:8px 12px}
[data-pack-interface] .pack-theme-disclosure{width:100%;max-width:420px;text-align:left;border:0;border-top:1px solid var(--pm-ui-line,#3c505b);margin-top:4px}
[data-pack-interface] .pack-theme-disclosure>summary{min-height:44px;box-sizing:border-box;padding:10px 0;line-height:24px;font-size:14px;cursor:pointer;color:var(--pm-ui-muted,#b7c8c8)}
[data-pack-interface] .pack-theme-disclosure .themed-pack-identity{border:0;border-radius:0;background:none;margin:0;padding:8px 0}
[data-pack-interface] .pack-theme-disclosure .themed-pack-identity p{font-size:14px!important;line-height:1.5!important}
[data-pack-interface] .pack-theme-disclosure .themed-pack-badge{font-size:12px}
[data-pack-interface] .pack-progress .pack-counter{font-size:13px;letter-spacing:0}
[data-pack-interface] .pack-gesture-hint{font-size:13px;line-height:1.4;color:var(--pm-ui-muted,#b7c8c8)}
[data-pack-interface] .pack-pull-details{gap:7px}
[data-pack-interface] .pack-pull-meta{font-size:13px!important;line-height:1.45!important}
[data-pack-interface] .pack-discovery-badge{border:0;background:none;box-shadow:none;font-size:14px;padding:0;line-height:1.4;color:var(--pm-ui-text)}
[data-pack-interface] .pack-owned-total{font-size:13px;line-height:1.4;color:var(--pm-ui-muted,#b7c8c8)}
[data-pack-interface] .pack-heading{gap:5px;padding:0}
[data-pack-interface] .pack-heading>span{font-size:14px;line-height:1.4}
[data-pack-interface] .pack-haul-summary{font-size:13px!important;line-height:1.5!important;margin:0!important;color:var(--pm-ui-muted,#b7c8c8)}
[data-pack-interface] .reward-step-navigation{gap:0;border-bottom:1px solid var(--pm-ui-line,#3c505b)}
[data-pack-interface] .reward-step{min-height:44px;font-size:15px;padding:10px;border:0;border-radius:0;background:none;box-shadow:none;color:var(--pm-ui-muted,#b7c8c8)}
[data-pack-interface] .reward-step[aria-pressed=true]{background:none;color:var(--pm-ui-text);box-shadow:inset 0 -2px var(--pm-ui-accent,#b5dac3)}
[data-pack-interface] .pack-summary-grid .pack-pull{border:0;border-radius:0;box-shadow:none;background:none;padding:0;gap:12px}
[data-pack-interface] .pack-summary-grid .pack-card-name{font-size:18px;line-height:1.25}
[data-pack-interface] .reward-card-navigation{gap:6px}
[data-pack-interface] .reward-card-picker{min-height:48px;justify-content:center;padding:8px;border:0;background:var(--pm-ui-surface-raised);border-radius:12px;box-shadow:none}
[data-pack-interface] .reward-card-picker b{display:none}
[data-pack-interface] .reward-card-picker span{font-size:14px;line-height:1.3}
[data-pack-interface] .reward-card-picker small{font-size:11px;line-height:1.3}
[data-pack-interface] .reward-card-picker[aria-pressed=true]{background:var(--pm-ui-accent);color:var(--pm-ui-on-accent);box-shadow:inset 0 0 0 1px var(--pm-ui-accent)}
[data-pack-interface] .journey-reward-currencies small{font-size:12px}
[data-pack-interface]>.pack-primary{min-height:48px}
[data-pack-interface] .pack-navigation{border:0;border-radius:0;box-shadow:none;padding:8px 0;background:var(--pm-ui-surface)}
@media(max-width:560px){
 [data-pack-interface].reward-carousel .pack-summary-grid .pack-pull{grid-template-columns:minmax(100px,42%) minmax(0,1fr);gap:14px;padding:4px 0}
 [data-pack-interface].reward-carousel .pack-summary-grid .pack-pull-details{gap:7px}
 [data-pack-interface] .pack-summary-grid .pack-card-name{font-size:17px}
 [data-pack-interface] .pack-summary-grid .pack-discovery-badge{font-size:13px;padding:0}
 [data-pack-interface] .pack-pull-details .pack-use{font-size:14px!important;min-height:48px}
 [data-pack-interface] .pack-summary-grid .pack-stack{max-width:none}
}
@media(max-height:500px) and (min-width:600px){
 [data-pack-interface].pack-sealed{display:grid;grid-template-columns:minmax(180px,1fr) minmax(200px,1fr);grid-auto-rows:auto;gap:6px 20px;align-items:center;max-width:650px}
 [data-pack-interface].pack-sealed>.pack-opening-stage{grid-column:1;grid-row:1/8;padding:0;gap:8px}
 [data-pack-interface].pack-sealed>.pack-source-label,[data-pack-interface].pack-sealed>.pack-primary,[data-pack-interface].pack-sealed>.pack-skip,[data-pack-interface].pack-sealed>.pack-theme-disclosure{grid-column:2;width:100%;margin:0}
 [data-pack-interface].pack-sealed .pale-booster{width:min(120px,calc(42dvh * 2 / 3));aspect-ratio:2/3;height:auto}
 [data-pack-interface].pack-sealed .pack-opening-stage>p{font-size:12px!important;max-width:220px}
 [data-pack-interface].pack-single .pack-reveal-context h2{font-size:20px}
 [data-pack-interface].pack-single .pack-reveal-context small{font-size:12px}
 [data-pack-interface].reward-haul{grid-template-columns:190px minmax(0,1fr);gap:6px 16px}
 [data-pack-interface].reward-haul .pack-heading h2{font-size:20px}
 [data-pack-interface].reward-haul .pack-summary-grid .pack-stack{max-width:88px}
 [data-pack-interface].reward-haul .pack-summary-grid .pack-card-name{font-size:14px}
 [data-pack-interface].reward-haul .pack-summary-grid .pack-pull-meta{font-size:12px!important}
 [data-pack-interface].reward-haul .pack-summary-grid .pack-use{font-size:13px!important}
 [data-pack-interface].reward-haul .pack-haul-summary{font-size:12px!important;line-height:1.4!important}
}

/* A reveal is one object plus its receipt. Keep actions in flow: sticky docks
   previously slid over Use in deck when the taller receipt overflowed. */
[data-pack-interface].pack-single{gap:8px}
[data-pack-interface].pack-single .pack-pull{display:flex;flex-direction:column;align-items:center;width:100%;max-width:360px;gap:12px}
[data-pack-interface].pack-single .pack-stack{width:clamp(130px,calc((100dvh - 480px)*.663),200px);min-width:0;max-width:100%;margin:auto}
[data-pack-interface].pack-single .pack-pull-details{min-width:0;align-items:center;text-align:center;gap:5px;max-width:330px}
[data-pack-interface].pack-single .pack-pull-meta{text-align:center}
[data-pack-interface].pack-single>.pack-navigation{position:static;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;width:100%;padding:4px 0;background:none}
[data-pack-interface].pack-single>.pack-navigation>.pack-primary{flex:1;min-width:140px;width:auto;max-width:300px}
[data-pack-interface].pack-single>.pack-navigation>.pack-skip{flex:none;max-width:none}
[data-pack-interface].pack-single .pack-card-back{height:auto;aspect-ratio:2/3;width:min(150px,100%)}
@media(max-height:500px) and (min-width:600px){
 [data-pack-interface].pack-single{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(220px,1fr);grid-template-rows:auto auto auto auto auto auto;align-items:center;gap:5px 16px;max-width:760px;margin-block:0}
 [data-pack-interface].pack-single>.pack-reveal-stage{grid-column:1;grid-row:1/7;align-self:center;width:100%}
 [data-pack-interface].pack-single>.pack-source-label{grid-column:2;grid-row:1}
 [data-pack-interface].pack-single>.pack-reveal-context{grid-column:2;grid-row:2}
 [data-pack-interface].pack-single>.pack-progress{grid-column:2;grid-row:3}
 [data-pack-interface].pack-single>.pack-gesture-hint{grid-column:2;grid-row:4}
 [data-pack-interface].pack-single>.pack-navigation{grid-column:2;grid-row:5;align-self:center}
 [data-pack-interface].pack-single>.pack-summary-note{grid-column:2;grid-row:6}
 [data-pack-interface].pack-single .pack-pull{display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,1fr);max-width:360px;gap:10px}
 [data-pack-interface].pack-single .pack-stack{width:100%}
 [data-pack-interface].pack-single .pack-pull-details{gap:6px}
 [data-pack-interface].pack-single .pack-pull-details .pack-use{padding-inline:8px;font-size:13px!important}
 [data-pack-interface].pack-single>.pack-navigation>.pack-primary{min-width:120px;font-size:14px!important}
}

/* Palette is UI-only: cards, foils and authored wrapper colors retain identity. */
[data-pack-interface] :is(.pack-source-label,.pack-card-name,.pack-pull-meta,.pack-counter,.pack-heading>span){color:var(--pm-ui-text)!important}
[data-pack-interface] .pack-skip{color:var(--pm-ui-muted)}
[data-pack-interface] .pack-primary{background:var(--pm-ui-accent);color:var(--pm-ui-on-accent);border-color:var(--pm-ui-accent);box-shadow:0 3px 8px var(--pm-ui-shadow)}
[data-pack-interface] .pack-use{background:var(--pm-ui-surface-raised);color:var(--pm-ui-text);border-color:var(--pm-ui-line)}
[data-pack-interface] .pack-use.is-equipped{background:var(--pm-ui-surface-soft);color:var(--pm-ui-text)}
[data-pack-interface] .reward-card-picker{color:var(--pm-ui-text)}
[data-pack-interface] .pack-summary-note{color:var(--pm-ui-muted)}
[data-pack-interface] .pack-theme-disclosure .themed-pack-badge{color:var(--pm-ui-text);background:none;border-color:var(--pm-ui-line)}
[data-pack-interface] .pack-theme-disclosure .themed-pack-identity p{color:var(--pm-ui-muted)!important}

/* Quiet collection-stage chrome gives the featured pack/card the focus. */
[data-pack-interface] .pack-primary,[data-pack-interface] .pack-use{border-radius:28px}
[data-pack-interface] .pack-opening-stage{padding-top:16px;gap:20px}
[data-pack-interface].pack-single .pack-owned-total{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
[data-pack-interface].pack-single .pack-reveal-context small{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
[data-pack-interface].pack-single .pack-pull-details .pack-use{max-width:240px;background:var(--pm-ui-surface-raised);box-shadow:none}
[data-pack-interface] .pack-theme-disclosure{border:0}
[data-pack-interface] .pack-heading>span{color:var(--pm-ui-muted)}
[data-pack-interface].pack-single>.pack-source-label,[data-pack-interface].pack-single>.pack-gesture-hint{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
[data-pack-interface].pack-single .pack-stack{width:clamp(150px,calc((100dvh - 400px)*.663),220px)}
[data-pack-interface].pack-single .pack-pull-details{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,.8fr);align-items:center;gap:4px 12px;text-align:left}
[data-pack-interface].pack-single .pack-discovery-badge{grid-column:1;grid-row:1}
[data-pack-interface].pack-single .pack-pull-meta{grid-column:1;grid-row:2;text-align:left}
[data-pack-interface].pack-single .pack-use{grid-column:2;grid-row:1/3}
@media(max-height:500px) and (min-width:600px){[data-pack-interface].pack-single .pack-stack{width:100%}[data-pack-interface].pack-single .pack-pull-details{display:flex;flex-direction:column;align-items:flex-start;text-align:left}}

/* Override the legacy full-screen reveal canvas and finish.css mint gradient
   at their actual specificity, across sealed, reveal and summary states. */
.exp-overlay.pack-overlay-focus,.overlay.pack-overlay{background:var(--pm-ui-ink);backdrop-filter:none}
.pack-overlay-focus .exp-modal:is(.modal-reward,.modal-shopPack),.pack-overlay .booster-modal{background:var(--pm-ui-ink);border-color:var(--pm-ui-line);color:var(--pm-ui-text);box-shadow:none}
.pack-experience[data-pack-interface] .pack-primary,.pack-experience[data-pack-interface] .pack-primary:not(:disabled),.pack-experience[data-pack-interface] .pack-primary:hover:not(:disabled),.pack-experience[data-pack-interface] .pack-primary:focus-visible{background:var(--pm-ui-accent);background-image:none;color:var(--pm-ui-on-accent);border-color:var(--pm-ui-accent);text-shadow:none;box-shadow:0 3px 8px var(--pm-ui-shadow)}
.pack-overlay-focus .exp-modal>.exp-icon-button{background:var(--pm-ui-surface-raised);color:var(--pm-ui-text)}
.pack-experience[data-pack-interface] .pack-navigation{background:none}