
/* Keep movement hints out of the film; communication panels fold only by choice. */
body.theater-watching :is(#brand,#stick,#turn-help,#help){display:none!important}
body.theater-watching #action{bottom:24px}
#theater-popcorn{position:fixed;z-index:80;left:50%;top:50%;transform:translate(-50%,-50%);width:min(340px,calc(100vw - 48px));padding:22px;background:#222a32;border:2px solid #ad8a57;border-radius:14px;color:#f4e4c7;font:16px Nunito,system-ui;box-shadow:0 10px 50px #000a}#theater-popcorn button,#theater-snack{border:1px solid #b2976b;border-radius:8px;padding:10px 12px;background:#713b36;color:#fff3dc;font:inherit;min-height:42px;margin:3px}#theater-popcorn[hidden],#theater-snack[hidden]{display:none}#theater-snack{position:fixed;right:14px;bottom:130px;z-index:21;font:14px Nunito,system-ui}

@media(max-width:600px){body.theater-watching #action{bottom:28px}#theater-snack{bottom:100px}}

.phone-screenings article{padding:12px 0;border-bottom:1px solid #ffffff24}.phone-screenings h3{margin:6px 0}.phone-screenings p{font-size:13px;line-height:1.4}.phone-screenings small{display:block;margin:5px 0}.phone-screenings button,.phone-screenings select{display:block;width:100%;margin:8px 0;min-height:42px;white-space:normal}.phone-screenings select{max-width:100%;background:#222a32;color:#fff3dc;padding:8px;border:1px solid #ad8a57;border-radius:8px}#theater-invitation{position:fixed;z-index:85;top:70px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);padding:10px 16px;border:1px solid #ad8a57;border-radius:12px;background:#713b36;color:#fff3dc;font:14px Nunito,system-ui;box-shadow:0 4px 20px #0006}

#phone .theater-library{margin-top:18px;padding:10px;border:1px solid var(--bolha-admin-edge,#b88a49);border-radius:10px;background:var(--bolha-admin-surface,#35291c);color:var(--bolha-admin-ink,#ffdb9d)}#phone .theater-library summary{cursor:pointer;font-weight:650;line-height:1.5}#phone .theater-library input{box-sizing:border-box;width:100%;min-width:0;margin:6px 0;padding:8px}#phone .theater-library button{background:var(--bolha-admin-surface,#35291c);border-color:var(--bolha-admin-edge,#b88a49);color:var(--bolha-admin-ink,#ffdb9d)}#phone .theater-library progress{width:100%;accent-color:#e3b56e}

#phone .theater-library form{display:flex;flex-direction:column;align-items:stretch;gap:4px}#phone .theater-library input[type=file]{font-size:11px;padding:6px 0}
#phone .theater-library form{flex-wrap:nowrap}#phone .theater-library form input{width:100%!important;flex:none}

/* Cinema service: only this phone app grows; the other apps keep their layout. */
#phone.cinema-app{position:fixed;top:18px;right:calc(var(--bolha-hud-right,18px) + var(--bolha-phone-width,220px) + 14px);bottom:auto;transform:none;width:min(350px,calc(100vw - 280px));height:min(760px,calc(100dvh - 36px));min-height:0;background:#101622;border-color:#202b3b}
#phone.cinema-app header{padding:3px 14px 12px;border-bottom:0}
#phone.cinema-app header strong{font-size:24px;letter-spacing:-.6px}
#phone.cinema-app main{padding:0 16px 22px;scrollbar-gutter:stable;overscroll-behavior:contain}
#phone.cinema-app footer{display:none}
#phone.cinema-app .phone-screenings{font:13px/1.45 system-ui;color:#f1f2f6}
#phone.cinema-app .phone-screenings :is(p,small){color:#b5bdca}
#phone.cinema-app .phone-screenings p{font-size:12px;margin:7px 0;line-height:1.5}
#phone.cinema-app .phone-screenings h3{font-size:18px;font-weight:650;line-height:1.25;letter-spacing:-.3px;margin:0 0 8px;overflow-wrap:anywhere}
#phone.cinema-app .phone-screenings button{display:block;min-height:44px;min-width:0;margin:0;white-space:normal;line-height:1.4;box-sizing:border-box;font-size:12px}
#phone.cinema-app .cinema-tabs{display:flex;gap:18px;position:sticky;top:0;background:#101622;border-bottom:1px solid #343d4d;margin-bottom:18px;z-index:2}
#phone.cinema-app button.cinema-tab{width:auto;border:0;border-radius:0;padding:13px 0;background:transparent;color:#b5bdca;display:flex;gap:5px;align-items:center;justify-content:center;font-size:13px;flex:1}
#phone.cinema-app button.cinema-tab[aria-selected=true]{color:#fff;box-shadow:0 2px #ed775f}
#phone.cinema-app .cinema-count{display:inline-flex;align-items:center;justify-content:center;min-width:16px;min-height:16px;border-radius:8px;background:#ed775f;color:#241c1b;font-size:10px}
#phone.cinema-app .cinema-poster{display:block;position:relative;width:100%;aspect-ratio:2/3;flex:none;overflow:hidden;border-radius:9px;background:#0b101a;color:#7c8b9e}
#phone.cinema-app .cinema-poster>.hud-icon{position:absolute;left:calc(50% - 14px);top:calc(50% - 14px);width:28px;height:28px}
#phone.cinema-app .cinema-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
#phone.cinema-app .cinema-hero{display:flex;align-items:center;gap:14px;padding:14px;border-radius:16px;background:#1e2736;margin-bottom:22px}
#phone.cinema-app .cinema-hero>.cinema-poster{width:90px}
#phone.cinema-app .cinema-hero>div{min-width:0}
#phone.cinema-app .cinema-eyebrow{color:#b5bdca;font-size:10px;letter-spacing:1.5px;display:block;margin-bottom:9px}
#phone.cinema-app .cinema-hero h3{font-size:20px}
#phone.cinema-app button.cinema-primary{border:0;background:#ed775f;color:#271a18;font-weight:650;border-radius:10px;padding:11px 13px;width:100%}
#phone.cinema-app .cinema-hero button.cinema-primary{width:auto;margin-top:12px}
#phone.cinema-app .cinema-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 0 12px}
#phone.cinema-app .cinema-section-head h3{font-size:14px;margin:0}
#phone.cinema-app .cinema-section-head small{font-size:10px;margin:0;text-align:right}
#phone.cinema-app .cinema-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 10px}
#phone.cinema-app button.cinema-film{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;width:100%;padding:0;background:transparent;color:#f1f2f6;text-align:left;border:0;box-shadow:none;border-radius:9px}
#phone.cinema-app .cinema-film b{font-size:12px;line-height:1.35;font-weight:550;margin-top:8px;overflow-wrap:anywhere}
#phone.cinema-app .cinema-film small{font-size:10px;line-height:1.4;margin:4px 0 0;overflow-wrap:anywhere}
#phone.cinema-app button.cinema-upload{display:flex;align-items:center;gap:11px;padding:12px;margin-top:22px;background:#bb813516;border:1px solid #a9824566;border-radius:12px;color:#edc483;text-align:left}
#phone.cinema-app .cinema-upload .hud-icon{width:19px;height:19px}
#phone.cinema-app .cinema-upload b{font-size:12px;font-weight:550;display:block}
#phone.cinema-app .cinema-upload small{font-size:10px;display:block;color:#edc483;margin:3px 0 0}
#phone.cinema-app .cinema-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;margin-top:24px;color:#aab5c7;font-size:10px}
#phone.cinema-app button.cinema-link{border:0;padding:9px 0;background:transparent;color:#bdc9db;width:auto;font-size:11px;text-align:left}
#phone.cinema-app .cinema-film-detail{text-align:left}
#phone.cinema-app .cinema-film-detail>.cinema-poster{width:130px;margin:15px auto 20px}
#phone.cinema-app .cinema-film-detail>h3{font-size:22px}
#phone.cinema-app .cinema-note{padding:16px;background:#1e2736;border-radius:14px;margin:16px 0}
#phone.cinema-app .cinema-note button{margin-top:15px}
#phone.cinema-app .cinema-session{padding:15px;border:1px solid #343d4d;background:#17202e;border-radius:14px;margin:0 0 16px}
#phone.cinema-app .cinema-session-cover{display:flex;align-items:center;gap:12px;margin-bottom:14px}
#phone.cinema-app .cinema-session-cover .cinema-poster{width:58px}
#phone.cinema-app .cinema-session-cover>div{min-width:0}
#phone.cinema-app .cinema-session-cover h3{font-size:16px}
#phone.cinema-app .cinema-actions{display:flex;gap:8px}
#phone.cinema-app .cinema-actions>button{flex:1}
#phone.cinema-app button.cinema-secondary{border:1px solid #3d5068;background:#24354b;color:#e1e9f4;border-radius:10px;padding:10px 12px;margin-top:8px}
#phone.cinema-app button.cinema-leave{background:transparent;color:#e8a7aa;font-size:11px;border:0;text-align:left;padding:10px 0;margin-top:8px;width:auto}
#phone.cinema-app .cinema-members{list-style:none;padding:0;margin:12px 0;color:#b5bdca;font-size:11px}
#phone.cinema-app .cinema-members li{margin:6px 0;overflow-wrap:anywhere}
#phone.cinema-app label.cinema-friend-label{font-size:11px;color:#b5bdca;display:block;margin:18px 0 0}
#phone.cinema-app .cinema-friend-label select{width:100%;background:#111e30;border-color:#3d5068;font-size:12px;min-height:44px;margin-top:7px}
#phone.cinema-app .theater-library{margin:0;padding:0;border:0;background:transparent;color:#f1f2f6}
#phone.cinema-app .theater-job{padding:16px;background:#1e2736;border:0;border-radius:14px;margin:0 0 14px}
#phone.cinema-app .theater-job h3{font-size:16px}
#phone.cinema-app .theater-job button{background:#2a3d55;color:#e2eaf5;border:0;border-radius:9px;margin-top:10px;padding:10px}
#phone.cinema-app .theater-job button:last-child{background:transparent;color:#dfb1af;font-size:11px;min-height:36px;text-align:left;padding:8px 0}
#phone.cinema-app .theater-job progress{appearance:none;display:block;width:100%;height:6px;margin:16px 0 10px;accent-color:#ed775f;border:0;border-radius:6px;background:#344155;overflow:hidden}
#phone.cinema-app .theater-job progress::-webkit-progress-bar{background:#344155;border-radius:6px}
#phone.cinema-app .theater-job progress::-webkit-progress-value{background:#ed775f;border-radius:6px}
#phone.cinema-app .theater-job progress::-moz-progress-bar{background:#ed775f;border-radius:6px}
#phone.cinema-app .theater-job select{font-size:12px;background:#142338;border-color:#43536a;margin:10px 0;box-sizing:border-box}
#phone.cinema-app .theater-discovery{margin:14px 0;font-size:11px;color:#aebdce}
#phone.cinema-app .theater-discovery summary{font-weight:450}
#phone.cinema-app .theater-upload{padding:14px;border:1px solid #a9824566;border-radius:12px;background:#bb813516;color:#edc483;margin-top:12px}
#phone.cinema-app .theater-upload p{color:#d4bc94;font-size:11px}
#phone.cinema-app .theater-upload>summary{font-size:13px;font-weight:550;min-height:28px}
#phone.cinema-app .theater-upload button{background:#5b4227;color:#ffe0aa;min-height:44px;margin-top:10px}
#phone.cinema-app .theater-upload input{font-size:13px;min-height:44px}
#phone.cinema-app .theater-upload input[type=file]{font-size:11px}
#phone.cinema-app button:focus-visible{outline:2px solid #b9d8ff;outline-offset:2px}
#phone.cinema-app [hidden]{display:none!important}
@media(max-width:700px) and (orientation:portrait){
 #phone.cinema-app,body.bolha-phone-open #phone.cinema-app{top:auto;right:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(50%);width:min(360px,calc(100vw - 24px));height:min(760px,calc(100dvh - 28px));min-height:0}
 #phone.cinema-app main{font-size:13px;padding:0 16px 22px}
 #phone.cinema-app .theater-upload input:not([type=file]){font-size:16px}
}
@media(max-height:500px) and (orientation:landscape){
 #phone.cinema-app,body.bolha-phone-open #phone.cinema-app{top:12px;right:calc(var(--bolha-hud-right,8px) + var(--bolha-phone-width,220px) + 14px);bottom:auto;transform:none;width:min(350px,calc(100vw - 260px));height:calc(100dvh - 24px)}
}
