/**
 * Video-Tab: TikTok LIVE 1:1 (Co-Host Duo, Portrait).
 * Partner Vollbild · PiP 9:16 oben rechts (links der Rail) · Kommentare links · Rail rechts.
 * Klassen: .video-eigen-mini (eigene Kamera PiP) | .video-partner-mini (Partner PiP).
 */

#ansicht-video.video-tiktok-layout {
  --vt-schrift: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
  --vt-safe-oben: env(safe-area-inset-top, 0px);
  --vt-safe-unten: env(safe-area-inset-bottom, 0px);
  --vt-safe-links: env(safe-area-inset-left, 0px);
  --vt-safe-rechts: env(safe-area-inset-right, 0px);
  /* Kopf: Zurück + Titel (~52px inkl. Safe) */
  --vt-kopf-hoehe: calc(52px + var(--vt-safe-oben));
  /* Rechte Spalte: Rail + PiP bündig am gleichen rechten Rand */
  --vt-rechts-rand: max(4px, var(--vt-safe-rechts));
  --vt-rail-breite: 48px;
  --vt-chat-rand-rechts: calc(var(--vt-rail-breite) + var(--vt-rechts-rand) + 6px);
  /* Untere Zeile: nur Kommentar-Eingabe (keine Raum-Pfeile mehr) */
  --vt-eingabe-hoehe: 40px;
  --vt-boden-abstand: 10px;
  --vt-boden-reserviert: calc(
    var(--vt-eingabe-hoehe) + var(--vt-boden-abstand) + var(--vt-safe-unten)
  );
  --vt-kamera-groesse: 28px;
  /* PiP: TikTok ~104×185 (9:16), Radius 8px */
  --vt-pip-breite: 104px;
  --vt-pip-seitenverhaeltnis: 9 / 16;
  --vt-pip-radius: 8px;
  --vt-pip-rand-oben-chat: 12px;
  --vt-pip-hoehe: min(calc(var(--vt-pip-breite) * 16 / 9), 32vh, 200px);
  --vt-pip-unten: calc(var(--vt-boden-reserviert) + 14px);
  /* Zonen (TikTok LIVE): jede Schicht hat festen Bereich, keine Doppelung */
  --vt-zone-kopf-bis: var(--vt-kopf-hoehe);
  --vt-zone-chat-links-breite: min(320px, calc(100% - var(--vt-chat-rand-rechts) - 16px));
  --vt-zone-pip-oben: calc(var(--vt-zone-kopf-bis) + 8px);
  --vt-zone-pip-ende: calc(var(--vt-zone-pip-oben) + var(--vt-pip-hoehe));
  font-family: var(--vt-schrift);
}

/* —— Duo: kein 50/50 wenn TikTok-PiP aktiv —— */
#ansicht-video.video-tiktok-layout #video-gitter.video-gitter--n2 {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 0;
}

#ansicht-video.video-tiktok-layout #video-gitter.video-gitter--n2 .video-gitter-kachel--sichtbar {
  pointer-events: auto;
}

/* Vollbild-Kachel */
#ansicht-video.video-tiktok-layout.video-eigen-mini #video-gitter.video-gitter--n2 .video-gitter-kachel--partner,
#ansicht-video.video-tiktok-layout.video-eigen-mini #video-gitter.video-gitter--n2 .video-gitter-kachel[data-ist-ich='0'],
#ansicht-video.video-tiktok-layout.video-eigen-mini #video-gitter.video-gitter--n2 .video-gitter-kachel--wartend,
#ansicht-video.video-tiktok-layout.video-partner-mini #video-gitter.video-gitter--n2 .video-gitter-kachel--ich,
#ansicht-video.video-tiktok-layout.video-partner-mini #video-gitter.video-gitter--n2 .video-gitter-kachel[data-ist-ich='1'] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-height: none;
  grid-row: auto;
  grid-column: auto;
  z-index: 1;
  border-radius: 0;
  box-shadow: none;
  border: none;
  cursor: default;
  touch-action: pan-y;
}

