
:root{color-scheme:dark;--bg:#10100f;--panel:#191917;--paper:#fff0d4;--muted:#aaa69d;--line:#38372f;--red:#e74a3d;--gold:#d8b779;font-family:Arial,Helvetica,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--paper)}[hidden]{display:none!important}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.topbar{height:104px;max-width:1400px;margin:auto;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:28px;font-weight:900;letter-spacing:-1.5px}.wordmark span{color:var(--red)}.edition{font-size:12px;letter-spacing:2px;color:var(--muted)}main{max-width:1400px;margin:auto;padding:64px 6%}.entry{display:grid;grid-template-columns:1.4fr 1fr;gap:7%;align-items:center;min-height:580px}.eyebrow{color:var(--gold);font-size:12px;letter-spacing:2px;font-weight:700;margin:0 0 24px}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(44px,5.6vw,78px);font-weight:400;letter-spacing:-2px;line-height:1.03;margin:0 0 30px}h1 em{color:var(--red);font-weight:400}.lede{font-size:18px;max-width:365px;line-height:1.7;color:#c8c2b6;margin:0 0 38px}.credit{font-size:13px;color:var(--muted)}.ticket{background:var(--paper);color:#201e18;padding:32px 34px;box-shadow:10px 10px 0 #3c211d;border-top:6px solid var(--red)}.ticket-head{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px;border-bottom:1px solid #bcb29e;padding-bottom:22px}.ticket h2{font-family:Georgia,serif;font-size:42px;line-height:1.05;font-weight:400;letter-spacing:-1px;margin:28px 0}label{display:block;font-size:14px;margin:18px 0 9px}input:not([type=range]),select{width:100%;min-height:48px;border:1px solid var(--line);background:#11110f;color:var(--paper);padding:12px;border-radius:3px}.ticket input{background:#fff8ea;color:#201e18;border-color:#bcb29e}.primary,.quiet{border:0;border-radius:3px;min-height:48px;padding:13px 20px;font-weight:700;font-size:14px}.primary{background:var(--red);color:white}.primary:hover{background:#fb594b}.quiet{background:#292923;color:var(--paper);border:1px solid #45443b}.quiet:hover{background:#35352d}.ticket .primary{width:100%;display:flex;justify-content:space-between;margin-top:16px}.hint{font-size:14px;color:var(--muted);line-height:1.6}.ticket .hint{color:#665f50;font-size:13px}.ticket-foot{border-top:1px dashed #a89d88;padding-top:22px;margin-top:24px;font-size:12px;letter-spacing:2px}.error{color:#ff877c;font-size:14px;line-height:1.5;min-height:0}.ticket .error{color:#a9231b}.success{color:#c3dba8}footer{max-width:1400px;margin:28px auto 0;padding:30px 6%;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;letter-spacing:1px}footer a{font-size:14px;letter-spacing:0}.screen-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.screen-heading h1{font-size:36px;letter-spacing:-.8px;margin:0}.screen-heading .eyebrow{margin-bottom:12px}.status{border:1px solid var(--line);padding:10px 15px;font-size:14px;white-space:nowrap}.screen{aspect-ratio:16/9;background:#050505;position:relative;border:1px solid #292822;display:flex;align-items:center;justify-content:center}.screen video{width:100%;height:100%;object-fit:contain}.waiting{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#090909;text-align:center;padding:25px}.screen-logo{font-size:clamp(30px,6vw,80px);font-weight:900;letter-spacing:-3px;color:var(--paper)}.waiting p{color:var(--muted);font-size:16px}.enable{position:absolute;bottom:20%;left:50%;transform:translateX(-50%);white-space:nowrap}.playerbar{display:flex;gap:20px;align-items:center;padding:18px 0;flex-wrap:wrap}.sound{display:flex;gap:12px;align-items:center}.sound label{font-size:14px;margin:0}.sound input{accent-color:var(--red);width:100px}.time{margin-left:auto;font-size:14px;font-variant-numeric:tabular-nums;color:var(--muted)}.text-button{background:none;border:none;color:var(--muted);font-size:14px;padding:10px 0;text-decoration:underline;text-underline-offset:4px}.booth{max-width:1250px}.booth-heading h1{font-size:50px}.inline{display:flex;gap:12px}.inline .primary{white-space:nowrap}.admin-login{max-width:600px}.panel{background:var(--panel);border:1px solid var(--line);padding:28px;margin-top:24px}h2{font-size:22px;font-weight:500;margin:0 0 14px}.transport{display:flex;gap:20px;justify-content:space-between;align-items:center}.transport .eyebrow{margin-bottom:12px}.actions{display:flex;gap:8px;flex-wrap:wrap;max-width:480px}.danger{color:#ffa79c}.booth-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.playlist{list-style:none;margin:25px 0;padding:0;counter-reset:program}.playlist li{display:flex;align-items:center;gap:8px;padding:16px 0;border-top:1px solid var(--line);counter-increment:program}.playlist li:before{content:counter(program,decimal-leading-zero);font-size:14px;color:var(--gold);margin-right:5px}.playlist li div{flex:1;min-width:0}.playlist strong{font-size:16px;font-weight:500;display:block;overflow-wrap:anywhere}.playlist span{color:var(--muted);display:block;font-size:13px;margin-top:7px}.mini{background:none;color:var(--paper);border:1px solid var(--line);padding:8px;min-width:36px;min-height:40px}.empty{padding:36px 0;color:var(--muted);font-size:16px}.panel form .quiet{margin-top:20px}.access{display:grid;grid-template-columns:1fr 1fr;gap:40px}.access form label:first-child{margin-top:0}@media(max-width:760px){.topbar{height:82px;padding:0 24px}.edition{font-size:12px;max-width:120px;text-align:right;line-height:1.6;letter-spacing:1px}main{padding:42px 24px}.entry{grid-template-columns:1fr;gap:42px;min-height:0}.intro h1{font-size:clamp(42px,9vw,64px)}.lede{margin-bottom:24px}.ticket{padding:25px}.ticket h2{font-size:38px}.booth-heading h1{font-size:38px}.booth-grid,.access{grid-template-columns:1fr;gap:0}.transport{display:block}.actions{margin-top:24px}.screen-heading{display:block}.status{display:inline-block;margin-top:15px}.screen-heading h1{font-size:28px}.playerbar{gap:12px}.sound label{display:none}.sound input{width:70px}.time{margin-left:0}.playerbar .quiet{padding:10px}.inline{flex-direction:column}footer{padding:25px 24px;flex-wrap:wrap;line-height:1.7}.enable{font-size:13px;padding:12px}.screen-logo{letter-spacing:-1px}.section-head{display:block}.access{gap:20px}}


.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}.in-cinema main{padding-top:24px}.in-cinema .topbar{height:76px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.breadcrumbs button+button:before{content:'/ ';color:var(--muted)}.library-files{display:grid;gap:8px;max-height:340px;overflow:auto;padding:4px}.library-folder{background:#292923;border:1px solid var(--line);color:var(--gold);padding:13px;text-align:left;font:inherit;border-radius:3px}.library-file{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid var(--line);border-radius:3px;cursor:grab}.library-name{min-width:0;flex:1;overflow-wrap:anywhere;background:none;border:0;color:var(--paper);text-align:left;font:inherit;padding:8px 0}.library-file .hint{font-size:12px;white-space:nowrap}.drag-over{outline:2px dashed var(--gold);outline-offset:2px;background:#322b20!important}.upload-zone{border:1px dashed var(--line);padding:16px;margin-top:24px}.upload-zone label{margin-top:0}.upload-zone input{font-size:13px}.upload-zone progress{width:100%;accent-color:var(--red);margin-top:14px}.folder-form .quiet{margin-top:0!important;white-space:nowrap}.file-details{margin-top:24px;border-top:1px solid var(--line);padding-top:20px}.file-details summary{cursor:pointer;color:var(--gold);font-size:14px}.playlist{min-height:50px}@media(max-width:760px){.in-cinema main{padding-top:16px}.library-file{gap:6px}.library-file .hint{font-size:11px}.booth-grid{gap:0}}
.playlist li{cursor:grab}.playlist li:active{cursor:grabbing}.playlist li.drop-before{box-shadow:0 -3px 0 var(--gold)}.playlist li.drop-after{box-shadow:0 3px 0 var(--gold)}
.library-file,#playlist li{touch-action:pan-y;user-select:none}.is-dragging{opacity:.45}.drag-ghost{position:fixed;z-index:1000;pointer-events:none;background:var(--paper);color:#201e18;padding:12px 18px;border-radius:4px;box-shadow:0 8px 30px #0008;max-width:350px;overflow-wrap:anywhere}

.in-cinema main{max-width:var(--cinema-width,90vw);padding-left:0;padding-right:0}.screen-size{display:flex;align-items:center;gap:12px;margin:16px 0 4px;color:var(--muted);font-size:13px}.screen-size label{margin:0}.screen-size input{width:130px;accent-color:var(--red)}.screen-size output{min-width:45px}.clip-status{font-size:15px;color:var(--paper);line-height:1.5}.rename-form{border:1px solid var(--gold);padding:16px;margin-top:14px}.rename-form .actions{margin-top:8px}.library-file .mini{min-width:32px;padding:6px}@media(max-width:760px){.in-cinema main{max-width:var(--cinema-width,90vw)}.transport .hint{overflow-wrap:anywhere}.library-file{flex-wrap:wrap}.library-name{flex-basis:60%}}

.brand-bang{color:var(--red)}.waiting{background:linear-gradient(#0006,#0007),url('assets/curtain.webp') center/cover no-repeat}.waiting p{color:var(--paper);text-shadow:0 2px 12px #000}.screen-logo{text-shadow:0 3px 20px #0008}.intro{position:relative}.intro h1{font-size:clamp(44px,5vw,72px)}.popcorn-art{display:block;width:min(100%,420px);height:auto;margin:0 0 -20px;mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 85%,transparent)}.intro .lede{margin-bottom:0}.ticket select{background:#fff8ea;color:#201e18;border-color:#bcb29e}.room-picker{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:28px;border-bottom:1px solid var(--line);padding-bottom:20px}.room-picker label{margin:0}.room-picker select{width:180px}.room-picker .hint{margin:0;flex:1;min-width:250px}@media(max-width:760px){.popcorn-art{width:280px;margin-top:12px}.room-picker .hint{flex-basis:100%}.intro h1{font-size:clamp(42px,9vw,64px)}}
