/* Lokale Räume verwenden dieselben Weltraum-Studioflächen und Bedienelemente. */
.lokal-seite main{width:100%;max-width:1900px;margin:auto;padding:0 12px 24px}
.lokal-seite .ui-seitenmarke{margin:0 -12px 12px;flex-wrap:wrap}.lokal-seite .ui-seitenmarke #account-name{margin-left:auto;font-size:13px;color:var(--text)}
.lokal-seite #intro,.lokal-seite #entry{max-width:900px;margin:28px auto;padding:24px}.lokal-seite #intro h1{font-size:clamp(28px,5vw,48px)}
.lokal-wip{display:flex;gap:10px;align-items:baseline;padding:8px 16px;border:1px solid var(--stroke);border-radius:10px;background:var(--panel);font-size:11px;line-height:1.5;flex-wrap:wrap;width:min(1840px,90vw);margin:10px auto}.lokal-wip strong{color:var(--gold)}
.lokal-seite #status{width:min(1840px,90vw);padding:8px 12px;font-size:12px;margin:8px auto;color:var(--muted);overflow-wrap:anywhere}.lokal-seite #status.error{color:var(--gold);border-left:3px solid var(--gold)}
.lokal-seite #room{padding:0;border:0;background:none;margin:0}.lokal-seite #room-tools{width:min(1840px,90vw);margin:10px auto;padding:14px 0 20px;background:none;border:0}.lokal-seite #room-code-value{font-size:11px;overflow-wrap:anywhere}
.lokal-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.lokal-seite #storage-hint,.lokal-seite #recovery-status{font-size:11px;color:var(--muted);width:min(1840px,90vw);margin:8px auto}.lokal-seite #room-steps{padding:12px 0;min-height:0;max-width:1840px;margin:auto}.lokal-seite #room-steps ol{flex-wrap:wrap}
.lokal-seite #lobby-inhalt{display:grid;align-items:start}.lokal-seite #lobby-studio-panel,.lokal-seite #lobby-pack-panel{padding:18px}.lokal-seite .studio-person{display:flex}.lokal-seite #players progress{width:100%;height:5px;accent-color:var(--pink)}.lokal-seite #players small{font-size:10px}.lokal-seite #players .studio-marken{min-height:26px}.lokal-seite #players .studio-avatar::before{animation:none}.lokal-seite #players .studio-einladen button{width:100%;min-height:200px;background:none;border:0}.lokal-seite #players .studio-einladen button::before{content:'+';display:block;font-size:32px;margin:0}
.lokal-seite .paket-dateien{display:flex;flex-wrap:wrap;gap:8px}.lokal-seite .paket-dateien input{position:absolute;opacity:0;width:1px;height:1px}.lokal-seite .paket-dateien label:focus-within{outline:2px solid #fbb5e3;outline-offset:3px}.lokal-seite .paket-dateien label:has(input:disabled){opacity:.55;cursor:default}.lokal-seite #pack-detail{margin-top:18px;padding:18px}.lokal-seite #section{max-width:100%;width:100%}.lokal-seite #pack-info{font-size:13px}.lokal-seite .studio-bereitschaft p{font-size:12px}.lokal-seite #lobby-device-options .platz-kasten{margin:12px 0}
.lokal-seite #seat-names{display:grid;gap:8px}.lokal-seite .platz-feld{width:100%}.lokal-seite #device-options{min-width:0}.lokal-seite #seat-tabs{margin:12px 0}.lokal-seite #seat-tabs .btn{min-width:0}.lokal-seite #casting-start-slot{display:contents}.lokal-seite #casting .welt-casting-geraete{margin-top:0}.lokal-seite #casting-actions{margin-top:22px}.lokal-seite #casting-wait{font-size:12px;color:var(--muted)}
/* Nur die Einbettung unterscheidet sich; Farben und Knopfgeometrie sind gemeinsam. */
.lokal-seite #recording{padding:0;margin:12px 0;border:0;background:none}.lokal-seite #view-recording{width:100%;padding:12px;margin:0 auto}.lokal-seite #view-recording header{margin:0 0 12px}.lokal-seite #view-recording .rec-layout{height:auto;min-height:0;grid-template-rows:auto;align-items:start}.lokal-seite #view-recording .rec-haupt{height:auto;overflow:visible}.lokal-seite #view-recording .rec-seite{max-height:none;overflow:visible}
.lokal-seite #view-recording #rec-frame{margin:0;display:grid;grid-template-rows:clamp(180px,30vh,380px) auto;height:auto;min-height:0;overflow:hidden;width:100%}.lokal-seite #rec-media{min-height:0;position:relative;background:#000}.lokal-seite #rec-media #stage,.lokal-seite #rec-media #video{height:100%;width:100%;max-height:100%;border-radius:0}.lokal-seite #rec-media #subtitle{display:none}.lokal-seite #rec-frame .clip-line{width:100%;max-width:90ch;height:auto;max-height:none;overflow:visible;padding:14px;overflow-wrap:anywhere}.lokal-seite #rec-mine{width:100%}.lokal-seite #rec-people{font-size:12px;overflow-wrap:anywhere}.lokal-seite #rec-seat{flex-basis:100%;text-align:center;color:var(--gold)}
.lokal-seite .aufnahme-abschluss{margin-top:14px}.lokal-seite #record-status{font-size:13px;margin:8px 0}.lokal-seite #meine-liste{max-height:42vh}.lokal-seite #rec-einzaehlen{position:absolute;inset:0;display:grid;place-items:center;font-size:70px;background:#0008;z-index:3;pointer-events:none}.lokal-seite #rec-room-tools .btn{font-size:11px;margin:4px 0}.lokal-seite #rec-room-tools h2{font-size:15px}.lokal-seite #rec-room-tools p{font-size:11px;overflow-wrap:anywhere}.lokal-seite #rec-room-tools #room-tools{width:100%;padding:0;display:block}
.lokal-seite .zeile-text{min-width:0}.lokal-seite .toggle{display:flex;align-items:center;gap:8px}.lokal-seite .toggle input{flex:none}.lokal-seite .regler input{width:100%}.lokal-seite .wave-legende #edit-text{margin-left:auto;font-size:11px}.lokal-seite .lokal-timing{padding:12px;border:1px solid var(--stroke);border-radius:12px}.lokal-seite .lokal-timing input{width:100%}.lokal-seite #record-roster{font-size:12px;overflow-wrap:anywhere}.lokal-seite #record-roster p{padding:6px 0;margin:0;border-bottom:1px solid var(--stroke)}.lokal-seite #mic-settings input[type=range]{width:100%}.lokal-seite #input-warning{color:var(--gold)}.lokal-seite #host-actions{margin-left:auto}.lokal-seite #missing-takes{flex:1 1 100%;font-size:12px}.lokal-seite #rec-progress{margin-bottom:8px}
#stage{position:relative;background:#000;display:grid;place-items:center;overflow:hidden;border-radius:16px}#video{display:block;max-height:65vh;width:100%;object-fit:contain}#subtitle{position:absolute;bottom:4%;max-width:85%;margin:0;text-align:center;color:white;text-shadow:0 2px 4px #000;background:#000a;border-radius:8px;padding:8px;pointer-events:none}#subtitle:empty{display:none}#stage:fullscreen{border-radius:0;width:100vw;height:100dvh;cursor:none}#stage:fullscreen #video{width:100%;height:100%;max-height:100vh}#esc{position:absolute;top:24px;left:50%;transform:translateX(-50%);padding:12px;background:#111d;border-radius:12px;pointer-events:none}
.lokal-screen-mixer{display:flex;gap:24px;flex-wrap:wrap;align-items:end}.lokal-screen-mixer label{flex:1 1 180px;min-width:0}.lokal-screen-mixer input,.lokal-seek input{display:block;width:100%;accent-color:var(--pink);padding:0}.lokal-seite output{float:right;color:var(--gold)}.lokal-seite #screen-load{display:flex;gap:12px;flex-wrap:wrap;font-size:12px}.lokal-seite #screen-load p{flex:1 1 200px;margin:6px 0}#stage[data-captions=below]{grid-template-rows:minmax(0,1fr) auto}#stage[data-captions=below] #subtitle{position:static;max-width:90%;margin:8px;grid-row:2}#stage:fullscreen[data-captions=below] #video{height:100%;max-height:100%}
#speaker{position:absolute;right:2%;top:2%;display:flex;align-items:center;flex-direction:column;gap:5px;width:clamp(60px,14%,210px);pointer-events:none;background:none;border:0;filter:none;box-shadow:none}#speaker>.spieler-bild{width:76%;aspect-ratio:1;height:auto;border-radius:50%;font-size:clamp(15px,4vw,55px);display:grid;place-items:center;box-sizing:border-box;background:#0a0711;border:2px solid var(--cyan)}#speaker>.spieler-bild[data-avatarform=eckig]{border-radius:15%}#speaker .local-speaker-name,#speaker .local-speaker-role{display:block;max-width:100%;box-sizing:border-box;border:1px solid var(--cyan);border-radius:99px;background:#080b12ee;color:white;text-align:center;overflow-wrap:anywhere;padding:.2em .55em;font-size:clamp(8px,1.5vw,22px);line-height:1.2}#speaker .local-speaker-role{font-size:clamp(8px,1.4vw,20px)}#speaker .local-speaker-role>span{font-size:.65em;color:#9cbec9}#stage:fullscreen #speaker .rahmen-nova::after{animation:none}
.lokal-seite.ist-runde #intro{display:none}.lokal-seite.ist-aufnahme #storage-hint{display:none}.lokal-seite #screen-connection{margin:12px 0;padding:12px;border:1px solid var(--stroke);border-radius:12px;font-size:12px}.lokal-seite #screen-connection summary{cursor:pointer}.lokal-seite #screen-room-tools #room-tools{width:100%}.lokal-seite.ist-vorfuehrung #room{display:flex;flex-direction:column;padding:12px;margin:10px 0}.lokal-seite.ist-vorfuehrung #room-steps{order:0;padding:4px 0;margin-bottom:10px}.lokal-seite.ist-vorfuehrung #screen-stage{order:1}.lokal-seite.ist-vorfuehrung #screening{order:2;padding:12px;border:0;margin:8px 0;background:none}.lokal-seite.ist-vorfuehrung #export{order:4;padding:18px;margin:8px 0}.lokal-seite.ist-vorfuehrung #screen-connection{order:5}.lokal-seite.ist-vorfuehrung #host-actions{display:contents}.lokal-seite #missing-takes:empty{display:none}.lokal-seite.ist-vorfuehrung #stage{height:clamp(200px,62vh,800px)}.lokal-seite.ist-vorfuehrung #video{height:100%;max-height:100%;width:100%}.lokal-seite.ist-vorfuehrung #stage:fullscreen{height:100dvh;min-height:0}.lokal-seite.ist-vorfuehrung #stage[data-captions=below] #video{min-height:0}
.lokal-seite #text-dialog,.lokal-seite #friend-dialog,.lokal-seite #script-dialog{width:min(800px,94vw);max-height:90dvh;color:var(--text);background:var(--panel);border:1px solid var(--stroke);border-radius:16px;padding:24px}.lokal-seite dialog::backdrop{background:#000a}.lokal-seite dialog textarea{width:100%;resize:vertical;min-height:80px;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--stroke);padding:12px;border-radius:8px}.lokal-seite #script-lines label{display:block;margin:12px 0}.lokal-seite #friend-list{margin:18px 0}.lokal-seite #friend-list .freund-karte{padding:12px;gap:12px}.lokal-seite #friend-list .freund-info{flex:1;min-width:0}.lokal-seite #friend-list .freund-info span{display:block}
.lokal-seite footer{font-size:12px;color:var(--muted);margin:18px auto}.lokal-seite #casting-actions{font-size:inherit}
@media(max-width:860px){.lokal-seite #view-recording .rec-layout{grid-template-columns:minmax(0,1fr)}.lokal-seite #view-recording #rec-frame{grid-template-rows:clamp(130px,24vh,220px) auto}.lokal-seite #rec-wave{height:80px}.lokal-seite #rec-seite{position:static;padding:8px}.lokal-seite #meine-liste{max-height:260px}}
@media(max-width:800px){.lokal-seite main{padding:0 8px 16px}.lokal-seite .ui-seitenmarke{margin:0 -8px 8px}.lokal-seite #lobby,.lokal-seite #room-tools,.lokal-seite .lokal-wip,.lokal-seite #status,.lokal-seite #storage-hint,.lokal-seite #recovery-status{width:96%}.lokal-seite .studio-startzeile{grid-template-columns:minmax(0,1fr)}.lokal-seite .studio-bereitschaft{grid-column:1;grid-row:auto}.lokal-seite #casting-actions{position:static}}
@media(max-width:540px){.lokal-screen-mixer{gap:8px}.lokal-screen-mixer label{flex-basis:40%}.lokal-seite #screening{padding:8px 0}.lokal-seite.ist-vorfuehrung #room{padding:0}.lokal-seite.ist-vorfuehrung #stage{height:clamp(200px,35vh,350px)}.lokal-seite.ist-vorfuehrung #stage:fullscreen{height:100dvh}.lokal-seite #screen-actions{gap:8px}.lokal-seite #screen-actions .btn{font-size:11px;flex:1 1 40%}.lokal-seite .bar{flex-wrap:wrap}.lokal-seite #casting-actions .toggle{flex-wrap:wrap}.lokal-seite #friend-list .freund-karte{flex-wrap:wrap}#speaker{gap:3px}}

.lokal-seite #lobby-storage,.lokal-seite #studio-connection{font-size:11px;color:var(--muted);margin:16px auto;max-width:96%}.lokal-seite #lobby-storage{max-width:none}.lokal-seite #lobby-storage summary,.lokal-seite #studio-connection summary{cursor:pointer}.lokal-seite #lobby-storage-content p{width:100%;font-size:11px}.lokal-seite #studio-room-tools #room-tools{width:100%;margin:0}.lokal-seite #studio-connection{align-self:stretch}.lokal-seite #rec-people{display:flex;gap:8px;flex-wrap:wrap;min-height:0;padding:0;background:none;border:0}.lokal-seite #rec-people .spieler-chip{font-size:11px}

/* Vorführung: Filmformat und sichtbare Fensterfläche bestimmen das Bild. */
#video-bild{position:relative;width:100%;height:100%;min-width:0;min-height:0}
.lokal-seite.ist-vorfuehrung :is(.lokal-wip,#room-steps,.ui-seitenmarke){display:none}
.lokal-seite.ist-vorfuehrung #status:not(.error){display:none}
.lokal-seite.ist-vorfuehrung main{max-width:none;margin:0 auto;padding:0}
.lokal-seite.ist-vorfuehrung #room{padding:0;margin:0}
.lokal-seite.ist-vorfuehrung #screen-stage{width:100%;min-width:0}
.lokal-seite.ist-vorfuehrung #stage{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:auto;min-height:0;max-height:none;border-radius:0}
.lokal-seite.ist-vorfuehrung #video-bild{flex:none;width:var(--lokal-bild-breite,100%);height:var(--lokal-bild-hoehe,auto);max-width:100%;overflow:hidden}
.lokal-seite.ist-vorfuehrung #video{display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain}
.lokal-seite.ist-vorfuehrung #subtitle{font-size:calc(var(--lokal-untertitel-schrift,1em) * var(--dub-textfaktor,1));line-height:var(--dub-textabstand,1.4);white-space:pre-line;overflow-wrap:anywhere;box-sizing:border-box}
.lokal-seite #rec-frame .zeile-de, .lokal-seite #rec-frame .zeile-en {line-height:var(--dub-textabstand,1.4)}
.lokal-seite #rec-frame .zeile-en {font-size:calc(14px * var(--dub-textfaktor,1));display:block;margin-top:4px}
.lokal-seite #lokal-einst-probe-pegel {display:block;width:100%;margin:8px 0}
.lokal-seite #record-cut .aufnahme-schnitt-regler {display:grid;gap:8px;margin-block:12px}
.lokal-seite #record-cut .lokal-row {gap:8px}
@media (max-width:860px) {
  html.lokal-mobil-video-klein .lokal-seite #view-recording #rec-frame {grid-template-rows:clamp(105px,18vh,170px) auto}
}
.lokal-seite.ist-vorfuehrung #video-bild>#subtitle{left:50%;transform:translateX(-50%);width:max-content;max-width:85%}
.lokal-seite.ist-vorfuehrung #stage>#subtitle{left:auto;transform:none}
.lokal-seite.ist-vorfuehrung #speaker{width:var(--lokal-sprecher-breite,14%)}
.lokal-seite.ist-vorfuehrung #speaker .local-speaker-name,.lokal-seite.ist-vorfuehrung #speaker .local-speaker-role{font-size:var(--lokal-sprecher-schrift,14px)}
.lokal-seite.ist-vorfuehrung #stage:fullscreen{width:100vw;height:100dvh;border-radius:0;min-height:0}

/* Filmsteuerung liegt auf dem tatsächlichen Bild, auch im Vollbild. */
.lokal-seite #screen-controls{position:absolute;inset:auto 0 0;z-index:8;box-sizing:border-box;padding:24px 10px 8px;color:#fff;background:linear-gradient(transparent,rgba(4,3,8,.8) 32%,rgba(4,3,8,.94));opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease}
.lokal-seite #screen-controls[data-visible=true]{opacity:1;visibility:visible;pointer-events:auto}
.lokal-seite .lokal-player-zeitleiste{width:100%;padding:0 2px 4px;box-sizing:border-box}
.lokal-seite #screen-seek{display:block;width:100%;min-width:0;margin:0;padding:0;height:18px;cursor:pointer;accent-color:var(--pink);appearance:none;-webkit-appearance:none;background:transparent;border:0;border-radius:0;box-shadow:none;touch-action:pan-y}
.lokal-seite #screen-seek::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(to right,var(--pink) 0 var(--lokal-position,0%),#c8c3ce88 var(--lokal-position,0%) 100%)}
.lokal-seite #screen-seek::-moz-range-track{height:4px;border-radius:4px;background:#c8c3ce88}
.lokal-seite #screen-seek::-moz-range-progress{height:4px;border-radius:4px;background:var(--pink)}
.lokal-seite #screen-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;margin-top:-4px;border:0;border-radius:50%;background:var(--pink);box-shadow:none}
.lokal-seite #screen-seek::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:var(--pink)}
.lokal-seite .lokal-player-knopfleiste{display:flex;align-items:center;gap:4px;flex-wrap:wrap;min-width:0}
.lokal-seite #screen-controls .btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:34px;height:34px;min-width:0;min-height:0;margin:0;padding:4px;border:0;border-radius:6px;background:transparent;color:#fff;font-family:inherit;font-weight:600;font-size:12px;line-height:1;box-shadow:none;transform:none;cursor:pointer}
.lokal-seite #screen-controls .btn::before{display:none}
.lokal-seite #screen-controls .btn:hover{background:#ffffff24;color:#fff;transform:none;box-shadow:none}
.lokal-seite #screen-controls .btn:disabled{opacity:.4;cursor:default;background:none}
.lokal-seite #screen-controls .btn svg{width:24px;height:24px;flex:none}
.lokal-seite #screen-controls :is(button,input):focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.lokal-seite #screen-seek:disabled{opacity:.45;cursor:default}
.lokal-seite #screen-controls #fullscreen{margin-left:auto}
.lokal-seite #screen-time{float:none;display:block;flex:1 1 auto;min-width:0;padding:0 5px;color:#fff;font-size:11px;line-height:1.4;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lokal-seite #video-bild.bedienung-aktiv:not(.bedienung-sichtbar){cursor:none}
.lokal-seite #stage:fullscreen #video-bild.bedienung-sichtbar{cursor:auto}
.lokal-seite.ist-vorfuehrung #video-bild.bedienung-sichtbar>#subtitle{bottom:max(4%,calc(var(--lokal-bedienung-hoehe,80px) + 8px))}
.lokal-seite #speaker .local-speaker-role{display:flex;align-items:center;justify-content:center;gap:.22em;font-family:inherit;font-weight:700}
.lokal-seite #speaker .local-speaker-role>span{flex:none;font-family:inherit;font-size:.88em;line-height:inherit;font-weight:700;white-space:nowrap}
.lokal-seite #speaker .local-speaker-role>strong{min-width:0;font-family:inherit;font-size:1em;line-height:inherit;font-weight:700}
@media(max-width:540px){.lokal-seite #screen-controls{padding-right:6px;padding-left:6px}.lokal-seite .lokal-player-knopfleiste{gap:2px}.lokal-seite #screen-controls .btn{width:29px;height:30px;padding:3px}.lokal-seite #screen-time{padding:0 3px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.lokal-seite #screen-controls{transition:none}}

/* Unter dem Film stehen zuerst die Aktionen für die aktuelle Vorführung. */
.lokal-seite.ist-vorfuehrung :is(#screening,#export,#screen-connection) {
  align-self: center;
  width: min(100%, 70rem);
}
.lokal-seite #screen-actions {
  justify-content: flex-start;
  gap: 8px;
  padding: 8px 10px;
  border: 0;
  background: transparent;
}
.lokal-seite #screen-heading { margin-inline-end: auto; }
.lokal-seite #screen-load { gap: 4px 12px; padding: 4px 10px; color: var(--muted); }
.lokal-seite #screen-load p { flex: 0 1 auto; margin: 0; overflow-wrap: anywhere; }
.lokal-seite #local-screen-options .hinweis { margin: 12px 0 0; }
.lokal-seite #export-heading { margin: 0 0 10px; }
.lokal-seite .lokal-film-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.lokal-seite #export-status:empty { display: none; }
.lokal-seite .lokal-export-hilfe .hinweis { margin: 4px 10px 0; }
@media (max-width: 540px) {
  .lokal-seite #screen-heading { flex-basis: 100%; }
}

/* Schmale Hochkantfilme behalten alle Tasten, ohne über den Bildrand zu wachsen. */
.lokal-seite #video-bild.bedienung-schmal #screen-controls{padding-top:16px;padding-right:6px;padding-left:6px}
.lokal-seite #video-bild.bedienung-schmal .lokal-player-knopfleiste{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px}
.lokal-seite #video-bild.bedienung-schmal #screen-controls .btn{width:100%;height:28px;padding:2px}
.lokal-seite #video-bild.bedienung-schmal #screen-time{grid-column:1/-1;grid-row:1;padding:0;font-size:10px;text-align:center}
.lokal-seite #video-bild.bedienung-schmal #fullscreen{margin-left:0}

.lokal-seite #room-tools .lobby-navigation { flex-wrap: wrap; }
.lokal-seite #lobby-studio-panel #invite { margin: 0 0 12px; }
.lokal-seite #lobby-mode-label { display: grid; gap: 5px; margin-block-start: 12px; }
.lokal-seite #lobby-mode-label[hidden] { display: none; }
.lokal-seite #lobby-mode { width: 100%; }
.lokal-seite #lobby-mode-info { margin: 6px 0; }
.lokal-seite #invitation { width: min(1840px, 96%); margin: 0 auto 10px; }
.lokal-seite #invite-link-dialog label { display: grid; gap: 8px; margin: 16px 0; }
.lokal-seite #invite-link-input { width: 100%; }
.lokal-seite #rollen-countdown { justify-self: center; }
.lokal-seite #record-turn { margin: 0 0 12px; }

.lokal-screen-start {
  position: absolute;
  z-index: 9;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 8px;
  background: rgb(12 8 19 / .58);
  pointer-events: none;
}
.lokal-screen-start[hidden] { display: none; }
.lokal-screen-start-karte {
  width: min(100%, 27rem);
  max-height: 100%;
  overflow: auto;
  display: grid;
  justify-items: center;
  gap: 8px;
  padding: clamp(6px, 2vw, 20px);
  background: var(--panel, #20182a);
  border: 1px solid var(--stroke);
  border-radius: 12px;
  color: var(--text);
  text-align: center;
  pointer-events: auto;
}
.lokal-screen-start-karte p { margin: 0; font-size: clamp(12px, 2vw, 16px); }
.lokal-screen-start-karte progress { width: 90%; accent-color: var(--pink); }
.lokal-screen-start-karte .btn { white-space: normal; }
.lokal-seite #view-voting, .lokal-seite #view-results { max-width: 72rem; margin-inline: auto; }
.lokal-seite #results-export #export { padding: 16px 0; }
.lokal-seite #results-summary { margin: 0; }
.lokal-seite #vote-buttons { gap: 10px; }
.lokal-seite #vote-buttons .vote { min-width: 0; overflow-wrap: anywhere; }
.lokal-seite #results-list li { overflow-wrap: anywhere; }
.lokal-seite #offline-room-guests { margin: 12px auto; max-width: 72rem; padding: 12px; }
.lokal-seite #offline-room-guests p { margin: 0; }
.lokal-seite #view-drehbuch { width: min(96%, 72rem); margin-inline: auto; }
.lokal-seite #shared-script-lines { display: grid; gap: 12px; margin: 18px 0; }
.lokal-seite #shared-script-lines label { display: grid; gap: 8px; }
.lokal-seite #shared-script-lines textarea { min-width: 0; width: 100%; resize: vertical; }
@media (max-width: 540px) {
  .lokal-seite #room-tools .lobby-navigation { gap: 6px; }
  .lokal-seite #room-tools .room-code { max-width: 50vw; }
  .lokal-seite #view-voting, .lokal-seite #view-results { width: 100%; }
}

/* Nach den eigenen Takes bleibt der gemeinsame Aufnahmefortschritt im Blick. */
.lokal-seite #rec-finished{box-sizing:border-box;align-self:center;width:100%;max-width:900px;margin:10px auto 18px;padding:clamp(16px,2.4vw,28px);border-color:#42ceff66;border-radius:14px;background:linear-gradient(135deg,#15101bf2,#0b101af2);text-align:left}
.lokal-seite #rec-finished h2{margin:0 0 12px;font-size:clamp(22px,2.3vw,30px);line-height:1.35;overflow-wrap:anywhere}
.lokal-seite #rec-finished>p{max-width:72ch;margin:8px 0;color:var(--muted);font-size:14px;line-height:1.65;overflow-wrap:anywhere}
.lokal-seite #record-waiting,.lokal-seite #rec-finished .lokal-warte-spieler{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px;min-width:0;margin-top:20px}
.lokal-seite #record-waiting:has(>.lokal-warte-spieler){display:block}
.lokal-seite #rec-finished .lokal-warte-person{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:8px;min-width:0;padding:16px;border:1px solid var(--stroke);border-radius:10px;background:#090711aa;box-sizing:border-box}
.lokal-seite #rec-finished .lokal-warte-person>strong{display:block;min-width:0;color:var(--text);font-size:15px;line-height:1.4;overflow-wrap:anywhere}
.lokal-seite #rec-finished .lokal-warte-person .hinweis{margin:0;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.lokal-seite #rec-finished .lokal-warte-person progress{display:block;appearance:none;-webkit-appearance:none;width:100%;min-width:0;height:8px;margin:2px 0 0;padding:0;overflow:hidden;border:0;border-radius:99px;background:#38303f;accent-color:var(--pink)}
.lokal-seite #rec-finished .lokal-warte-person progress::-webkit-progress-bar{border-radius:99px;background:#38303f}
.lokal-seite #rec-finished .lokal-warte-person progress::-webkit-progress-value{border-radius:99px;background:var(--pink)}
.lokal-seite #rec-finished .lokal-warte-person progress::-moz-progress-bar{border-radius:99px;background:var(--pink)}
.lokal-seite #rec-finished .lokal-warte-anzahl{display:block;color:var(--muted);font-size:12px;line-height:1.5;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.lokal-seite #rec-finished .lokal-warte-person.ist-fertig{border-color:#2be08a66;background:#0b1b17aa}
.lokal-seite #rec-finished .lokal-warte-person.ist-fertig>.hinweis,.lokal-seite #rec-finished .lokal-warte-person.ist-fertig>.lokal-warte-anzahl{color:var(--green)}
.lokal-seite #rec-finished .lokal-warte-person.ist-fertig progress{accent-color:var(--green)}
.lokal-seite #rec-finished .lokal-warte-person.ist-fertig progress::-webkit-progress-value{background:var(--green)}
.lokal-seite #rec-finished .lokal-warte-person.ist-fertig progress::-moz-progress-bar{background:var(--green)}
@media(max-width:540px){.lokal-seite #rec-finished{margin-top:4px;padding:16px}.lokal-seite #record-waiting,.lokal-seite #rec-finished .lokal-warte-spieler{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:16px}.lokal-seite #rec-finished .lokal-warte-person{padding:12px}}

/* Derselbe Mikrofonpegel wie im Online-Studio, ohne zusätzliche Tonbearbeitung. */
.lokal-seite .lokal-mikro-pegel{min-width:0;margin:12px 0}
.lokal-seite .lokal-mikro-pegel>.lokal-row{justify-content:space-between;gap:6px;font-size:12px}
.lokal-seite #mic-live-value{float:none;min-width:0;font-size:11px;overflow-wrap:anywhere}
.lokal-seite #mic-live-meter{width:100%;box-sizing:border-box;margin:8px 0}
.lokal-seite #mic-live-bar{width:0}
.lokal-seite #mic-level-hint{margin:8px 0;font-size:11px;line-height:1.5}
.lokal-seite #mic-level-hint.error{color:#ff4d6d}

#lokal-ton-dialog { width:min(760px,calc(100vw - 16px)); }
#lokal-ton-dialog .einstellungen-inhalt { flex:1; min-height:0; }
#lokal-ton-dialog .einstellungen-inhalt output { white-space:nowrap; color:var(--gold); font-weight:700; }