:root{--bg:#2b213a;--ink:#fff8d6;--green:#8cff66;--red:#ff5b5b}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:hidden}body{font-family:"Courier New",monospace;background:var(--bg);color:var(--ink);image-rendering:pixelated}main{min-height:100vh;display:grid;place-items:center;padding:18px}.screen{width:min(900px,100%);padding:34px;border:6px solid #111;background:#3c3152;box-shadow:0 0 0 8px #7d6aa2,12px 12px 0 #111;text-align:center}.sprite{width:96px;height:96px;margin:0 auto 22px;background:var(--green);box-shadow:32px 0 var(--green),64px 0 var(--green),0 32px var(--green),64px 32px var(--green),0 64px var(--green),32px 64px var(--red),64px 64px var(--green);animation:jump .8s steps(2) infinite}p:first-of-type{color:var(--green);font-weight:900;text-transform:uppercase}h1{font-size:clamp(6rem,22vw,15rem);line-height:.8;margin:0;text-shadow:8px 8px #111}h2{font-size:clamp(1.7rem,5vw,3.6rem);margin:22px 0 0}.screen p:last-of-type{line-height:1.7}.btn{display:inline-flex;margin-top:18px;padding:14px 20px;background:var(--green);color:#111;text-decoration:none;font-weight:900;border:4px solid #111;box-shadow:6px 6px 0 #111}.btn:hover{background:#fff;transform:translateY(-4px)}@keyframes jump{50%{transform:translateY(-16px)}}@media(max-width:560px){.screen{text-align:left}.sprite{margin-left:0}}