/* Confirmed-action presentation. The layer never intercepts a game control. */
.action-fx {
  --fx-accent: #a87c3a;
  position: fixed; inset: 0; width: 100%; height: 100%; margin: 0; padding: 0;
  max-width: none; max-height: none; border: 0; background: transparent;
  color: var(--ink); overflow: hidden; pointer-events: none; z-index: 500;
}
.action-fx::backdrop { background: transparent; pointer-events: none; }
.action-fx--stake { --fx-accent: #397858; }
.action-fx--unstake { --fx-accent: #607993; }
.action-fx__toast {
  position: absolute; bottom: max(24px, env(safe-area-inset-bottom)); left: max(16px, calc(50% - 210px));
  width: min(420px, calc(100% - 32px)); display: flex; align-items: center; gap: 14px;
  padding: 17px 20px; background: #fffdf8; border: 1px solid var(--line-2); border-radius: 18px;
  box-shadow: 0 12px 44px -12px rgba(41,34,17,.23); font-family: var(--sans); text-align: left;
}
.action-fx__toast > div { min-width: 0; flex: 1; }
.action-fx__eyebrow { display: block; color: var(--fx-accent); font-size: 9px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.action-fx__title { display: block; font-size: 15px; line-height: 1.5; letter-spacing: -.02em; }
.action-fx__detail { display: block; font-size: 11px; line-height: 1.5; color: var(--ink-2); }
.action-fx__seal { display: grid; place-items: center; width: 42px; height: 42px; flex: 0 0 auto; border-radius: 13px; background: color-mix(in srgb, var(--fx-accent) 10%, white); color: var(--fx-accent); }
.action-fx__seal svg { width: 24px; height: 24px; }
.action-fx__check { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: #e7f0e7; color: #397858; font-size: 13px; }
.action-fx__particle { position: absolute; display: grid; place-items: center; width: 27px; height: 27px; background: #e9c77d; border: 2px solid #fff0bc; border-radius: 50%; color: #835f27; box-shadow: 0 4px 10px #a87c3a30; }
.action-fx__particle > span { font-size: 15px; }
.action-fx__particle--card { width: 43px; height: 57px; border-radius: 7px; background: #fffdf8; border: 1px solid #a3bba8; color: #397858; box-shadow: 0 5px 16px #203e3026; }
.action-fx__particle--card svg { width: 25px; height: 25px; }
.action-fx__vault { display: grid; place-items: center; position: absolute; width: 88px; height: 88px; border-radius: 26px; color: var(--fx-accent); background: #fffdf8; border: 1px solid var(--line-2); box-shadow: 0 12px 48px #1c382f26; }
.action-fx__vault svg { width: 49px; height: 49px; }
@media (prefers-reduced-motion: reduce) {
  .action-fx__particle, .action-fx__vault { display: none; }
}