/* ---------- Büttner-Reiter im Laden (A-181): gemalte Bühne, Kennzahlen, Anwerben wie eine Gebäude-Zeile ---------- */

/* Bühne: der Kulmbacher Marktplatz über die ganze Breite, Lage-Zeile unten im Bild */
#buettner .bt-buehne { position: relative; border-bottom: 3px solid #0e0703; background: #1a0e07; }
#buettner .bt-kreis { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; image-rendering: pixelated; }
#buettner .bt-lage {
  position: absolute; left: 0; right: 0; bottom: 0; padding: 14px 10px 6px; font-size: 13px; color: var(--cream);
  text-shadow: 1px 1px 0 #000; background: linear-gradient(transparent, rgba(14,7,3,.85)); pointer-events: none;
}
#buettner .bt-lage b { color: #9ad85e; }

/* drei Kennzahlen nebeneinander */
#buettner .bt-kenn { display: grid; grid-template-columns: repeat(3, 1fr); background: #1a0e07; border-bottom: 1px solid #140a05; }
#buettner .bt-kenn > div { padding: 7px 6px 6px; text-align: center; min-width: 0; }
#buettner .bt-kenn > div + div { border-left: 1px solid #2e1a0c; }
#buettner .bt-kenn b { display: block; font-family: var(--pix); font-size: 15px; font-weight: 400; color: var(--gold-l); text-shadow: 2px 2px 0 #000; line-height: 1.3; }
#buettner .bt-kenn span { display: block; font-size: 11px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Anwerben: Gebäude-Zeile (Grundform aus laden.css), dazu die schmale Max-Leiste */
#buettner .bt-kauf .bld-own { font-family: var(--pix); font-size: 15px; }
#buettner .bt-kauf .bt-fertig { font-size: 13px; color: #9ad85e; }
#buettner .bt-kauf.voll { opacity: 1; cursor: default; background: linear-gradient(90deg, #2e3a17, #1f280f); }
#buettner .bt-leiste { display: flex; justify-content: flex-end; padding: 6px 8px; border-bottom: 1px solid #140a05; }
#buettner .bt-max { padding: 4px 10px; font-size: 13px; color: var(--muted); background: #2a170b; border: 2px solid #3a2212; cursor: pointer; }
#buettner .bt-max:not(:disabled) { color: var(--ink); background: var(--gold); border-color: var(--gold-l); font-weight: 500; }
#buettner .bt-max:disabled { cursor: default; opacity: .7; }

/* der Verein mit Namen – zum Aufklappen */
#buettner .bt-verein summary { cursor: pointer; padding: 8px 10px; font-size: 13px; color: var(--muted); list-style: none; user-select: none; }
#buettner .bt-verein summary::-webkit-details-marker { display: none; }
#buettner .bt-verein summary::after { content: '▾'; float: right; color: var(--gold-d); transition: transform .15s; }
#buettner .bt-verein:not([open]) summary::after { transform: rotate(-90deg); }
#buettner .bt-verein summary b { color: var(--cream); font-weight: 500; }
#buettner .bt-namen { display: grid; grid-template-columns: repeat(auto-fill, minmax(92px, 1fr)); gap: 2px 8px; padding: 0 10px 10px; font-size: 12px; line-height: 1.5; color: var(--muted); }
#buettner .bt-namen span { opacity: .45; white-space: nowrap; }
#buettner .bt-namen span.da { opacity: 1; color: #9ad85e; font-weight: 500; }
#buettner .bt-namen span.tanz { border-bottom: 1px dashed #3a8a3a; } /* ab hier wird getanzt */

@media (max-width: 900px) {
  #buettner .bt-lage { font-size: 14px; }
  #buettner .bt-kenn b { font-size: 16px; }
  #buettner .bt-kenn span { font-size: 12px; }
  #buettner .bt-max { padding: 6px 12px; font-size: 15px; }
}