/* Film: szklo z gradientow i tokenow, bez rozmywania tla. */
.dk-film { position: fixed; inset: 0; z-index: 100000; display: grid; place-items: center; overflow: auto; padding: 16px; box-sizing: border-box; background: var(--mm-tlo-rgba-11-10-18-92); color: var(--ink); font-family: var(--sans); }
.dk-film-szklo { width: min(960px, 100%); box-sizing: border-box; padding: 24px; border: 1px solid var(--line2); border-radius: 24px; background: linear-gradient(145deg, var(--mm-tlo-23203a), var(--mm-tlo-15131f)); box-shadow: var(--shadow-lg); }
.dk-film h2 { margin: 0 0 16px; }
.dk-film video { display: block; width: 100%; max-height: 65dvh; background: #000; }
.dk-film-akcje { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.dk-film button { min-height: 44px; padding: 10px 20px; border: 1px solid var(--line2); border-radius: 12px; font: inherit; color: var(--ink); background: var(--mm-tlo-23203a); cursor: pointer; }
.dk-film button:disabled { opacity: .5; cursor: default; }
.dk-film label { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.dk-film :focus-visible { outline: 2px solid var(--purple); outline-offset: 3px; }
@media (max-width: 480px) { .dk-film { padding: 8px; } .dk-film-szklo { padding: 12px; border-radius: 16px; } }
.dk-film [data-graj] { min-height: 56px; min-width: 140px; font-size: 18px; font-weight: 600; }
.dk-film input { min-height: 44px; max-width: 120px; }