:root {
  --ui-feedback-ring: #c7a766;
}

/* Move the painted symbol inside the target; every button keeps its 44px hit area. */
@media (prefers-reduced-motion: no-preference) {
  :is(#app, #dialog) :is(button, .nav-item):not(:disabled) > .icon {
    transition: transform 160ms ease-out;
  }
  :is(#app, #dialog) :is(button, .nav-item):active:not(:disabled) > .icon {
    transform: scale(.9);
  }
}

.ui-click-rewards {
  position: fixed;
  inset: 0;
  z-index: 90;
  pointer-events: none;
}

.ui-sale-notes {
  position: fixed;
  inset: 0;
  z-index: 90;
  overflow: hidden;
  pointer-events: none;
}
.ui-sale-banknote {
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  filter: drop-shadow(0 2px 2px #34281740);
}
.ui-sale-banknote > .icon { display: block; width: 100%; height: 100%; }

@media (prefers-reduced-motion: reduce) {
  .ui-sale-notes { display: none; }
  .cc-click-pop { animation: none !important; transform: translateX(-50%); }
  .toast { animation: none; }
}