/* PiP-Kachel (gemeinsame Maße) */
#ansicht-video.video-tiktok-layout.video-eigen-mini #video-gitter.video-gitter--n2 .video-gitter-kachel--ich,
#ansicht-video.video-tiktok-layout.video-eigen-mini #video-gitter.video-gitter--n2 .video-gitter-kachel[data-ist-ich='1'],
#ansicht-video.video-tiktok-layout.video-partner-mini #video-gitter.video-gitter--n2 .video-gitter-kachel--partner,
#ansicht-video.video-tiktok-layout.video-partner-mini #video-gitter.video-gitter--n2 .video-gitter-kachel[data-ist-ich='0'],
#ansicht-video.video-tiktok-layout.video-partner-mini #video-gitter.video-gitter--n2 .video-gitter-kachel--wartend {
  position: absolute;
  width: var(--vt-pip-breite);
  max-width: 28vw;
  aspect-ratio: var(--vt-pip-seitenverhaeltnis);
  max-height: min(32vh, 200px);
  min-height: 0;
  height: auto;
  border-radius: var(--vt-pip-radius);
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
  z-index: 12;
  border: 1px solid rgba(255, 255, 255, 0.35);
  touch-action: none;
  cursor: grab;
  bottom: auto;
  top: calc(var(--vt-kopf-hoehe) + 8px);
  inset-inline-end: var(--vt-rechts-rand);
  left: auto;
  right: auto;
  pointer-events: auto;
}

#ansicht-video.video-tiktok-layout.video-eigen-mini[data-eigen-pip-ecke='unten-rechts']
  #video-gitter.video-gitter--n2
  .video-gitter-kachel--ich,
#ansicht-video.video-tiktok-layout.video-eigen-mini[data-eigen-pip-ecke='unten-rechts']
  #video-gitter.video-gitter--n2
  .video-gitter-kachel[data-ist-ich='1'],
#ansicht-video.video-tiktok-layout.video-partner-mini[data-partner-pip-ecke='unten-rechts']
  #video-gitter.video-gitter--n2
  .video-gitter-kachel--partner,
#ansicht-video.video-tiktok-layout.video-partner-mini[data-partner-pip-ecke='unten-rechts']
  #video-gitter.video-gitter--n2
  .video-gitter-kachel[data-ist-ich='0'] {
  bottom: var(--vt-pip-unten);
  top: auto;
}

#ansicht-video.video-tiktok-layout #video-gitter.video-gitter--n2 .video-gitter-kachel--ich:active,
#ansicht-video.video-tiktok-layout #video-gitter.video-gitter--n2 .video-gitter-kachel--partner:active {
  cursor: grabbing;
}

/* PiP-Ecken: eigen */
#ansicht-video.video-tiktok-layout.video-eigen-mini[data-eigen-pip-ecke='unten-links']
  #video-gitter.video-gitter--n2
  .video-gitter-kachel--ich,
#ansicht-video.video-tiktok-layout.video-eigen-mini[data-eigen-pip-ecke='unten-links']
  #video-gitter.video-gitter--n2
  .video-gitter-kachel[data-ist-ich='1'] {
  inset-inline-end: auto;
  inset-inline-start: calc(var(--vt-safe-links) + 12px);
}

#ansicht-video.video-tiktok-layout.video-eigen-mini[data-eigen-pip-ecke='oben-rechts']
  #video-gitter.video-gitter--n2
  .video-gitter-kachel--ich,
#ansicht-video.video-tiktok-layout.video-eigen-mini[data-eigen-pip-ecke='oben-rechts']
  #video-gitter.video-gitter--n2
  .video-gitter-kachel[data-ist-ich='1'] {
  bottom: auto;
  top: calc(var(--vt-kopf-hoehe) + 8px);
  inset-inline-end: var(--vt-rechts-rand);
}

#ansicht-video.video-tiktok-layout.video-eigen-mini[data-eigen-pip-ecke='oben-links']
  #video-gitter.video-gitter--n2
  .video-gitter-kachel--ich,
#ansicht-video.video-tiktok-layout.video-eigen-mini[data-eigen-pip-ecke='oben-links']
  #video-gitter.video-gitter--n2
  .video-gitter-kachel[data-ist-ich='1'] {
  bottom: auto;
  top: calc(var(--vt-kopf-hoehe) + 8px);
  inset-inline-end: auto;
  inset-inline-start: calc(var(--vt-safe-links) + 12px);
}

/* PiP-Ecken: partner */
#ansicht-video.video-tiktok-layout.video-partner-mini[data-partner-pip-ecke='unten-links']
  #video-gitter.video-gitter--n2
  .video-gitter-kachel--partner,
