.cinema-entry{position:fixed;inset:0;z-index:100;height:100dvh;background:#080c0a;color:#f4f4eb;overflow:hidden;opacity:1;transition:opacity .65s ease;isolation:isolate}
.cinema-still,.cinema-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cinema-video{opacity:0;transition:opacity .5s}.cinema-playing .cinema-video{opacity:1}
.cinema-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0001 45%,#020907c9 100%);pointer-events:none}
.cinema-caption{position:absolute;bottom:19%;inset-inline:8%;text-align:center;text-shadow:0 3px 24px #000;pointer-events:none;animation:cinema-caption-in 1.8s 2s both}
.cinema-caption>span{font-size:55px;color:#cee4c8}.cinema-caption>p{font:600 clamp(22px,3vw,38px)/1.5 system-ui;letter-spacing:.23em;margin:8px 0 16px}.cinema-caption h1{font-family:inherit;font-weight:400;font-size:clamp(13px,1.5vw,19px);line-height:2;margin:0;color:#e8ecdf}
.cinema-tools{position:absolute;bottom:35px;inset-inline:28px;display:flex;gap:12px;align-items:center}.cinema-tools button{border:1px solid #fff4;border-radius:100px;padding:10px 17px;background:#08120e70;color:#f4f4eb;font:inherit;font-size:11px;min-height:44px;cursor:pointer;backdrop-filter:blur(8px)}.cinema-enter{margin-inline-start:auto}.cinema-enter[hidden]{display:none}
.cinema-progress{position:absolute;bottom:0;inset-inline:0;height:2px;background:#ffffff24;direction:ltr}.cinema-progress i{height:100%;width:0;display:block;background:#cee4c8;transition:width .1s linear}
.cinema-status{position:absolute;top:24px;inset-inline:24px;text-align:center;font-size:10px;letter-spacing:.06em;color:#e1e9de;text-shadow:0 2px 10px #000}
.cinema-entry.cinema-leaving{opacity:0;pointer-events:none}
@keyframes cinema-caption-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.cinema-caption{bottom:23%;inset-inline:18px}.cinema-tools{inset-inline:14px;gap:6px;bottom:25px}.cinema-tools button{padding:9px 12px;font-size:10px}.cinema-caption>span{font-size:42px}.cinema-caption h1{font-size:13px}}
@media(prefers-reduced-motion:reduce){.cinema-entry,.cinema-video,.cinema-progress i{transition:none}.cinema-caption{animation:none}}
.cinema-start{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:13px;background:#0b1718bb;backdrop-filter:blur(9px);color:#eff4e9;border:1px solid #d5e9c865;border-radius:18px;padding:26px 42px;font:inherit;cursor:pointer;min-width:230px}
.cinema-start>span{font:40px/1 system-ui;color:#cce3bf}.cinema-start strong{font-size:21px}.cinema-start small{font-size:11px;color:#d1d9cd}.cinema-start[hidden]{display:none}
.cinema-waiting .cinema-caption{bottom:12%;animation:none}.cinema-waiting .cinema-caption>span{display:none}.cinema-waiting .cinema-progress{display:none}
.cinema-choosing :is(.cinema-video,.cinema-caption,.cinema-status){display:none}
.cinema-choosing .cinema-shade{background:#04110cc4;backdrop-filter:blur(7px)}
.cinema-choices{position:absolute;inset:6vh max(24px,7vw);overflow:auto;scrollbar-width:thin;padding:24px;color:#eff4e9}.cinema-choices[hidden]{display:none}.cinema-choice-kicker{font-size:11px;color:#c6d8bd}.cinema-choices h2{font-size:clamp(24px,3vw,37px);margin:12px 0;line-height:1.7}.cinema-choices>p{font-size:13px;line-height:2;color:#cad4c5;margin-bottom:26px}.cinema-choices nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cinema-choices nav button{display:flex;align-items:center;gap:13px;text-align:right;padding:18px 15px;min-height:80px;border:1px solid #c6d8bd45;border-radius:10px;background:#10211ccd;color:#eff4e9;font:inherit;cursor:pointer}.cinema-choices nav button:hover{background:#294332;border-color:#bfd7aa}.cinema-choices nav span{font:11px monospace;color:#bdd8ad}.cinema-choices nav strong{font-size:13px;font-weight:500;line-height:1.9;flex:1}.cinema-choices nav i{font-style:normal;color:#bdd8ad}
@media(max-width:800px){.cinema-choices nav{grid-template-columns:repeat(2,minmax(0,1fr))}.cinema-choices{inset:25px 16px;padding:10px}}
@media(max-width:480px){.cinema-choices nav{grid-template-columns:1fr}.cinema-choices nav button{min-height:60px;padding:12px}.cinema-start{padding:22px 30px}.cinema-waiting .cinema-caption h1{font-size:12px}}


body.early-hall-active .cinema-leaving{opacity:1}body.early-hall-active .cinema-leaving .cinema-choices nav{opacity:.4}body.early-hall-active .cinema-leaving .cinema-choices::after{content:"يجري تجهيز الأرشيف…";display:block;padding:20px;color:#eff4e9}

html{font-size:16px}body{margin:0;background:#080c0a}.cinema-entry,.cinema-entry *{box-sizing:border-box}.archive-boot-error{position:absolute;inset-inline:20px;top:25%;z-index:5;background:#15231d;padding:24px;border:1px solid #cce3bf;border-radius:12px;font:14px/1.9 Tahoma,Arial,sans-serif}.archive-boot-error button{padding:10px 20px;cursor:pointer}

/* Hunter Association caption */
.cinema-caption>p{letter-spacing:.07em;font-size:clamp(21px,3vw,34px)}