/* Duel film: plátno s prehrávačom. Na úzkej obrazovke 9:16, inak 16:9. Farby appky (Ui.kt): nočný stôl
   #101116, text #FFF6E5, accent #FFD23F, hráč 1 #FF9F1C. */
.film-hero{padding:clamp(28px,5vw,72px) 0 clamp(20px,3vw,40px)}
.film-hero h1{margin:0 0 12px}
.film-hero .lead{max-width:680px}
.kf{position:relative;width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#0B0C10;
  box-shadow:0 40px 90px -40px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.06);contain:layout paint}
@media (max-width:760px){
  .kf{aspect-ratio:9/16;width:min(100%,calc(78svh * 9 / 16));margin:0 auto;border-radius:14px}
}
@media (min-width:761px){.film-hero{--kf-w:min(100%,calc((100svh - 190px) * 16 / 9))}.kf,.kf-lista{width:var(--kf-w);margin-left:auto;margin-right:auto}}
.kf canvas{display:block;width:100%;height:100%}
/* Plagát pred ťuknutím = najsilnejší záber filmu (záblesk a rozsvietená oranžová polovica). Klik kdekoľvek
   spustí film; okrúhle tlačidlo prehrať je nad stredom hornej polovice telefónu (--kf-play-x, --kf-play-y
   nastaví prehrávač podľa filmu), aby rozsvietená polovica ostala vidieť. */
.kf-start{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;cursor:pointer;
  color:#FFF6E5;font:600 15px/1.25 var(--ui);border-radius:inherit;-webkit-tap-highlight-color:transparent}
.kf-start:focus-visible{outline:3px solid #FFD23F;outline-offset:-6px}
.kf-play{position:absolute;left:var(--kf-play-x,50%);top:var(--kf-play-y,50%);width:clamp(64px,13cqw,92px);aspect-ratio:1;
  transform:translate(-50%,-50%);border-radius:50%;background:#FFD23F;border:3px solid #101116;
  box-shadow:0 12px 34px -10px rgba(0,0,0,.8);transition:transform .18s ease-out,background-color .18s ease-out}
.kf-play::before{content:"";position:absolute;left:55%;top:50%;transform:translate(-50%,-50%);border-style:solid;
  border-width:.62em 0 .62em 1em;border-color:transparent transparent transparent #1A1400;font-size:clamp(18px,3.4cqw,26px)}
.kf-start-text{position:absolute;left:var(--kf-play-x,50%);top:calc(var(--kf-play-y,50%) + clamp(44px,8.5cqw,60px));transform:translateX(-50%);
  white-space:nowrap;padding:7px 14px;border-radius:999px;background:rgba(27,29,39,.92);text-align:center}
.kf-start-text small{display:block;font:400 12.5px/1.3 var(--ui);color:#B8B5C8}
.kf{container-type:inline-size}
@media (hover:hover){.kf-start:hover .kf-play{transform:translate(-50%,-50%) scale(1.06);background:#FFE07A}}
@media (prefers-reduced-motion:reduce){.kf-play{transition:none}}
.kf-odkazy{position:absolute;inset:0;pointer-events:none}
.kf-odkaz{position:absolute;display:block;pointer-events:auto;border-radius:14px}
.kf-lista{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:14px}
.kf-lista .btn{min-height:44px}
.kf-lista [hidden],.kf [hidden]{display:none!important}
.kf-lista .kf-pozn{margin:0 0 0 auto;font:400 14px/1.4 var(--ui);color:var(--muted)}
@media (max-width:760px){.kf-lista{justify-content:center}.kf-lista .kf-pozn{margin:0;flex-basis:100%;text-align:center}}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.film-text{padding:clamp(40px,6vw,88px) 0}
.film-text ol{padding-left:1.2em;margin:0 0 1.2em}
.film-text li{margin:0 0 .5em}
.film-text .prose{max-width:760px}