#ansicht-video.video-tiktok-layout.video-partner-mini[data-partner-pip-ecke='unten-links']
  #video-gitter.video-gitter--n2
  .video-gitter-kachel[data-ist-ich='0'] {
  inset-inline-end: auto;
  inset-inline-start: calc(var(--vt-safe-links) + 12px);
}

#ansicht-video.video-tiktok-layout.video-partner-mini[data-partner-pip-ecke='oben-rechts']
  #video-gitter.video-gitter--n2
  .video-gitter-kachel--partner,
#ansicht-video.video-tiktok-layout.video-partner-mini[data-partner-pip-ecke='oben-rechts']
  #video-gitter.video-gitter--n2
  .video-gitter-kachel[data-ist-ich='0'] {
  bottom: auto;
  top: calc(var(--vt-kopf-hoehe) + 8px);
  inset-inline-end: var(--vt-rechts-rand);
}

#ansicht-video.video-tiktok-layout.video-partner-mini[data-partner-pip-ecke='oben-links']
  #video-gitter.video-gitter--n2
  .video-gitter-kachel--partner,
#ansicht-video.video-tiktok-layout.video-partner-mini[data-partner-pip-ecke='oben-links']
  #video-gitter.video-gitter--n2
  .video-gitter-kachel[data-ist-ich='0'] {
  bottom: auto;
  top: calc(var(--vt-kopf-hoehe) + 8px);
  inset-inline-end: auto;
  inset-inline-start: calc(var(--vt-safe-links) + 12px);
}

/* Geteilt 50/50 (TikTok Duo vor erstem Tipp) */
#ansicht-video.video-tiktok-layout:not(.video-eigen-mini):not(.video-partner-mini)
  #video-gitter.video-gitter--n2 {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr;
}

#ansicht-video.video-tiktok-layout:not(.video-eigen-mini):not(.video-partner-mini)
  #video-gitter.video-gitter--n2
  .video-gitter-kachel[data-ist-ich='0'] {
  grid-row: 1;
}

#ansicht-video.video-tiktok-layout:not(.video-eigen-mini):not(.video-partner-mini)
  #video-gitter.video-gitter--n2
  .video-gitter-kachel[data-ist-ich='1'] {
  grid-row: 2;
}

/* —— Kopfzeile (TikTok LIVE) —— */
#ansicht-video.video-tiktok-layout .video-reel-zeile--kopf {
  top: max(8px, var(--vt-safe-oben));
  left: max(12px, var(--vt-safe-links));
  right: max(12px, var(--vt-safe-rechts));
  height: 44px;
  grid-template-columns: 36px minmax(0, 1fr) minmax(0, auto);
  gap: 8px;
  z-index: 45;
}

#ansicht-video.video-tiktok-layout .video-reel-zeile--kopf .glas-zurueck-knopf.video-reel-knopf {
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
}

#ansicht-video.video-tiktok-layout .video-reel-raum-name {
  font-family: var(--vt-schrift);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.01em;
  padding: 0;
  max-width: min(48vw, 200px);
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: none;
  text-align: start;
  justify-self: start;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.65);
}

#ansicht-video.video-tiktok-layout .video-einladung-glas-knopf {
  height: 36px;
  min-height: 36px;
  padding: 0 12px 0 10px;
  font-size: 13px;
  font-weight: 600;
}

#ansicht-video.video-tiktok-layout .video-einladung-glas-knopf__icon {
  width: 18px;
  height: 18px;
}

#ansicht-video.video-tiktok-layout .video-reel-kopf-rechts {
  max-width: min(42vw, 132px);
}

/* Raum-Pfeile: kein Platz — Weiter nur per Partner-Wisch (schnellpaar) */
#ansicht-video.video-tiktok-layout #ansicht-video-eigener-raum,
#ansicht-video.video-tiktok-layout #ansicht-video-naechster-raum,
#ansicht-video.video-tiktok-layout .video-reel-knopf--raum-links,
#ansicht-video.video-tiktok-layout .video-reel-knopf--raum-rechts {
  display: none !important;
  pointer-events: none !important;
}

