.tape-transition{position:fixed;inset:0;z-index:99999;background:#020504;color:#dceadd;font-family:monospace;display:grid;place-items:center;isolation:isolate}.tape-transition:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#0005 3px 5px);z-index:3}.tape-picture{position:absolute;inset:0;background:#243329;display:flex;flex-direction:column;justify-content:space-between;padding:7vw;animation:tape-out 1.5s ease-in forwards}.tape-picture span{font-size:24px;letter-spacing:4px}.tape-picture strong{font-size:clamp(30px,8vw,100px);letter-spacing:-3px;line-height:1.05;align-self:center;transform:skewX(-4deg);text-shadow:3px 0 #c993ad80,-3px 0 #8af8cb80}.tape-picture small{letter-spacing:5px}.tape-signal{text-align:center;opacity:0;animation:signal-in .8s 1.9s forwards}.signal-mark{font-size:80px;color:#baff79}.tape-signal p{font-size:11px;letter-spacing:4px}.tape-signal strong{display:block;font-size:clamp(55px,13vw,160px);letter-spacing:-5px;color:#c3ff96}.tape-signal small{font-size:16px}.tape-transition button{position:absolute;bottom:24px;right:24px;z-index:4;color:#dceadd;background:#101b15;border:1px solid #526158;border-radius:4px;padding:13px;font-family:monospace}.tape-transition button:focus-visible{outline:2px solid #baff79}@keyframes tape-out{0%,28%{transform:scaleY(1)}38%{transform:translateX(5px) skewX(-2deg)}52%{transform:translateX(-4px)}72%{transform:scaleY(.008)}88%,100%{transform:scaleY(.003) scaleX(0);opacity:0}}@keyframes signal-in{to{opacity:1}}@media(prefers-reduced-motion:reduce){.tape-picture{display:none}.tape-signal{animation:none;opacity:1}}