html,body{color:#fff;cursor:none;background:#0e0f12;height:100%;margin:0;overflow:hidden}body{font-family:Manrope,Segoe UI,system-ui,-apple-system,Roboto,sans-serif}#player{text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:4vh 6vw;display:flex;position:relative}@keyframes rise{0%{opacity:0;transform:translateY(2vh)}}@keyframes pop{0%{opacity:0;transform:scale(.94)}}#player>*{animation:.6s cubic-bezier(.2,.8,.2,1) both rise}#player>:nth-child(3){animation-delay:80ms}#player>:nth-child(5){animation-delay:.24s}.brand{opacity:.8;width:auto;height:3.4vh;position:absolute;top:4vh;left:4vw}.title{letter-spacing:-.01em;margin:0 0 3vh;font-size:6vh;font-weight:800}.steps{text-align:left;opacity:.9;margin:0 0 3vh;padding-left:1.4em;font-size:3vh;line-height:1.6}#player>.code{letter-spacing:.12em;font-variant-numeric:tabular-nums;color:#0e0f12;white-space:nowrap;background:#fff;border-radius:2vh;padding:1vh 5vw;font-size:16vh;font-weight:800;animation:.7s cubic-bezier(.2,.8,.2,1) .16s both pop}.hint{opacity:.65;max-width:40em;margin:3vh 0 0;font-size:2.6vh}@media (prefers-reduced-motion:reduce){#player>*{animation:none!important}}.stage{background:#0e0f12;position:absolute;inset:0;animation:none!important}.slide{opacity:0;transition:opacity .3s linear;position:absolute;inset:0;overflow:hidden}.slide.on{opacity:1}.slide .main{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.slide .main.fill{object-fit:cover}.slide .back{object-fit:cover;filter:blur(4vh)brightness(.45);width:112%;height:112%;position:absolute;inset:-6%}html[data-rot="90"] #player,html[data-rot="270"] #player{width:100vh;height:100vw;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}html[data-rot="270"] #player{transform:translate(-50%,-50%)rotate(270deg)}html[data-rot="180"] #player{transform:rotate(180deg)}