/* Container ohne Layout-Fläche (nur Kamera-Knopf, absolut zur Steuerung) */
#ansicht-video.video-tiktok-layout .video-reel-zeile--zwischen-kacheln,
#ansicht-video.video-tiktok-layout.video-eigen-mini .video-reel-steuerung .video-reel-zeile--zwischen-kacheln,
#ansicht-video.video-tiktok-layout.video-partner-mini .video-reel-steuerung .video-reel-zeile--zwischen-kacheln {
  position: static;
  display: block;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  overflow: visible;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  transform: none;
  background: transparent;
  pointer-events: none;
}

/* —— Kamera: auf PiP-Ecke (eigen klein) —— */
#ansicht-video.video-tiktok-layout.video-eigen-mini .video-reel-steuerung .glas-kamera-wechsel-knopf,
#ansicht-video.video-tiktok-layout.video-eigen-mini .video-reel-steuerung .video-reel-knopf--kamera {
  position: absolute;
  bottom: calc(var(--vt-pip-unten) + 6px);
  inset-inline-end: var(--vt-rechts-rand);
  left: auto;
  top: auto;
  transform: none;
  z-index: 18;
  width: var(--vt-kamera-groesse);
  height: var(--vt-kamera-groesse);
  min-width: var(--vt-kamera-groesse);
  min-height: var(--vt-kamera-groesse);
  margin: 0;
  opacity: 0.96;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
  pointer-events: auto;
}

#ansicht-video.video-tiktok-layout.video-eigen-mini[data-eigen-pip-ecke='unten-links']
  .video-reel-steuerung
  .glas-kamera-wechsel-knopf,
#ansicht-video.video-tiktok-layout.video-eigen-mini[data-eigen-pip-ecke='unten-links']
  .video-reel-steuerung
  .video-reel-knopf--kamera {
  inset-inline-end: auto;
  inset-inline-start: calc(var(--vt-safe-links) + 6px);
}

#ansicht-video.video-tiktok-layout.video-eigen-mini[data-eigen-pip-ecke='oben-rechts']
  .video-reel-steuerung
  .glas-kamera-wechsel-knopf,
#ansicht-video.video-tiktok-layout.video-eigen-mini[data-eigen-pip-ecke='oben-rechts']
  .video-reel-steuerung
  .video-reel-knopf--kamera {
  bottom: auto;
  top: calc(var(--vt-zone-pip-ende) - var(--vt-kamera-groesse) - 6px);
  inset-inline-end: calc(var(--vt-rechts-rand) + var(--vt-pip-breite) - var(--vt-kamera-groesse) - 6px);
}

#ansicht-video.video-tiktok-layout.video-eigen-mini[data-eigen-pip-ecke='oben-links']
  .video-reel-steuerung
  .glas-kamera-wechsel-knopf,
#ansicht-video.video-tiktok-layout.video-eigen-mini[data-eigen-pip-ecke='oben-links']
  .video-reel-steuerung
  .video-reel-knopf--kamera {
  bottom: auto;
  top: calc(var(--vt-kopf-hoehe) + 6px);
  inset-inline-end: auto;
  inset-inline-start: calc(var(--vt-safe-links) + 6px);
}

/* Partner PiP oben rechts: Kamera auf der PiP-Ecke */
#ansicht-video.video-tiktok-layout.video-partner-mini[data-partner-pip-ecke='oben-rechts']
  .video-reel-steuerung
  .glas-kamera-wechsel-knopf,
#ansicht-video.video-tiktok-layout.video-partner-mini[data-partner-pip-ecke='oben-rechts']
  .video-reel-steuerung
  .video-reel-knopf--kamera {
  bottom: auto;
  top: calc(var(--vt-zone-pip-ende) - var(--vt-kamera-groesse) - 6px);
  inset-inline-end: calc(var(--vt-rechts-rand) + var(--vt-pip-breite) - var(--vt-kamera-groesse) - 6px);
  inset-inline-start: auto;
  transform: none;
  z-index: 18;
  width: var(--vt-kamera-groesse);
  height: var(--vt-kamera-groesse);
  min-width: var(--vt-kamera-groesse);
  min-height: var(--vt-kamera-groesse);
  pointer-events: auto;
}

#ansicht-video.video-tiktok-layout.video-partner-mini[data-partner-pip-ecke='unten-rechts']
  .video-reel-steuerung
  .glas-kamera-wechsel-knopf,
