@font-face{font-family:"press start 2p";src:url(/fonts/pressstart2p-regular-latin.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box}html{background:#000;color:#f8f8f8;color-scheme:dark}body{margin:0;min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;font-family:"press start 2p",ui-monospace,Menlo,Consolas,monospace;text-transform:uppercase;line-height:1.8;text-shadow:0 0 6px currentColor;overflow-x:hidden}p{margin:0}.hud{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;padding:clamp(1.25rem,4vw,2.5rem)clamp(1.5rem,6vw,4rem);font-size:clamp(.5rem,1.6vw,.75rem)}.hud b{font-weight:400;color:#ffd23f}.hud-top span{color:#ff3b3b}.hud-bottom{color:#7a7a7a}.screen{position:relative;z-index:1;align-self:center;justify-self:center;padding:1rem 1.25rem;max-width:60rem;text-align:center;animation:flicker 6s steps(1)infinite}.sprite{display:inline-block;margin-bottom:clamp(1.5rem,4vw,2.5rem);animation:drift 6s steps(6)infinite alternate}.invader{display:block;width:clamp(3.5rem,12vw,5.5rem);height:auto;fill:#f8f8f8;filter:drop-shadow(0 0 6px #f8f8f8)}.invader .frame-b{opacity:0}.invader .frame-a{animation:frame 1s steps(1)infinite}.invader .frame-b{animation:frame 1s steps(1)infinite -.5s}.logo{margin:0 0 clamp(2.5rem,7vw,4rem);font-weight:400;line-height:1.15;color:#ffd23f}.logo span{display:block}.logo-mid,.logo-big{text-shadow:-.03em 0 rgba(255,40,90,.55),.03em 0 rgba(0,220,255,.45),.06em .06em 0 #e0601f,.12em .12em 0 #e0601f,.18em .18em 0 #5c1a0c,.24em .24em 0 #5c1a0c,0 0 .6em rgba(255,210,63,.35)}.logo-mid{font-size:clamp(.8rem,4.4vw,1.75rem);margin:.9em 0 .5em}.logo-big{font-size:clamp(1.5rem,11vw,4.5rem)}.logo-not{display:inline-block!important;font-size:clamp(1.75rem,10vw,3.5rem);color:#ff3b3b;padding:.15em .3em .05em;border:.12em solid;transform:rotate(-6deg);text-shadow:0 0 .3em currentColor;box-shadow:0 0 .4em rgba(255,59,59,.5),inset 0 0 .4em rgba(255,59,59,.35)}.logo-alert{color:#ff3b3b}.logo-alert .logo-big{text-shadow:-.03em 0 rgba(255,210,63,.4),.03em 0 rgba(0,220,255,.45),.06em .06em 0 #a01818,.12em .12em 0 #a01818,.18em .18em 0 #3c0808,.24em .24em 0 #3c0808,0 0 .6em rgba(255,59,59,.35)}.tagline{margin:0 0 3rem;font-size:clamp(.6rem,2vw,.9rem)}.press{display:inline-grid;font-size:clamp(.65rem,2.2vw,1rem);color:#ffd23f}.press span{grid-area:1/1;animation:alternate-blink 2.4s steps(1)infinite}.press span+span{color:#f8f8f8;animation-delay:-1.2s}.continue{font-size:clamp(.65rem,2.2vw,1rem);color:#ffd23f}.continue a{color:inherit;text-decoration:none;animation:blink 1.1s steps(1)infinite}.continue a:hover,.continue a:focus-visible{color:#f8f8f8;outline:none}.countdown::after{content:"9";color:#f8f8f8;animation:countdown 10s steps(1)forwards}.stars{position:fixed;inset:0;overflow:hidden;pointer-events:none}.stars::before,.stars::after{content:"";position:absolute;left:0;right:0;top:0;will-change:transform}.stars::before{height:calc(100% + 240px);background-size:240px 240px;background-image:radial-gradient(circle at 20px 40px,rgba(255,255,255,.55) 1px,transparent 1.5px),radial-gradient(circle at 130px 90px,rgba(255,255,255,.4) 1px,transparent 1.5px),radial-gradient(circle at 200px 180px,rgba(255,255,255,.5) 1px,transparent 1.5px),radial-gradient(circle at 70px 210px,rgba(255,210,63,.45) 1px,transparent 1.5px);animation:scroll-near 24s linear infinite}.stars::after{height:calc(100% + 170px);background-size:170px 170px;background-image:radial-gradient(circle at 40px 120px,rgba(255,255,255,.25) .8px,transparent 1.2px),radial-gradient(circle at 150px 30px,rgba(255,255,255,.3) .8px,transparent 1.2px),radial-gradient(circle at 100px 150px,rgba(120,200,255,.3) .8px,transparent 1.2px);animation:scroll-far 40s linear infinite}.roll{position:fixed;left:0;right:0;top:-30vh;height:30vh;z-index:2;pointer-events:none;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.035) 50%,transparent);animation:roll 9s linear infinite}body::before,body::after{content:"";position:fixed;pointer-events:none;z-index:3}body::before{inset:0;background:repeating-linear-gradient(to bottom,transparent 0 2px,rgba(0,0,0,.35) 2px 4px)}body::after{inset:clamp(.25rem,1vw,.75rem);border-radius:clamp(1rem,4vw,3rem)/clamp(1.25rem,5vw,3.5rem);box-shadow:0 0 0 3rem #000000,inset 0 0 clamp(2.5rem,9vw,7rem)rgba(0,0,0,.8);background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.5) 100%)}@keyframes blink{50%{opacity:0}}@keyframes alternate-blink{0%{opacity:1}35%{opacity:0}50%,100%{opacity:0}}@keyframes frame{0%{opacity:1}50%,100%{opacity:0}}@keyframes drift{from{transform:translateX(-2.5rem)}to{transform:translateX(2.5rem)}}@keyframes flicker{0%,96%,100%{opacity:1}97%{opacity:.88}98%{opacity:1}}@keyframes roll{to{transform:translateY(160vh)}}@keyframes scroll-near{to{transform:translateY(-240px)}}@keyframes scroll-far{to{transform:translateY(-170px)}}@keyframes countdown{0%{content:"9"}10%{content:"8"}20%{content:"7"}30%{content:"6"}40%{content:"5"}50%{content:"4"}60%{content:"3"}70%{content:"2"}80%{content:"1"}90%,100%{content:"0"}}@media(prefers-reduced-motion:reduce){.screen,.sprite,.invader .frame-a,.invader .frame-b,.press span,.continue a,.countdown::after,.roll,.stars::before,.stars::after{animation:none}.invader .frame-b,.press span+span,.roll{display:none}.countdown::after{content:""}}