*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background-color:#0a0e29;font-family:VT323,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#game-container{width:100%;height:100%;position:fixed;top:0;left:0}#game-container canvas{display:block;touch-action:none}#start-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,#1a3a8a,#0a1a5a 30%,#050a2a 70%,#020515);display:flex;align-items:center;justify-content:center;z-index:1000;transition:opacity .5s ease-out;overflow:hidden}.bubbles{position:absolute;width:100%;height:100%;overflow:hidden;pointer-events:none}.bubbles span{position:absolute;width:8px;height:8px;background:#ffffff26;border-radius:50%;border:1px solid rgba(255,255,255,.3);animation:float 8s infinite ease-in-out}.bubbles span:nth-child(1){left:5%;top:90%;animation-delay:0s;animation-duration:10s}.bubbles span:nth-child(2){left:10%;top:85%;animation-delay:1s;animation-duration:12s}.bubbles span:nth-child(3){left:15%;top:95%;animation-delay:2s;animation-duration:9s}.bubbles span:nth-child(4){left:20%;top:80%;animation-delay:.5s;animation-duration:11s}.bubbles span:nth-child(5){left:25%;top:90%;animation-delay:1.5s;animation-duration:13s}.bubbles span:nth-child(6){left:30%;top:85%;animation-delay:3s;animation-duration:10s}.bubbles span:nth-child(7){left:35%;top:95%;animation-delay:.8s;animation-duration:12s}.bubbles span:nth-child(8){left:40%;top:88%;animation-delay:2.5s;animation-duration:9s}.bubbles span:nth-child(9){left:45%;top:92%;animation-delay:1.2s;animation-duration:11s}.bubbles span:nth-child(10){left:50%;top:87%;animation-delay:.3s;animation-duration:10s}.bubbles span:nth-child(11){left:55%;top:93%;animation-delay:1.8s;animation-duration:12s}.bubbles span:nth-child(12){left:60%;top:84%;animation-delay:2.2s;animation-duration:9s}.bubbles span:nth-child(13){left:65%;top:91%;animation-delay:.6s;animation-duration:11s}.bubbles span:nth-child(14){left:70%;top:86%;animation-delay:3.5s;animation-duration:10s}.bubbles span:nth-child(15){left:75%;top:94%;animation-delay:1s;animation-duration:13s}.bubbles span:nth-child(16){left:80%;top:89%;animation-delay:2.8s;animation-duration:9s}.bubbles span:nth-child(17){left:85%;top:83%;animation-delay:.4s;animation-duration:12s}.bubbles span:nth-child(18){left:90%;top:96%;animation-delay:1.6s;animation-duration:10s}.bubbles span:nth-child(19){left:95%;top:88%;animation-delay:.9s;animation-duration:11s}.bubbles span:nth-child(20){left:8%;top:82%;animation-delay:3.2s;animation-duration:9s}@keyframes float{0%,to{transform:translateY(0) translate(0);opacity:0}10%{opacity:.6}90%{opacity:.4}to{transform:translateY(-100vh) translate(20px);opacity:0}}.overlay-content{text-align:center;color:#fff;padding:2rem;max-width:600px;z-index:10}.start-button-container{position:relative;display:inline-block;margin-bottom:1.5rem}.button-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:radial-gradient(circle,rgba(100,180,255,.6) 0%,rgba(80,150,255,.3) 40%,transparent 70%);border-radius:50%;animation:pulse-glow 2s infinite ease-in-out;pointer-events:none;z-index:-1}@keyframes pulse-glow{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}}#start-button{position:relative;background:transparent;border:3px solid rgba(255,255,255,.9);color:#fff;padding:1rem 2.5rem;font-size:2.5rem;font-family:VT323,monospace;font-weight:400;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .3s ease;border-radius:10px;text-shadow:0 0 20px rgba(100,180,255,.8);box-shadow:0 0 20px #64b4ff80,inset 0 0 20px #64b4ff1a}#start-button:hover{background:#64b4ff33;transform:translateY(-2px);box-shadow:0 0 40px #64b4ffcc,inset 0 0 30px #64b4ff33;text-shadow:0 0 30px rgba(150,200,255,1)}#start-button:active{transform:translateY(0)}.overlay-content h1{font-family:Rochester,cursive;font-size:4rem;font-weight:400;margin-bottom:2.5rem;color:#fffffff2;text-shadow:0 0 10px rgba(255,255,255,.5),2px 2px 4px rgba(0,0,0,.3);letter-spacing:.05em}.overlay-content .instructions{font-family:VT323,monospace;font-size:1.4rem;line-height:1.8;color:#ffffffe6;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.overlay-content .instructions br{display:block;content:"";margin-bottom:.5rem}@media(max-width:600px){.overlay-content h1{font-size:2.8rem;margin-bottom:2rem}.overlay-content .instructions{font-size:1.1rem;line-height:1.7}#start-button{padding:.8rem 2rem;font-size:2rem}.button-glow{width:100px;height:100px}.bubbles span{width:6px;height:6px}}#game-container{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}