/* Cold Start - Fenster "Spieler melden".
   Haelt sich an die Masse der uebrigen Fenster (.overlay aus style.css):
   dunkle Tafel, goldener Rand, mittig. Schmal, weil hier nur zwei Dinge
   zu tun sind - Grund waehlen und schreiben. */
.md-ov { display: flex; align-items: center; justify-content: center; z-index: 60; }

.md-karte {
  width: min(420px, 92vw);
  max-height: calc(100vh - 32px);
  overflow-y: auto;
  box-sizing: border-box;
  padding: 20px 22px 18px;
  border: 1px solid var(--gold);
  border-radius: 8px;
  background: linear-gradient(rgba(28, 22, 16, .97), rgba(18, 14, 10, .98));
  box-shadow: 0 18px 44px rgba(0, 0, 0, .5);
}
.md-karte h3 { margin: 0 0 2px; font-size: 15px; color: var(--ink); }
.md-karte h4 {
  margin: 16px 0 7px;
  font: 600 11px var(--font); letter-spacing: .06em; text-transform: uppercase;
  color: var(--ink-mute);
}
.md-wer { margin: 0 0 10px; font: 600 14px var(--font); color: var(--gold); }
.md-hinweis { margin: 0; font-size: 12px; line-height: 1.45; color: var(--ink-mute); }

.md-gruende { display: flex; flex-wrap: wrap; gap: 6px; }
.md-grund {
  padding: 6px 11px;
  font: 500 12.5px var(--font);
  color: var(--ink-dim);
  background: rgba(0, 0, 0, .3);
  border: 1px solid var(--panel-edge);
  border-radius: 999px;
  cursor: pointer;
}
.md-grund:hover { border-color: var(--gold); color: var(--ink); }
.md-grund.ist-an { border-color: var(--gold); color: var(--gold); background: rgba(201, 162, 39, .14); }

.md-text {
  width: 100%; box-sizing: border-box; padding: 9px 11px;
  font: 500 13px/1.45 var(--font); color: var(--ink);
  background: rgba(0, 0, 0, .3);
  border: 1px solid var(--panel-edge); border-radius: 5px;
  resize: vertical;
}
.md-text:focus { outline: none; border-color: var(--gold); }

.md-zahl { margin: 5px 0 0; font-size: 11.5px; color: var(--ink-mute); }
.md-zahl.ist-knapp { color: #d8b06a; }
.md-fuss { margin: 14px 0 0; font-size: 11.5px; line-height: 1.45; color: var(--ink-mute); }
.md-fehler { margin: 10px 0 0; font-size: 12.5px; color: #e4a09a; }
.md-danke { margin: 8px 0 0; font-size: 13px; line-height: 1.5; color: var(--ink-dim); }

.md-knoepfe { display: flex; justify-content: flex-end; gap: 8px; margin-top: 18px; }