/* Im lokalen Ablauf bleiben Bedienpunkte und Gruppierung des Online-Studios erhalten. */
.lokal-seite #rec-finished {
  position: static;
  width: 100%;
  max-width: none;
  margin: 0;
  min-width: 0;
  text-align: center;
}
.lokal-seite #rec-finished .welt-warte-fuss { width: min(100%, 36rem); }
.lokal-seite #rec-finished .welt-warte-fuss p { margin: 4px 0 0; }
.lokal-seite #rec-finished .lokal-warte-person .spieler-bild {
  width: min(100%, 112px) !important;
  height: auto !important;
  margin-inline: auto;
  aspect-ratio: 1;
}
.lokal-seite #rec-finished .lokal-warte-person { min-width: min(100%, 180px); }
.lokal-seite #rec-finished #record-waiting { width: 100%; justify-items: center; }

.lokal-seite .lokal-screen-start {
  background: linear-gradient(120deg, #100a1ade, #100a1a99), url('/weltraum-planeten.webp') center / cover;
}
.lokal-seite .lokal-screen-start-karte {
  width: min(100%, 34rem);
  gap: 16px;
  border: 0;
  background: transparent;
}
.lokal-seite #screen-ready-title {
  color: #fff5fc;
  font-size: clamp(16px, 2vw, 28px);
  letter-spacing: -.035em;
  overflow-wrap: anywhere;
}
.lokal-seite #screen-play { min-height: 48px; padding: 10px 18px; font-size: 15px; }
.lokal-seite #screen-play::before { content: '▶' / ''; }
.lokal-seite #screening #screen-actions {
  border-radius: 12px;
  background: var(--panel);
  margin: 0 0 8px;
  padding: 8px;
}
.lokal-seite #screening #screen-actions .btn { min-height: 42px; }

.lokal-seite #decision-people { min-height: 52px; padding: 10px 12px 4px; background: var(--panel); }
.lokal-seite #view-voting #vote-status { margin: 0; }
.lokal-seite #results-export #export { margin: 0; }
.lokal-seite #results-export .welt-export-karten { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.lokal-seite #results-export .welt-export-karten :is(#cancel-render,#saved) { min-height: 44px; }
.lokal-seite #results-export .welt-export-karten #save::before { content: '↗'; }
.lokal-seite #results-export .welt-export-karten #cancel-render::before { content: none; }

@media (max-width: 860px) {
  .lokal-seite #view-recording.view { display: block; }
}

@media (min-width: 861px) {
  html[data-design=weltraum] .lokal-seite:is([data-lokal-phase=recording],[data-lokal-phase=voting],[data-lokal-phase=results]) main {
    max-width: none;
    padding: 0 12px 24px;
  }
  html[data-design=weltraum] .lokal-seite:is([data-lokal-phase=recording],[data-lokal-phase=voting],[data-lokal-phase=results]) #room-steps {
    width: auto;
    max-width: none;
    margin: 0 -12px;
    padding: 8px 20px;
    border: 0;
    border-radius: 0;
  }
  html[data-design=weltraum] .lokal-seite[data-lokal-phase=recording] main { padding-inline: 0; }
  html[data-design=weltraum] .lokal-seite[data-lokal-phase=recording] #room-steps { margin-inline: 0; }
  .lokal-seite:is([data-lokal-phase=recording],[data-lokal-phase=voting],[data-lokal-phase=results]) :is(.lokal-wip,#status:not(.error)),
  .lokal-seite:is([data-lokal-phase=voting],[data-lokal-phase=results]) #room > :is(#room-tools,#storage-hint,#recovery-status,#invitation) {
    display: none;
  }
  .lokal-seite #recording { margin-top: 10px; }
  .lokal-seite #view-recording > header.bar { padding: 4px 0 12px; }
  .lokal-seite #view-recording .rec-seite { align-self: stretch; }
  .lokal-seite #view-recording #rec-progress { margin-bottom: 0; }
  .lokal-seite #view-recording #rec-frame { grid-template-rows: clamp(200px, 30dvh, 340px) auto; }
  .lokal-seite #rec-media #stage { border-radius: 12px; }
  .lokal-seite #rec-media #video { border-radius: 12px; }
  .lokal-seite #view-recording #host-actions { margin-left: 0; }
  .lokal-seite #view-recording .wave-legende #edit-text { min-height: 26px; padding: 3px 8px; }
  .lokal-seite #view-recording .aufnahme-abschluss { margin-top: 0; }
  .lokal-seite #rec-finished {
    min-height: min(72dvh, 648px);
    padding: clamp(18px, 4vw, 40px);
    border: 1px solid var(--stroke);
    background: radial-gradient(ellipse at 50% 60%, #69134440, transparent 60%), #0d0915;
  }
  .lokal-seite #rec-finished .lokal-warte-person { border: 0; background: none; }
  .lokal-seite #rec-finished .lokal-warte-person .spieler-bild { width: min(100%, 150px) !important; }
  .lokal-seite #decision-people { margin-inline: -12px; }
  html[data-design=weltraum] .lokal-seite #view-voting,
  html[data-design=weltraum] .lokal-seite #view-results {
    width: 96vw;
    max-width: 1840px;
  }
  .lokal-seite #view-results footer.bar-bottom { width: 100%; justify-content: flex-end; }
}