.dago-curtain.is-ready { position: relative; isolation: isolate; overflow: hidden; border: 1px solid #6c4b2d; border-radius: 5px; background: #1d110c; padding: 1.1% 7% 1.3%; box-shadow: 0 16px 36px #0007 }
.dago-curtain .screen { position: relative; background: #06080b; aspect-ratio: 16/9 }
.dago-curtain video { display: block; width: 100%; aspect-ratio: 16/9; height: auto; object-fit: contain }
.dago-curtain canvas { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1 }
.dago-curtain .rail { position:absolute; z-index:1; inset:0 0 auto; height:3.4%; pointer-events:none; background:linear-gradient(#262326 0%,#52494c 13%,#847a7b 22%,#302b2e 31%,#0e0c0e 42%,#1e1a1d 75%,#756369 83%,#20171b 94%); box-shadow:0 3px 7px #15050acc }
.dago-curtain button { font: inherit; cursor: pointer }
.dago-curtain .action { position: absolute; z-index: 2; inset: 50% auto auto 50%; transform: translate(-50%,-50%); color: #fff8eb; background: #211913ed; border: 1px solid #d6a56e; border-radius: 50%; width: clamp(47px, 7vw, 74px); aspect-ratio: 1; padding: 0; display: grid; place-items: center }
.dago-curtain .action::before { content: ''; border-left: 16px solid currentColor; border-top: 10px solid transparent; border-bottom: 10px solid transparent; margin-left: 4px }
.dago-curtain .action:hover { background: #5d351b }
.dago-curtain [hidden], .band-live-recording .notice[hidden] { display: none !important }
.dago-curtain .cue { position: absolute; z-index: 2; inset: 50% auto auto 50%; transform: translate(-50%,-50%); padding: 10px 16px; white-space: nowrap; background: #1b110bee; color: #fff4e0; border: 1px solid #d6a56e; border-radius: 5px }
.dago-curtain button:focus-visible { outline: 3px solid #ffc471; outline-offset: 3px }
.band-live-recording .notice { color: #c8cdd6; font-size: .9rem; margin: 12px 0 0 }


.dago-curtain:not(.is-ready) canvas, .dago-curtain:not(.is-ready) .rail { display: none }