/* AL60 UNO – Design V2 Override */

/* Wrapper: Tisch-Hintergrund folgt Theme-Farbschema */
#al60-uno-wrapper {
  --uno-bg:     var(--al60-primary-dark, #14532d);
  --uno-green:  var(--al60-primary, #1F6F5B);
  --uno-accent: var(--al60-primary, #1F6F5B);

  border-radius: 20px;
  font-size: 18px;
  box-shadow: 0 8px 32px rgba(0,0,0,0.3);
}

/* Header */
.uno-header {
  border-radius: 14px;
  padding: 12px 20px;
}

/* Buttons – schon gut, nur Fokus und Radius verbessern */
.uno-btn {
  min-height: 56px;
  font-size: 17px;
  font-weight: 700;
  border-radius: 12px;
  border: none;
  cursor: pointer;
}

.uno-btn:focus {
  outline: 3px solid #005FCC;
  outline-offset: 3px;
}

.uno-btn-draw  { background: #C47F2C; color: #fff; }
.uno-btn-uno   { background: #e63946; color: #fff; }
.uno-btn-pass  { background: #4B5563; color: #fff; }
.uno-btn-next  { background: var(--al60-primary); color: #fff; }
.uno-btn-new   { background: rgba(255,255,255,0.15); color: #fff; border: 2px solid rgba(255,255,255,0.4); }

.uno-btn-new:hover { background: rgba(255,255,255,0.25); }

/* Spielerinfo */
.uno-player-info {
  background: rgba(0,0,0,0.25);
  border-radius: 12px;
  padding: 10px 16px;
}

/* Farbwahl-Buttons */
.uno-color-btn {
  min-width: 64px;
  min-height: 56px;
  border-radius: 12px;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  border: 3px solid transparent;
  transition: transform 0.15s, border-color 0.15s;
}

.uno-color-btn:focus {
  outline: 3px solid #005FCC;
  outline-offset: 3px;
}

@media (max-width: 600px) {
  .uno-btn { min-height: 52px; font-size: 16px; }
  .uno-color-btn { min-width: 56px; min-height: 52px; }
}