.night{max-width:1100px;margin:auto;padding:35px 24px 70px}.night-ticket{border:1px solid #849555;background:#1e2619;padding:clamp(22px,4vw,46px);position:relative;box-shadow:8px 8px #0005}.night-ticket::before{content:'HIRNFLIMMERN // PRIVATVORSTELLUNG';display:block;font:10px var(--mono);letter-spacing:2px;color:#d2ff38;margin-bottom:22px}.night-ticket h1{font:clamp(38px,7vw,78px)/1 var(--poster);overflow-wrap:anywhere;margin:10px 0 22px;text-transform:uppercase}.night-ticket p{max-width:780px;line-height:1.8;white-space:pre-line}.night-meta{font:12px var(--mono);color:#c5cfab}.night .button{cursor:pointer}.night-screen{margin-top:30px;border:1px solid #5b6941;background:#080a07;scroll-margin-top:24px}.night-projector{aspect-ratio:16/9;display:grid;place-items:center;padding:20px;text-align:center;background:repeating-linear-gradient(0deg,#10130f,#10130f 2px,#151a11 3px,#151a11 5px);color:#c3cf9e;font-family:var(--mono)}.night-projector iframe{width:100%;height:100%;border:0}.night-projector:has(iframe){padding:0}.night-controls{padding:20px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.night-now{padding:0 20px;line-height:1.8}.night-list{list-style:none;margin:30px 0;padding:0;display:grid;gap:16px;counter-reset:programme}.night-film{display:grid;grid-template-columns:190px minmax(0,1fr);gap:22px;padding:20px;border:1px solid #506338;background:#192113;counter-increment:programme}.night-film h2{font:28px/1.2 var(--poster);margin:0 0 8px}.night-film h2::before{content:counter(programme,decimal-leading-zero) ' / ';color:#a9bf79}.night-film img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.night-film p{font-size:13px;line-height:1.7}.night-film[aria-current=true]{border-color:#d2ff38;box-shadow:inset 4px 0 #d2ff38}.night-kind{display:inline-flex;padding:4px 8px;border:1px solid #738c42;font:10px var(--mono);margin:0 8px 8px 0}.night-help{font-size:12px;line-height:1.8;color:#bdc6a7}.night-retry{font-size:16px;margin:20px 0;padding:16px;border:1px solid #ff743d}.night-fallback{aspect-ratio:16/9;background:repeating-linear-gradient(45deg,#364522,#364522 6px,#25321b 6px,#25321b 12px);display:grid;place-items:center;font:25px var(--poster);color:#d2ff38}.era-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.era-card{min-width:0;border:1px solid #526638;background:#1d2517;padding:17px}.era-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.era-card h2{font:27px/1.2 var(--poster);margin:15px 0}.era-card p{font-size:14px;line-height:1.8}.era-card .actions .button{flex-basis:100%}.era-programme{display:flex;flex-wrap:wrap;gap:10px;padding:20px 0}.era-programme a{padding:12px 16px;border:1px solid #6b8050;color:var(--acid);font:11px var(--mono);line-height:1.6;text-decoration:none}.cam-share-dialog{width:min(650px,calc(100vw - 30px));padding:28px;background:#1d2516;color:#e6ead9;border:1px solid #95ae5e}.cam-share-dialog::backdrop{background:#000c}.cam-share-dialog h2{font:35px var(--poster);margin:10px 0 22px}.cam-share-dialog p{line-height:1.8}.cam-share-dialog textarea{width:100%;padding:12px;background:#0d120a;color:#e6ead9;border:1px solid #829759;font-size:14px;resize:vertical}.cam-share-dialog .cam-dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.cam-share-dialog a{color:#d2ff38}.cam-share-dialog label{display:block;font:12px var(--mono);margin:20px 0 10px}
@media(max-width:800px){.era-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.night{padding:20px 16px 35px}.night-film{grid-template-columns:100px minmax(0,1fr);gap:14px;padding:16px}.night-film h2{font-size:23px}.night-film .actions,.night-film .night-help{grid-column:1/-1}.night-controls .button{flex:1;font-size:11px;min-width:110px}.night-ticket::before{font-size:8px;letter-spacing:1px}.era-cards{grid-template-columns:1fr}.cam-share-dialog{padding:22px}.era-programme a{flex:1;min-width:160px}}

.night-ticket{min-height:285px}.night-ticket.has-cover{padding-right:320px}.night-cover{position:absolute;right:38px;top:65px;width:220px;margin:0;transform:rotate(3deg);border:9px solid #12170e;background:#12170e;box-shadow:5px 7px #0006}.night-cover img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.night-cover figcaption{padding:10px 3px 2px;font:10px var(--mono);color:#d2ff38;letter-spacing:2px}@media(max-width:750px){.night-ticket.has-cover{padding-right:24px}.night-cover{position:static;width:min(260px,85%);margin:24px auto 10px;transform:rotate(2deg)}}

.topbar .brand{color:#d2ff38!important;visibility:visible!important;opacity:1!important}.night .actions{margin:20px 0}.night .button{min-height:46px}.night .night-film .actions{margin:6px 0}