*{margin:0;padding:0;box-sizing:border-box}body{background:#1a1a2e;display:flex;justify-content:center;align-items:center;min-height:100vh;font-family:monospace;overflow:hidden}#gameCanvas{border:4px solid #444;image-rendering:pixelated;image-rendering:crisp-edges;background:#000;display:none;max-width:100%;max-height:100%;width:auto;height:auto;aspect-ratio:600 / 800;min-width:0;min-height:0}#startScreen{color:#fff;text-align:center}#startScreen h1{font-size:4rem;margin-bottom:2rem;text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #ff00de,0 0 40px #ff00de,0 0 50px #ff00de,0 0 60px #ff00de,0 0 70px #ff00de}#startScreen button{font-family:monospace;font-size:1.5rem;padding:.5rem 1rem;margin:.5rem;cursor:pointer;background:#1a1a2e;color:#fff;border:2px solid #fff;box-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #ff00de;transition:all .3s ease}#startScreen button:hover{background:#ff00de;color:#1a1a2e;box-shadow:0 0 10px #ff00de,0 0 20px #ff00de,0 0 30px #ff00de}#startScreen .promo-message{margin-top:2rem;font-size:1rem;color:#0ff;text-shadow:0 0 5px #00FFFF}#authModal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}#authModalContent{background:#1a1a2e;padding:2rem;border-radius:10px;border:2px solid #fff;box-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #ff00de;text-align:center;position:relative}#closeModal{position:absolute;top:10px;right:10px;font-size:1.5rem;cursor:pointer;color:#fff}#authMessage{color:#ff00de;margin-bottom:1rem}#authModalContent h2{margin-bottom:1rem;color:#fff}#authModalContent input{display:block;width:100%;padding:.5rem;margin-bottom:1rem;font-family:monospace;font-size:1rem;background:#fff;border:none;border-radius:5px}#authModalContent button{font-family:monospace;font-size:1rem;padding:.5rem 1rem;margin:.5rem;cursor:pointer;background:#1a1a2e;color:#fff;border:2px solid #fff;box-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #ff00de;transition:all .3s ease}#authModalContent button:hover{background:#ff00de;color:#1a1a2e;box-shadow:0 0 10px #ff00de,0 0 20px #ff00de,0 0 30px #ff00de}#joystick-container{display:none;position:absolute;width:150px;height:150px;z-index:10}.container{color:#fff;text-align:center;max-width:800px;margin:0 auto;padding:2rem}.container h1{font-size:3rem;margin-bottom:1rem;text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #ff00de,0 0 40px #ff00de,0 0 50px #ff00de,0 0 60px #ff00de,0 0 70px #ff00de}.container h2{font-size:2rem;margin-top:2rem;margin-bottom:1rem;color:#ff00de}.container p{font-size:1.2rem;line-height:1.6;text-align:left}.container a{color:#0ff;text-decoration:none}.container a:hover{text-decoration:underline}.container ul{list-style:none;padding:0;text-align:left}.container li{margin-bottom:.5rem}.container hr{border:1px solid #444;margin:2rem 0}article{margin-bottom:2rem}