/* Shared action styling; pointer/joystick behavior stays in controls.js. */
body button {
  background: linear-gradient(#fff0a6, #ffd05d 48%, #e9a82d) !important;
  color: #302009 !important;
  border: 1px solid #ffe7a0 !important;
  border-bottom-color: #9a6319 !important;
  border-radius: 9px;
  box-shadow: 0 4px 0 #8a5317, 0 7px 10px #0006 !important;
  min-height: 48px;
  white-space: normal;
  overflow-wrap: anywhere;
  transition: transform .08s, box-shadow .08s;
}
body button :is(strong, span, small, b, kbd) { color: inherit !important; }
body button:enabled:hover { filter: brightness(1.06); }
body button:enabled:is(:active, .held) {
  transform: translateY(3px) !important;
  box-shadow: 0 1px 0 #8a5317, 0 2px 4px #0005 !important;
}
body button:is(:focus-visible, .galaxeggy-controller-focus) {
  outline: 3px solid #b8f2ff !important;
  outline-offset: 4px;
}
body button:disabled {
  background: #514b48 !important;
  color: #cec6bd !important;
  border-color: #746b61 !important;
  box-shadow: 0 2px 0 #302b29 !important;
  opacity: 1;
  cursor: not-allowed;
  transform: none !important;
  filter: none;
}
@media (prefers-reduced-motion: reduce) {
  body button { transition: none; }
}
body button kbd { background: #ffe7a0; border-color: #9a6319; }
body button:disabled kbd { background: #514b48; border-color: #746b61; }