.online-account{max-width:650px;margin:20px auto}.online-account h2{font-size:32px}.online-account form,.online-account label,.cinema-filters label{display:grid;gap:9px}.online-account form{gap:20px;margin:24px 0}.online-account input,.cinema-filters select{box-sizing:border-box;width:100%;padding:12px;border:1px solid #a092ab;border-radius:9px;background:#36384e;color:#fff3df;font:inherit}.cinema-filters{display:flex;gap:14px;align-items:end;flex-wrap:wrap}.cinema-filters label{min-width:180px}.online-poster{padding:0 0 20px;min-height:0;display:flex;flex-direction:column;gap:8px}.online-poster>img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#161c2b}.online-poster>small,.online-poster>h3,.online-poster>p,.online-poster>b{margin:0 20px}.online-poster>h3{font-size:23px}.online-poster>b{margin-top:auto;padding-top:12px}.online-poster .movie-badge{display:block;align-self:start;font-size:10px;font-weight:800;letter-spacing:1px;margin:-25px 12px 10px;z-index:1;padding:7px 10px;background:#e8c280;color:#332e44;border-radius:4px}.cinema-empty{grid-column:1/-1;padding:28px;border:1px dashed #9d8ea6;border-radius:12px}.cinema-welcome-screen{padding:90px 30px;text-align:center;animation:cinema-settle .65s ease-in-out}.cinema-welcome-screen h2{font-size:42px}.cinema-projecting{animation:cinema-settle .65s ease-out}.cinema-screen>div{width:100%;height:100%;min-height:220px}.cinema-reward-ticket{display:flex;gap:30px;flex-wrap:wrap;background:#e8c280;color:#352c3e;padding:28px;font-size:28px;border:3px dashed #786447;border-radius:14px;margin:20px 0}#online-status{min-height:1.5em;line-height:1.6}#cinema-body a.cinema-secondary{text-decoration:none;display:inline-block}#cinema-body button:focus-visible,#cinema-body a:focus-visible{outline:3px solid #f4d49a;outline-offset:3px}@keyframes cinema-settle{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.cinema-welcome-screen,.cinema-projecting{animation:none}}@media(max-width:720px){.cinema-filters{gap:8px}.cinema-filters label{min-width:130px}.online-poster>h3{font-size:20px}.cinema-welcome-screen{padding:45px 10px}.cinema-welcome-screen h2{font-size:28px}}

/* Keep the film and its playback feedback within a laptop screen. */
.cinema-projecting{box-sizing:border-box;width:min(100%,max(440px,calc((100vh - 440px) * 1.7778 + 68px)));margin-inline:auto}