.story-cinema{--cinema-olive:#afbb89;position:fixed;inset:0;box-sizing:border-box;width:min(420px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 40px);padding:0;margin:auto;overflow:visible;border:1px solid #c6d2ad35;border-radius:26px;background:#101410;color:#edf0e7;box-shadow:0 30px 100px #000b,0 0 65px #afbb8915;font-family:var(--f-body)}.story-cinema::backdrop{background:#030603df;backdrop-filter:blur(12px);animation:cinema-backdrop .4s ease both}.story-cinema[open]{animation:cinema-reveal .4s ease-out}.story-cinema:before{content:"";position:absolute;inset:-16px;z-index:-1;border:1px solid #bfcba018;border-radius:40px;pointer-events:none;box-shadow:0 0 80px #afbb8915;animation:cinema-halo 1s ease-out both}.story-cinema__surface{overflow:hidden;border-radius:25px;background:linear-gradient(140deg,#1b2218,#101410 60%)}.story-cinema__head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 18px}.story-cinema__head span{font-size:10px;color:#a6b295}.story-cinema__head h2{margin:5px 0 0;font:600 17px/1.5 var(--f-body);color:#edf0e7}.story-cinema__close{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border:1px solid #ffffff26;border-radius:50%;background:#ffffff08;color:#e2e7d9;cursor:pointer}.story-cinema__close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.story-cinema__close:hover{background:#ffffff15}.story-cinema__close:focus-visible{outline:2px solid #c5d2aa;outline-offset:4px}.story-cinema__screen{display:flex;justify-content:center;margin:0 10px;background:#050805;border:1px solid #ffffff0c;border-radius:16px;overflow:hidden}.story-cinema__screen video{display:block;max-width:100%;width:auto;height:min(60dvh,550px);aspect-ratio:9/16;object-fit:contain;background:#080b08}.story-cinema__foot{margin:0;padding:14px 18px 17px;text-align:center;font-size:11px;line-height:1.7;color:#b4bfa5}.story-cinema__error{text-align:center;font-size:11px;color:#c8d3b6}.story-cinema.is-closing{animation:cinema-dismiss .22s ease both}.story-cinema.is-closing::backdrop{animation:cinema-backdrop .22s ease reverse both}html.cinema-open{overflow:hidden}@keyframes cinema-reveal{from{opacity:0}to{opacity:1}}@keyframes cinema-backdrop{from{opacity:0}to{opacity:1}}@keyframes cinema-halo{from{opacity:0;transform:scale(.9);box-shadow:0 0 0 #afbb8900}45%{opacity:1;box-shadow:0 0 100px #afbb8926}to{opacity:1;transform:scale(1);box-shadow:0 0 80px #afbb8915}}@keyframes cinema-dismiss{to{opacity:0}}@media(prefers-reduced-motion:reduce){.story-cinema[open],.story-cinema:before,.story-cinema::backdrop,.story-cinema.is-closing,.story-cinema.is-closing::backdrop{animation:none}}