/* Orte der Welt (docs/NATIV.md 5; web/js/orte.js): Lernbuch, Briefkasten, Schreibpult, Verladerampe, Wetterfahne, Zeitungskiosk –
   der Aushang beim ersten Mal und das breite Fenster im Breitformat (STIL.md B1). Eigene Datei neben style.css (STIL.md E2a). */
/* Beim ersten Mal ein Aushang oben im Fenster: Pergamentzettel mit Messingrand und weinroter Reißzwecke, harter Schatten */
.erstmal { position: relative; margin: 0 0 var(--a6); padding: var(--a3) var(--a5) var(--a3) var(--a12); color: var(--ink); background: var(--paper);
  border: 4px solid var(--brass-d); box-shadow: 4px 4px 0 var(--schatten); }
.erstmal::before { content: ""; position: absolute; left: var(--a4); top: var(--a5); width: 8px; height: 8px; background: var(--wine);
  box-shadow: 2px 2px 0 var(--tinte-tief); }
.orte-welt { display: grid; gap: var(--a4); margin: var(--a3) 0 var(--a6); }
.fahne-wind { margin: 0 0 var(--a4); }
.fc-teil { margin: 0 0 var(--a8); }
.fc-teil > h3 { display: flex; align-items: baseline; gap: var(--a4); }
.fc-teil > h3 .right { margin-left: auto; }
.bk-leer { color: var(--soft); }
/* Breitformat zuerst (STIL.md B1): Lernbuch, Schreibpult und Briefkasten nehmen die Breite – ein breiteres, höheres Fenster, die Abschnitte
   zu zweit nebeneinander (gelesen wird Zeile für Zeile, gerollt nur nach unten); im Hochformat und am Handy quer bleibt es das schmale
   Blatt mit einer Spalte */
@media (min-width: 1000px) and (min-aspect-ratio: 4/3) {
  body.game main .info-panel:has(> .card.breit), body.game.fullfarm main .info-panel:has(> .card.breit) {
    width: auto; max-width: min(1120px, calc(100vw - 32px)); max-height: min(78vh, calc(100dvh - 120px)); left: calc(16px + env(safe-area-inset-left));
    right: calc(16px + env(safe-area-inset-right)); margin: 0 auto; }
  .card.breit .spalten { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--a12); align-items: start; }
  .card.breit .spalten > .erstmal { grid-column: 1 / -1; }
}