/* Hard buttons (member request, Ethan: "make all buttons rectangular with hard edges; don't display their outline
   until they're clicked"). Loaded after every other stylesheet so it wins over each screen's own button styles.
   Every button is a sharp rectangle with no rim, ring or edge shadow. Pressing one draws a hard 2px rim inside it in
   its own text colour; the rim hangs on for a beat after the tap (buttons.js sets data-hit) and stays on buttons that
   are switched on or selected, since those have been clicked. The Paint clone keeps its Windows 98 bevels and the
   game boards keep their grid lines. */
:is(button, .btn, [role="button"], input[type="button"], input[type="submit"]):not(.pt-desk *, .ttt-c, .c4-col) {
  border-radius: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: 2px solid transparent !important;
  outline-offset: -2px !important;
}
:is(button, .btn, [role="button"], input[type="button"], input[type="submit"]):not(.pt-desk *, .ttt-c, .c4-col):is(:active, [data-hit], .down, .on, .sel, [aria-pressed="true"], [aria-selected="true"]) {
  outline-color: currentColor !important;
}
:is(button, .btn, [role="button"], input[type="button"], input[type="submit"]):not(.pt-desk *, .ttt-c, .c4-col):focus-visible {
  outline-color: var(--focus, currentColor) !important;
}

/* shapes drawn inside or around a button take the same hard corners */
.call .ring, .pm-challenge, .cart-body, .ag-card .pz-btn,
.shoulder, .dpad i, .dpad b, .key span, .pill i { border-radius: 0 !important; }