/* Shared fallback for dynamically created controls; role-specific colors stay intact. */
:root{color-scheme:dark;--control-face:#102127;--control-edge:#45666d;--control-text:#e0eeec;--control-glow:#56d8d0}
:where(button){appearance:none;-webkit-appearance:none;background:var(--control-face);color:var(--control-text);border:1px solid var(--control-edge);border-radius:4px;touch-action:manipulation;transition:border-color .15s,box-shadow .15s,filter .15s}
:is(.game-account,#shopItems,.chat-messages,.trade-card,.tab-pane form) button,#accountButton{
  background:linear-gradient(165deg,#19323a,#0a1419);
  color:var(--control-text);border:1px solid var(--control-edge);border-radius:4px;
  min-height:42px;line-height:1.4;font-size:14px;font-weight:600;
  box-shadow:inset 0 1px 0 #b5edea12,0 3px 10px #0004;
}
#deleteForm button{background:linear-gradient(165deg,#391d24,#190d13);border-color:#9b4d58;color:#ffd7db}
button:focus-visible{outline:2px solid var(--control-glow);outline-offset:3px}
@media(hover:hover){button:not(:disabled):hover{filter:brightness(1.12)}:is(.game-account,#shopItems,.chat-messages,.trade-card,.tab-pane form) button:not(:disabled):hover,#accountButton:hover{border-color:var(--control-glow);box-shadow:inset 0 1px 0 #b5edea20,0 0 12px #56d8d01c}}
button:not(:disabled):active{filter:brightness(.88)}
:is(.game-account,#shopItems,.chat-messages,.trade-card,.tab-pane form) button:disabled{background:#0c1519;color:#819794;border-color:#30454a;box-shadow:none;opacity:1;cursor:not-allowed}
@media(prefers-reduced-motion:reduce){button{transition:none}}