.curtain-running{overflow:hidden}
#curtain-transition{position:fixed;inset:0;margin:0;padding:0;border:0;border-radius:0;width:100%;height:100%;max-width:none;max-height:none;overflow:hidden;background:transparent;box-shadow:none;color:#f2d297;outline:none}
#curtain-transition::backdrop{background:transparent}
.curtain-panel{position:absolute;top:0;bottom:0;width:calc(50% + 2px);background:repeating-linear-gradient(90deg,#320e11 0,#641b20 5%,#922f30 10%,#491219 14%,#771f24 19%,#360c12 24%);box-shadow:inset 0 0 100px #1b080a99;border-bottom:10px solid #ad824a;will-change:transform}
.curtain-panel::before{content:"";position:absolute;inset:0;background:linear-gradient(#1e080c88,transparent 25%,#16060922 75%,#19060988);border-top:18px solid #421318}
.curtain-panel::after{content:"";position:absolute;bottom:17px;left:0;right:0;height:18px;border-top:1px solid #d3ac6880;border-bottom:3px double #d3ac6880}
.curtain-left{left:0;border-right:2px solid #c39b59;transform:translateX(-101%)}.curtain-right{right:0;border-left:2px solid #c39b59;transform:translateX(101%)}
.curtain-caption{position:absolute;top:43%;left:15%;right:15%;text-align:center;opacity:0;text-shadow:0 3px 10px #24090b}
.curtain-caption span{font-size:clamp(24px,4vw,42px);letter-spacing:10px}.curtain-caption p{font-size:20px;letter-spacing:5px;margin:20px 0}
#skip-curtain{position:absolute;right:32px;bottom:45px;border:1px solid #e8c68c77;color:#ffe1ad;background:#351117aa;padding:9px 15px;border-radius:3px;font-size:16px}
@media(max-width:600px){#skip-curtain{right:20px;bottom:30px}.curtain-caption p{font-size:17px;letter-spacing:2px}}
@media(prefers-reduced-motion:reduce){.curtain-panel{transform:none!important}}