/* Film: Fernseher mit Videokassetten (assets/js/fernseher.js) */
.tv{position:relative;margin:clamp(26px,4vw,52px) calc(-1*var(--rand)) 0;background:#030304;overflow:hidden;border-block:1px solid var(--linie)}
.tv[hidden]{display:none}
.tv__szene{position:relative;height:clamp(400px,76svh,800px);overflow:hidden}
.tv__bild3d{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y}
.tv__szene::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(120% 100% at 50% 52%,rgba(0,0,0,0) 55%,rgba(0,0,0,.6) 100%)}
.tv__szene::before{content:"";position:absolute;inset:-60px;z-index:1;pointer-events:none;opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='k'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 1.4 -.2'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23k)'/%3E%3C/svg%3E")}
.tv__film{position:absolute;left:0;top:0;z-index:3;transform-origin:0 0;overflow:hidden;background:#000;opacity:0;transition:opacity .45s;will-change:transform}
.tv__film[hidden]{display:none}
.tv__film.da{opacity:1}
.tv__film iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.tv__glas{position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;
  background:
    linear-gradient(118deg,rgba(255,255,255,.07) 0%,rgba(255,255,255,.018) 22%,rgba(255,255,255,0) 40%),
    radial-gradient(ellipse at 50% 50%,rgba(0,0,0,0) 62%,rgba(0,0,0,.42) 100%),
    repeating-linear-gradient(0deg,rgba(0,0,0,.13) 0 1px,rgba(0,0,0,0) 1px 3px);
  box-shadow:inset 0 0 26px 8px rgba(0,0,0,.6)}
.tv__schild{position:absolute;left:0;top:0;z-index:4;pointer-events:none;display:grid;gap:.1rem;max-width:min(300px,76vw);margin-top:-14px;padding:.5rem .8rem .55rem;background:rgba(8,8,10,.92);border:1px solid #34343a;color:var(--fg);text-align:center;font-size:.82rem;line-height:1.3}
.tv__schild[hidden]{display:none}
.tv__schild b{font-family:"Metal Mania",Inter,sans-serif;font-weight:400;letter-spacing:.06em;text-transform:uppercase;font-size:1.05rem}
.tv__schild span{color:var(--grau)}
.tv__leiste{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;padding:.8rem var(--rand);border-top:1px solid var(--linie);background:var(--bg)}
.tv__leiste [data-tv-lauf]{color:var(--grau);font-size:.92rem;margin-left:auto;text-align:right}
.tv__leiste button[disabled]{opacity:.35;pointer-events:none}
.filme--text .zeile{grid-template-columns:minmax(0,1fr) auto}
.filme--text .zeile[aria-current] .t::after{content:" · läuft";color:var(--blau)}
.filme--text .j{display:inline}
@media (max-width:760px){
  .tv__szene{height:min(128vw,74svh)}
  .tv__leiste [data-tv-lauf]{margin-left:0;flex-basis:100%;text-align:left}
}