/* Video-Karten (video.js mit einer Szene aus config.szene: flamme.js V2, darbar.js V1): 9:16-Bühne mit Canvas aus
   design/html/diwali-video-*.html; auf breiten Bildschirmen ringsum die eigene Szene unscharf (Bilder setzt die Szene).
   Text und Knöpfe (.kopf, .unten) liegen in der Bühne (.ui) wie bei den Lichtscheibe-Karten. */
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:500;font-display:block;src:url(/fonts/cormorant-garamond-latin-500-italic.woff2) format("woff2")}
html,body{background:#070920}
#stage{position:relative;z-index:1;overflow:hidden;background:#070920;contain:strict;visibility:hidden;box-shadow:0 0 90px rgba(0,0,0,.55)}
.ready #stage{visibility:visible}
#cv{position:absolute;inset:0;display:block}
.veil{position:absolute;left:0;right:0;pointer-events:none;opacity:0}
.v-unten{height:24%}
.umfeld{position:fixed;inset:-80px;pointer-events:none;filter:blur(40px) brightness(.62) saturate(.9)}
#b .zeile{opacity:0}
/* V2: Die Flamme schreibt den Festgruß (.fest bleibt nur für Screenreader), der Kartentext steht darunter */
.sz-flamme .veil{top:calc(var(--fuss-oben,30%) - 26px);height:46%;background:linear-gradient(rgba(5,6,22,0),rgba(5,6,22,.5) 22%,rgba(5,6,22,.4) 60%,rgba(5,6,22,0))}
.sz-flamme .kopf{top:var(--fuss-oben,30%);padding-top:0;text-shadow:0 1px 14px rgba(6,7,26,.9),0 0 2px rgba(6,7,26,.6)}
.sz-flamme .kopf .fest{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.sz-flamme .zeile{margin-top:0;color:#F3E6C8}
/* V1: Gruß oben wie auf den anderen Karten, blendet mit dem dunklen Schleier ein */
.sz-darbar .veil{top:0;height:34%;background:linear-gradient(rgba(6,7,24,.78),rgba(6,7,24,0))}
.sz-darbar .kopf .fest{opacity:0}
/* Diyas ganz unten unter der Fußleiste (Gagandeep 08.11.2026): dort nur leichter Schleier, damit sie dezent durchglimmen */
.sz-darbar .v-unten{background:linear-gradient(to top,rgba(5,8,28,.5) 0,rgba(5,8,28,.42) 50%,rgba(5,8,28,0) 100%)}