/* The layer is inside #app so it stays visible when #app owns browser fullscreen. */
#victory{position:absolute;inset:0;width:100%;height:100%;z-index:99999;overflow:hidden;background:#050610;isolation:isolate;opacity:1;transition:opacity 140ms ease;touch-action:none}
#app.victory-active>:not(#victory){visibility:hidden!important;pointer-events:none!important;transition:none!important}
#victory.leaving{opacity:0}
#victory-background{position:absolute;inset:-4%;width:108%;height:108%;object-fit:cover;background-size:cover;background-position:center;filter:blur(22px) brightness(.48);pointer-events:none}
#victory-clips{position:absolute;inset:0}
#victory video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
#victory video::-webkit-media-controls{display:none!important}
#victory-message{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#050610d9;padding:5vw;text-align:center;color:#fff1cb}
#victory-message h1{font-size:clamp(30px,6vw,90px);text-transform:uppercase;font-style:italic;margin:0 0 20px}
#victory-message p{font-size:clamp(13px,1.5vw,22px);color:#cbc8c4}
@media(prefers-reduced-motion:reduce){#victory{transition:none}}