body:has(#stage){background:#05070d}#twi-real{position:fixed;inset:0;z-index:1;opacity:1;visibility:visible;transition:opacity .6s ease,visibility 0s linear 0s}body.rx-cinema #twi-real{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease,visibility 0s linear .4s}body.rx-cinema.rx-landed #twi-real{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .6s ease .4s,visibility 0s linear 0s}#stage{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;display:block;z-index:2;opacity:0;pointer-events:none;transition:opacity .9s ease}body.rx-cinema #stage{opacity:1}body.rx-cinema.rx-landed #stage{opacity:0;transition:opacity .45s ease}#spacer{width:1px}#again,#hint,#rail,#skip,#snd{opacity:0;pointer-events:none}#hint{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:6;text-align:center;color:#aebadb;font:600 12px/1.5 var(--font-inter),Inter,system-ui,sans-serif;letter-spacing:.22em;transition:opacity .6s;text-shadow:0 1px 10px #000}body.rx-cinema #hint{opacity:1}body.rx-cinema #hint.gone{opacity:0}#hint .chev{display:block;margin:8px auto 0;width:16px;height:16px;border-right:2px solid #aebadb;border-bottom:2px solid #aebadb;transform:rotate(45deg);animation:twi-dip 1.6s ease-in-out infinite}@keyframes twi-dip{0%,to{transform:rotate(45deg) translate(0);opacity:.5}50%{transform:rotate(45deg) translate(5px,5px);opacity:1}}#rail{position:fixed;right:16px;top:50%;transform:translateY(-50%);z-index:6;display:flex;flex-direction:column;gap:14px;transition:opacity .6s}body.rx-cinema #rail{opacity:1;pointer-events:auto}#rail button{width:8px;height:8px;border-radius:50%;border:1px solid #96a8d280;background:#0000;cursor:pointer;padding:0;position:relative;transition:background .3s,border-color .3s,transform .3s}#rail button.on{background:#cfd9f2;border-color:#cfd9f2;transform:scale(1.25)}#rail button.done{background:#96a8d273}#rail button span{position:absolute;right:18px;top:50%;transform:translateY(-50%);white-space:nowrap;font:600 10px var(--font-inter),Inter,system-ui,sans-serif;letter-spacing:.18em;color:#93a0bc;opacity:0;transition:opacity .2s;pointer-events:none;text-shadow:0 1px 8px #000}#rail button:hover span{opacity:1}@media (max-width:700px){#rail{display:none}}#again,#skip,#snd{position:fixed;z-index:6;background:#0a0e1a8c;border:1px solid #8ca0dc47;color:#dbe3f5;border-radius:999px;padding:7px 14px;font:600 11px var(--font-inter),Inter,system-ui,sans-serif;letter-spacing:.1em;cursor:pointer;backdrop-filter:blur(6px);transition:opacity .6s,border-color .2s,color .2s}#again:hover,#skip:hover,#snd:hover{border-color:#a0b4f0b3}#snd{top:16px;right:16px}#snd.on{color:#46d3a6;border-color:#46d3a68c}#again{top:16px;left:16px}#skip{bottom:20px;right:16px}body.rx-cinema #again.show,body.rx-cinema #skip,body.rx-cinema #snd{opacity:1;pointer-events:auto}body.rx-cinema.rx-landed #hint,body.rx-cinema.rx-landed #rail,body.rx-cinema.rx-landed #skip,body.rx-cinema.rx-landed #skip.gone,body.rx-cinema.rx-landed #snd{opacity:0;pointer-events:none}#again:focus-visible,#rail button:focus-visible,#skip:focus-visible,#snd:focus-visible{outline:2px solid #7896ffe6;outline-offset:2px}@media (prefers-reduced-motion:reduce){#hint .chev{animation:none}}