.arcade-fade-in{animation:arcadeFadeIn .8s cubic-bezier(.4,0,.2,1) both}.arcade-flash{animation:arcadeFlash 1s linear infinite alternate}@keyframes arcadeFadeIn{0%{opacity:0;transform:scale(.9) rotate(-2deg);filter:blur(4px)}60%{opacity:1;transform:scale(1.02) rotate(1deg);filter:blur(0px)}to{opacity:1;transform:scale(1) rotate(0);filter:blur(0px)}}@keyframes arcadeFlash{0%{text-shadow:0 0 4px #fff,0 0 8px #ff0;color:#fff}to{text-shadow:0 0 8px #0ff,0 0 16px #0f0;color:#ff0}}body,html{margin:0;padding:0;height:100vh;font-family:"Press Start 2P";overflow:hidden}*{touch-action:manipulation}*,*:before,*:after{box-sizing:border-box}body{position:relative;font-family:-apple-system,BlinkMacSystemFont,-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100vh;background:#000}#p1{color:#fff;position:absolute;top:0%;left:85%}.intro,.outro{display:flex;flex-direction:column;position:fixed;inset:0;width:100vw;height:100vh;justify-content:center;align-items:center;border-radius:0;background:#000;z-index:1000;animation:arcadeFadeIn .8s cubic-bezier(.4,0,.2,1) both}.intro h1,.outro h1{color:#fff;font-family:"Press Start 2P";animation:arcadeFlash .8s linear infinite alternate}.intro button,.outro button{width:200px;font-family:"Press Start 2P";height:50px;border-radius:10px;border:none;background:#d3d3d3;color:gray;font-size:20px;cursor:pointer;opacity:.6;transition:.3s}.intro button:active,.outro button:active{transform:scale(1.2)}.intro button:hover,.outro button:hover{opacity:1}@media only screen and (max-width: 767px){.intro h1,.outro h1{font-size:26px}}
