.btn{
  background:linear-gradient(135deg,#071e3d,#0d3461);
  border:1px solid var(--accent);color:var(--accent);
  padding:9px 18px;font-family:inherit;font-size:12px;
  letter-spacing:1px;border-radius:6px;cursor:pointer;
  transition:all .15s;text-transform:uppercase;white-space:nowrap;
}
.btn:hover{background:linear-gradient(135deg,#0d3461,#1a5090);box-shadow:0 0 14px rgba(0,212,255,.25)}
.btn:disabled{opacity:.3;cursor:not-allowed;box-shadow:none}
.btn-sm{font-size:11px;padding:5px 12px}
.btn-xs{font-size:10px;padding:3px 8px}
.btn-red{border-color:var(--red);color:var(--red);background:linear-gradient(135deg,#200810,#350d18)}
.btn-red:hover{background:linear-gradient(135deg,#350d18,#55102a);box-shadow:0 0 14px rgba(255,34,68,.25)}
.btn-yellow{border-color:#e8c100;color:#ffe46a;background:linear-gradient(135deg,#221d04,#352d09)}
.btn-yellow:hover{background:linear-gradient(135deg,#352d09,#544313);box-shadow:0 0 14px rgba(255,228,106,.25)}
.btn-attack{border-color:#ff4488;color:#ff4488;background:linear-gradient(135deg,#22081a,#380d28)}
.btn-attack:hover{background:linear-gradient(135deg,#380d28,#551040);box-shadow:0 0 14px rgba(255,68,136,.25)}
.btn-gray{border-color:#5a6a7a;color:#c0cfde;background:linear-gradient(135deg,#141c26,#222d3a)}
.btn-gray:hover{background:linear-gradient(135deg,#222d3a,#37475a);box-shadow:0 0 14px rgba(170,195,220,.18);color:#e2ecf5}
.btn-row{display:flex;gap:6px;flex-wrap:wrap}