body { font-family: Arial, sans-serif; margin: 24px; background: #f6f6f6; }
.card { background: #fff; padding: 18px; border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,.08); margin-bottom: 18px; }
h1,h2,h3 { margin: 0 0 12px 0; }
input, select, button { padding: 8px; margin: 6px 6px 6px 0; }
table { width: 100%; border-collapse: collapse; margin-top: 10px; background: #fff; }
th, td { border: 1px solid #ddd; padding: 8px; text-align: center; }
th { background: #eee; }
.row { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.small { color:#666; font-size: 0.9em; }
.leader { font-size: 1.2em; font-weight: bold; color: #0a6; }
a.button, .button { display:inline-block; padding:8px 10px; background:#222; color:#fff; border-radius:8px; text-decoration:none; border:0; cursor:pointer; }
.hidden { display:none; }

.player-status { font-weight: 600; margin-left: 10px; }
.player-ok { color: #0a7d2c; }
.player-missing { color: #b00020; }

.ac-wrap { position: relative; display: inline-block; min-width: 320px; }
.ac-list {
  position: absolute;
  top: 42px;
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;
  box-shadow: 0 8px 18px rgba(0,0,0,.12);
  max-height: 260px;
  overflow-y: auto;
  z-index: 9999;
  padding: 6px;
}
.ac-item { padding: 8px 10px; border-radius: 8px; cursor: pointer; text-align: left; }
.ac-item:hover { background: #f1f1f1; }
.ac-muted { color: #666; font-size: .9em; }

.badge-bronze { font-weight:bold; color:#8c5a2b; }
.badge-silber { font-weight:bold; color:#666; }
.badge-gold { font-weight:bold; color:#b8860b; }
.badge-kein { color:#777; }