/* Raised controls only: skin cards, navigation and text links keep their layout. */
body :is(.go, .topup, .buy-confirm, .deposit-submit, .mbox .ybtn,
  .rbtns button, .battle-primary, .battle-ghost, .chips button, .sqb,
  .page-arrow, .ib, .amts button, .deposit-presets button,
  .battle-filter button, .battle-reaction-buttons button) {
  --button-edge: #08080a;
  --button-depth: 3px;
  background-image: linear-gradient(180deg, #ffffff09, #ffffff00 50%, #00000018);
  box-shadow: inset 0 1px 0 #ffffff15, inset 0 -1px 0 #00000038,
    0 var(--button-depth) 0 var(--button-edge), 0 5px 9px #00000030;
  transition: transform 120ms ease, box-shadow 120ms ease, filter 120ms ease,
    border-color 120ms ease, background-color 120ms ease;
  -webkit-tap-highlight-color: transparent;
}

body :is(.go, .topup, .buy-confirm, .deposit-submit, .mbox .ybtn,
  .rbtns button:first-child, .battle-primary) {
  --button-edge: color-mix(in srgb, var(--ac) 48%, #061d14);
  --button-depth: 4px;
  background-image: linear-gradient(180deg, #ffffff26, #ffffff00 48%, #00000012);
  box-shadow: inset 0 1px 0 #ffffff50, inset 0 -1px 0 #00000016,
    0 var(--button-depth) 0 var(--button-edge), 0 6px 12px #00000035;
}

@media (hover: hover) {
  body :is(.go, .topup, .buy-confirm, .deposit-submit, .mbox .ybtn,
    .rbtns button, .battle-primary, .battle-ghost, .chips button, .sqb,
    .page-arrow, .ib, .amts button, .deposit-presets button,
    .battle-filter button, .battle-reaction-buttons button):not(:disabled):hover {
    transform: translateY(-1px);
    filter: brightness(1.07);
    box-shadow: inset 0 1px 0 #ffffff35, inset 0 -1px 0 #00000025,
      0 calc(var(--button-depth) + 1px) 0 var(--button-edge), 0 7px 12px #00000040;
  }
}

body :is(.go, .topup, .buy-confirm, .deposit-submit, .mbox .ybtn,
  .rbtns button, .battle-primary, .battle-ghost, .chips button, .sqb,
  .page-arrow, .ib, .amts button, .deposit-presets button,
  .battle-filter button, .battle-reaction-buttons button):not(:disabled):active {
  transform: translateY(calc(var(--button-depth) - 1px));
  filter: brightness(.97);
  box-shadow: inset 0 1px 3px #00000022, 0 1px 0 var(--button-edge);
}

body :is(.go, .topup, .buy-confirm, .deposit-submit, .mbox .ybtn,
  .rbtns button, .battle-primary, .battle-ghost, .chips button, .sqb,
  .page-arrow, .ib, .amts button, .deposit-presets button,
  .battle-filter button, .battle-reaction-buttons button):disabled {
  background-image: none;
  box-shadow: inset 0 0 0 1px var(--line);
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  body :is(.go, .topup, .buy-confirm, .deposit-submit, .mbox .ybtn,
    .rbtns button, .battle-primary, .battle-ghost, .chips button, .sqb,
    .page-arrow, .ib, .amts button, .deposit-presets button,
    .battle-filter button, .battle-reaction-buttons button) {
    transition: none;
  }
}