/* Self-hosted film: poster play button, in-place player, in-page modal. Tokens only; the modal surface is the opaque .ac-float. */
[data-film-poster]{--fp:84px;position:relative}
.fp-hit{position:absolute;inset:0;z-index:1;display:block;background:rgba(8,12,20,.26);cursor:pointer}
.fp-btn{position:absolute;z-index:2;left:50%;top:50%;width:var(--fp);height:var(--fp);margin:calc(var(--fp) / -2) 0 0 calc(var(--fp) / -2);padding:0;border:0;background:none;color:#fff;line-height:1;cursor:pointer}
.fp-disc,.fp-ring{position:absolute;inset:0;border-radius:50%}
.fp-disc{display:grid;place-items:center;background:var(--ac-accent-fill);border:1px solid var(--ac-accent-rim);box-shadow:0 6px 22px rgba(0,0,0,.4);transition:transform var(--ac-t-ui) var(--ac-ease),filter var(--ac-t-ui) var(--ac-ease)}
.fp-disc svg{width:38%;height:38%;margin-left:5%}
.fp-ring{border:2px solid #fff;opacity:0;pointer-events:none}
.fp-lbl{position:absolute;top:100%;left:50%;margin-top:14px;transform:translateX(-50%);white-space:nowrap;padding:7px 12px;background:rgba(8,12,20,.72);color:#fff;border-radius:var(--ac-r);font:600 12px/1 var(--ac-font-mono);letter-spacing:.12em;text-transform:uppercase}
[data-film-poster]:hover .fp-disc,.fp-btn:focus-visible .fp-disc{transform:scale(1.06);filter:brightness(1.3)}
.fp-btn:focus-visible{outline:none}
.fp-btn:focus-visible .fp-disc{outline:3px solid var(--ac-focus);outline-offset:4px}
.fp-pulse .fp-ring{animation:fp-pulse 1.6s ease-out 2}
@keyframes fp-pulse{from{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}
@media (max-width:560px){[data-film-poster]{--fp:64px}.fp-lbl{font-size:11px;letter-spacing:.1em;padding:6px 10px;margin-top:10px}}
@media (prefers-reduced-motion:reduce){.fp-pulse .fp-ring{animation:none}.fp-disc{transition:none}[data-film-poster]:hover .fp-disc,.fp-btn:focus-visible .fp-disc{transform:none}}
.film-on .fp-hit,.film-on .fp-btn{display:none}
.film-video{position:absolute;top:-1px;left:-1px;z-index:3;max-width:none;width:calc(100% + 2px);height:calc(100% + 2px);object-fit:contain;background:#000;border-radius:inherit}
.film-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:16px;background:var(--ac-scrim)}
.film-dlg{width:min(960px,100%,calc((100dvh - 120px) * 16 / 9 + 24px));padding:12px;box-sizing:border-box}
.film-bar{display:flex;justify-content:flex-end;margin-bottom:8px}
.film-x{min-height:44px;padding:0 16px;font:600 12px/1 var(--ac-font-mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.film-stage .film-video{top:0;left:0;width:100%;height:100%}
.film-stage{position:relative;aspect-ratio:16/9;background:#000;border-radius:var(--ac-r);overflow:hidden}
.film-lock{overflow:hidden}