body { font-family: Arial, sans-serif; margin: 20px; max-width: 950px; }
.card { border: 1px solid #ddd; border-radius: 10px; padding: 16px; margin-bottom: 16px; }
.row { display: flex; gap: 10px; flex-wrap: wrap; }
label { display: block; margin: 8px 0 4px; }
input, select, button { padding: 10px; font-size: 16px; }
button { cursor: pointer; }
.error { color: #b00020; margin: 10px 0; }
.small { font-size: 13px; color: #555; }
table { border-collapse: collapse; width: 100%; }
td, th { border: 1px solid #ddd; padding: 8px; text-align: center; }
th { background: #f6f6f6; }
.skin { background: #3304FD; font-weight:bold; color:#FFF; } 
.dot { font-size: 0.8em; vertical-align: super; }
.linkbox { width: 100%; }

/* Score entry controls (match screenshot) */
.score-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.scorebtn {
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 6px;
  background: #0d6efd;
  color: #fff;
  font-size: 22px;
  font-weight: 700;

  display: flex;              /* 🔥 key fix */
  align-items: center;        /* vertical center */
  justify-content: center;    /* horizontal center */

  padding: 0;                 /* remove default padding */
  cursor: pointer;
  font-family: Arial, Helvetica, sans-serif;
}


.scorebtn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.scorebox {
  width: 54px;
  height: 44px;
  padding: 0;
  text-align: center;
  border: 2px solid #ddd;
  border-radius: 6px;
  font-size: 18px;
  font-weight: 700;
}

/* Table look like screenshot */
table.score-table {
  border-collapse: collapse;
  width: 100%;
}

table.score-table th,
table.score-table td {
  border: 1px solid #e6e6e6;
  padding: 14px 12px;
}

table.score-table th {
  background: #f7f7f7;
  font-weight: 700;
}

.player-name {
  color: #0d6efd;
  font-weight: 600;
}