#ansicht-video.video-tiktok-layout.video-partner-mini[data-partner-pip-ecke='unten-rechts']
  .video-reel-steuerung
  .video-reel-knopf--kamera {
  bottom: calc(var(--vt-boden-reserviert) + 6px);
  inset-inline-start: max(12px, var(--vt-safe-links));
  inset-inline-end: auto;
  top: auto;
  pointer-events: auto;
}

/* Geteilt 50/50: Kamera unten rechts auf eigener (unterer) Hälfte */
#ansicht-video.video-tiktok-layout:not(.video-eigen-mini):not(.video-partner-mini)
  .video-reel-steuerung
  .glas-kamera-wechsel-knopf,
#ansicht-video.video-tiktok-layout:not(.video-eigen-mini):not(.video-partner-mini)
  .video-reel-steuerung
  .video-reel-knopf--kamera {
  bottom: calc(max(10px, var(--vt-safe-unten)) + 8px);
  inset-inline-end: max(12px, var(--vt-safe-rechts));
  inset-inline-start: auto;
  z-index: 18;
  width: var(--vt-kamera-groesse);
  height: var(--vt-kamera-groesse);
  min-width: var(--vt-kamera-groesse);
  min-height: var(--vt-kamera-groesse);
  pointer-events: auto;
}

/*
 * Zonen-Konflikte (Live + Chat aktiv):
 * | Bereich        | Elemente                          | Lösung                          |
 * |----------------|-----------------------------------|---------------------------------|
 * | Links unten    | Chat, Eingabe                     | feste Spalte (--vt-chat-rand)   |
 * | Rechts         | Rail, PiP                         | gleicher Rand (--vt-rechts-rand)|
 * | Oben           | Kopf, Raumname, Zurück, Einladen  | z-index 45                      |
 * | Vollbild-Name  | .video-gitter-kachel-badge        | ausblenden (Name im Chat/Kopf)  |
 * | PiP-Name       | Badge auf Mini-Kachel             | oben in der Kachel              |
 * | Kamera         | Flip-Knopf                        | Ecke der PiP, nicht Rail        |
 * | Diagnose/Fehler| Debug-Boxen                       | rechts/oben, nicht über Chat    |
 */

/* Vollbild-Kachel: kein Name-Badge (doppelt zu Kopf + Kommentaren) */
#ansicht-video.video-tiktok-layout.video-paar-chat-aktiv.video-eigen-mini
  #video-gitter.video-gitter--n2
  .video-gitter-kachel--partner
  .video-gitter-kachel-badge,
#ansicht-video.video-tiktok-layout.video-paar-chat-aktiv.video-eigen-mini
  #video-gitter.video-gitter--n2
  .video-gitter-kachel[data-ist-ich='0']
  .video-gitter-kachel-badge,
#ansicht-video.video-tiktok-layout.video-paar-chat-aktiv.video-partner-mini
  #video-gitter.video-gitter--n2
  .video-gitter-kachel--ich
  .video-gitter-kachel-badge,
#ansicht-video.video-tiktok-layout.video-paar-chat-aktiv.video-partner-mini
  #video-gitter.video-gitter--n2
  .video-gitter-kachel[data-ist-ich='1']
  .video-gitter-kachel-badge {
  display: none !important;
}

/* Geteilt 50/50: Badge neben Zurück-Knopf, nicht in Chat-Spalte */
#ansicht-video.video-tiktok-layout.video-paar-chat-aktiv:not(.video-eigen-mini):not(.video-partner-mini)
  #video-gitter.video-gitter--n2
  .video-gitter-kachel--sichtbar
  .video-gitter-kachel-badge {
  bottom: auto;
  max-width: min(55%, 220px);
  z-index: 5;
  pointer-events: none;
}

#ansicht-video.video-tiktok-layout.video-paar-chat-aktiv:not(.video-eigen-mini):not(.video-partner-mini)
  #video-gitter.video-gitter--n2
  .video-gitter-kachel[data-ist-ich='0']
  .video-gitter-kachel-badge {
  top: calc(var(--vt-kopf-hoehe) + 6px);
  left: calc(max(12px, var(--vt-safe-links)) + 44px);
}

#ansicht-video.video-tiktok-layout.video-paar-chat-aktiv:not(.video-eigen-mini):not(.video-partner-mini)
  #video-gitter.video-gitter--n2
  .video-gitter-kachel[data-ist-ich='1']
  .video-gitter-kachel-badge {
  top: 10px;
  left: max(12px, var(--vt-safe-links));
  max-width: var(--vt-zone-chat-links-breite);
}

