html.ciak-playing {overflow:hidden}
dialog.ciak-intro[open] {position:fixed;inset:0;margin:0;padding:0;max-width:none;max-height:none;width:100%;height:100%;box-sizing:border-box;border:0;border-radius:0;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 50%,#482331 0%,#241a20 42%,#100e11 82%);color:#f5e8d7;touch-action:none}
.ciak-intro::backdrop {background:transparent}
.ciak-frame {width:min(88vw,460px);text-align:center}
.ciak-caption {font:10px/1.4 monospace;letter-spacing:.25em;color:#d8afa9}
.ciak-art {display:block;width:100%;max-height:58svh;margin:8px auto 18px;filter:drop-shadow(0 15px 14px #100a104d)}
.ciak-arm {transform-origin:61px 102px;transform:rotate(-18deg)}
.ciak-star {transform-origin:308px 86px;opacity:0}
button.ciak-enter {display:inline-flex;align-items:center;gap:20px;padding:12px 20px;border:1px solid #9e7778;border-radius:30px;background:transparent;color:#f4e3da;font:14px system-ui;cursor:pointer}
.ciak-enter span {color:#f4b49d}
:is(.ciak-intro,#waitingClapper).closing .ciak-arm {animation:ciak-snap 230ms cubic-bezier(.7,0,.92,.6) forwards}
:is(.ciak-intro,#waitingClapper).closing .ciak-star {animation:ciak-spark 370ms 210ms both}
dialog.ciak-intro.closing {animation:ciak-out 230ms 510ms both}
@keyframes ciak-snap {to {transform:rotate(0)}}
@keyframes ciak-spark {0% {opacity:0;transform:scale(.2)} 35% {opacity:1;transform:translate(3px,-6px) scale(1.1)} 100% {opacity:0;transform:translate(10px,-16px) scale(.65)}}
@keyframes ciak-out {to {opacity:0}}
.seat-cushion {transform-origin:41px 68px;transform:scaleY(-1);transition:transform 360ms cubic-bezier(.22,.8,.3,1)}
.seats-open .seat-cushion {transform:scaleY(.52)}
@media(prefers-reduced-motion:reduce){.seat-cushion{transition:none}.ciak-intro.closing,.ciak-intro.closing *,#waitingClapper.closing *{animation:none!important}}