@font-face{font-family:Baanoo;src:url(/fonts/baanoo.ttf) format("truetype");font-style:normal;font-weight:100 900;font-display:swap}*{box-sizing:border-box}body,html{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:#070708;color:#f6f2e9;font-family:Baanoo,serif}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:1px solid #f6f2e9;outline-offset:6px}button:hover{opacity:.75}.cinema{--zoom:1;position:fixed;inset:0;height:100svh;overflow:hidden;touch-action:pinch-zoom;isolation:isolate}.trailer{width:100%;height:100%;object-fit:cover;transform:scale(var(--zoom));transition:transform 1.1s cubic-bezier(.16,1,.3,1);will-change:transform}.trailer,.vignette{position:absolute;inset:0}.vignette{pointer-events:none;background:linear-gradient(0deg,#0009,transparent 19%,transparent 94%,#0002)}.controls{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:max(32px,env(safe-area-inset-left));right:max(32px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;gap:20px;text-shadow:0 1px 12px #000;font-size:17px;letter-spacing:.035em}.film-label span{opacity:.4;padding:0 10px}.actions{gap:25px}.actions,.actions button{display:flex;align-items:center}.actions button{border:0;background:transparent;padding:10px 0;gap:9px;transition:opacity .2s}.actions svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linejoin:round;stroke-linecap:round}.center-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:70px;height:70px;border:1px solid #ffffff80;border-radius:50%;background:#0003;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center}.center-play svg{width:27px;height:27px;fill:currentColor}.scroll-hint{position:absolute;left:50%;bottom:110px;transform:translate(-50%,8px);opacity:0;transition:opacity .4s,transform .7s;font-size:21px;letter-spacing:.04em;text-align:center;text-shadow:0 2px 15px #000;pointer-events:none}.scroll-hint.visible{opacity:.9;transform:translate(-50%)}.progress{position:absolute;bottom:0;left:0;right:0;height:1px;background:#ffffff12}.progress span{display:block;width:100%;height:100%;background:#ffffff90;transform-origin:left;transition:transform .2s linear}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:600px){.controls{left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));font-size:15px;align-items:flex-end}.film-label{max-width:120px;line-height:1.5}.film-label span{padding:0 3px}.actions{gap:18px}.actions button{gap:6px}.scroll-hint{font-size:19px;bottom:110px}}@media(prefers-reduced-motion:reduce){.progress span,.scroll-hint,.trailer{transition:none}}