body{margin:0;padding:0;background-color:#111;font-family:Courier New,monospace;overflow-x:hidden}#title-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#0a0a2e,#16213e,#000);display:flex;align-items:center;justify-content:center;z-index:1000}.stars{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px 30px,#eee,transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 90px 40px,#fff,transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 160px 30px,#fff,transparent);background-repeat:repeat;background-size:200px 100px;animation:twinkle 4s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.3}to{opacity:1}}.title-container{text-align:center;z-index:1001}#main-title{font-size:4rem;font-weight:700;color:#00ff41;margin:0;font-family:Courier New,monospace;letter-spacing:.2em;transform:translateY(-100vh);animation:slideDown 2s ease-out .5s forwards}@keyframes slideDown{0%{transform:translateY(-100vh)}70%{transform:translateY(10px)}to{transform:translateY(0)}}#subtitle{margin-top:2rem;opacity:0;animation:fadeIn 1.5s ease-in 3s forwards}#subtitle a{color:#fff;text-decoration:none;font-size:1.2rem;font-family:Courier New,monospace;text-shadow:0 0 5px rgba(255,255,255,.5);transition:all .3s ease;padding:10px 20px;border:2px solid transparent;border-radius:5px}#subtitle a:hover{color:#00ff41;text-shadow:0 0 10px #00ff41;border-color:#00ff41;background-color:#00ff411a}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#title-screen:after{content:"Press any key to start";position:absolute;bottom:50px;transform:translate(-50%);color:#fff9;font-size:.9rem;font-family:Courier New,monospace;opacity:0;animation:fadeIn 1s ease-in 4.5s forwards,pulse 2s ease-in-out 5.5s infinite;text-align:center;width:100%}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}canvas{background-color:#001;cursor:crosshair}canvas:focus{outline:2px solid #00ff00}h1{text-align:center;color:#0f0;text-shadow:0 0 10px #00ff00}button{background-color:#333;color:#fff;border:1px solid #666666;padding:8px 16px;cursor:pointer;font-family:monospace}button:hover{background-color:#444;border-color:#888}button:active{background-color:#222}