/* PiP: Name nur in der Mini-Kachel */
#ansicht-video.video-tiktok-layout.video-paar-chat-aktiv.video-eigen-mini
  #video-gitter.video-gitter--n2
  .video-gitter-kachel--ich
  .video-gitter-kachel-badge,
#ansicht-video.video-tiktok-layout.video-paar-chat-aktiv.video-eigen-mini
  #video-gitter.video-gitter--n2
  .video-gitter-kachel[data-ist-ich='1']
  .video-gitter-kachel-badge,
#ansicht-video.video-tiktok-layout.video-paar-chat-aktiv.video-partner-mini
  #video-gitter.video-gitter--n2
  .video-gitter-kachel--partner
  .video-gitter-kachel-badge,
#ansicht-video.video-tiktok-layout.video-paar-chat-aktiv.video-partner-mini
  #video-gitter.video-gitter--n2
  .video-gitter-kachel[data-ist-ich='0']
  .video-gitter-kachel-badge {
  top: 6px;
  left: 6px;
  right: auto;
  bottom: auto;
  max-width: calc(100% - 12px);
  font-size: 10px;
  padding: 2px 6px;
  border-radius: 4px;
  z-index: 6;
}

/* Diagnose-Box: nicht über Chat-Spalte */
#ansicht-video.video-tiktok-layout.video-paar-chat-aktiv
  .video-gitter-kachel--partner
  .video-gitter-kachel-diagnose:not([hidden]) {
  left: auto;
  right: var(--vt-chat-rand-rechts);
  top: var(--vt-zone-pip-ende);
  bottom: calc(var(--vt-boden-reserviert) + 6px);
  max-width: min(40vw, 200px);
}

/* Fehlerlog: oben rechts unter PiP, nicht unten über Eingabe */
#ansicht-video.video-tiktok-layout.video-paar-chat-aktiv .video-fehlerlog-panel:not([hidden]) {
  left: auto;
  right: var(--vt-chat-rand-rechts);
  bottom: auto;
  top: calc(var(--vt-zone-pip-ende) + 8px);
  max-height: min(18vh, 110px);
  z-index: 32;
  pointer-events: auto;
}

/* Warten-Hinweis: mittig, unterhalb der Kopfzeile */
#ansicht-video.video-tiktok-layout.video-paar-chat-aktiv .video-gitter-leer-hinweis {
  align-items: flex-start;
  padding-top: calc(var(--vt-kopf-hoehe) + 24px);
}

/* Rail erst unter PiP (PiP-Modus), sonst direkt unter Kopf */
#ansicht-video.video-tiktok-layout.video-paar-chat-aktiv.video-eigen-mini .video-live-rail,
#ansicht-video.video-tiktok-layout.video-paar-chat-aktiv.video-partner-mini .video-live-rail {
  top: calc(var(--vt-zone-pip-ende) + 4px);
}

/* —— Rechte Rail + Live-UI: siehe video-live-rail.css / video-live-chat.css —— */

#ansicht-video.video-tiktok-layout .video-reel-steuerung,
#ansicht-video.video-tiktok-layout .geschenk-steuerung {
  pointer-events: none;
}

#ansicht-video.video-tiktok-layout .video-reel-steuerung {
  z-index: 35;
}

#ansicht-video.video-tiktok-layout .geschenk-steuerung {
  z-index: 41;
}

/* Vollbild-Kachel unter UI, PiP + Kamera darüber */
#ansicht-video.video-tiktok-layout.video-eigen-mini #video-gitter.video-gitter--n2 .video-gitter-kachel--partner,
#ansicht-video.video-tiktok-layout.video-eigen-mini #video-gitter.video-gitter--n2 .video-gitter-kachel[data-ist-ich='0'],
#ansicht-video.video-tiktok-layout.video-partner-mini #video-gitter.video-gitter--n2 .video-gitter-kachel--ich,
#ansicht-video.video-tiktok-layout.video-partner-mini #video-gitter.video-gitter--n2 .video-gitter-kachel[data-ist-ich='1'] {
  z-index: 1;
}

@media (max-width: 380px) {
  #ansicht-video.video-tiktok-layout {
    --vt-pip-breite: 96px;
    --vt-rail-breite: 44px;
    --vt-eingabe-hoehe: 38px;
  }
}