#menu{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000e6;color:#0ff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:20;opacity:0;pointer-events:none;transition:opacity .4s ease,transform .4s ease;transform:scale(1.05)}#menu.visible{opacity:1;pointer-events:auto;transform:scale(1)}#menu h1{font-size:64px;margin-bottom:50px;text-shadow:0 0 20px #0ff}#menu p{font-size:20px;margin-bottom:30px;color:#0ff}.button-row{display:flex;gap:15px;justify-content:center}button{padding:12px 35px;font-size:26px;border:none;background:#0ff;color:#111;cursor:pointer;border-radius:8px;transition:.2s}button:hover{background:#0aa;transform:scale(1.05)}button:active{transform:scale(.95)}#score{position:absolute;top:10px;left:10px;color:#0ff;font-size:24px;font-weight:700;text-shadow:0 0 10px #0ff,0 0 20px #0ff;z-index:5}#highScore{position:absolute;top:10px;right:10px;color:#0ff;font-size:24px;font-weight:700;text-shadow:0 0 10px #0ff,0 0 20px #0ff;z-index:5}#gameOver{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:10;opacity:0;pointer-events:none;transition:opacity .5s ease}#gameOver.visible{opacity:1;pointer-events:auto}#gameOverContent{display:flex;flex-direction:column;align-items:center;text-align:center;color:#0ff;text-shadow:0 0 20px #0ff}#gameOverText{font-size:64px;font-weight:700;margin-bottom:20px}#finalScore{font-size:36px;margin-bottom:30px}#difficultyLabel{font-size:20px;margin-top:20px;margin-bottom:15px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:100;opacity:0;pointer-events:none;transition:opacity .3s ease}.modal-overlay.visible{opacity:1;pointer-events:auto}.modal-content{background:#111;border:2px solid #0ff;box-shadow:0 0 30px #00ffff4d;padding:30px;border-radius:12px;text-align:center;max-width:500px;color:#fff;transform:translateY(20px);transition:transform .3s ease}.modal-overlay.visible .modal-content{transform:translateY(0)}.modal-content h2{color:#0ff;margin-top:0;text-shadow:0 0 10px #0ff}.modal-content p{font-size:18px;line-height:1.5;margin:10px 0}.modal-content .warning{color:#f55;font-weight:700;margin-top:20px}.modal-content button{margin-top:20px;font-size:20px;padding:10px 30px}#mobileNotice{display:none}@media only screen and (max-width: 768px){#mobileNotice{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:9999;justify-content:center;align-items:center;flex-direction:column;color:#0ff;text-align:center;padding:20px;box-sizing:border-box}#mobileNotice h1{font-size:32px;margin-bottom:20px;text-shadow:0 0 20px #0ff}#mobileNotice p{font-size:16px;line-height:1.5;text-shadow:0 0 10px #0ff}}.loading-container{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:9999;display:flex;justify-content:center;align-items:center;color:#0ff;font-family:Courier New,Courier,monospace;overflow:hidden}.loading-content{display:flex;flex-direction:column;align-items:center;width:100%}@keyframes fadeOut{to{opacity:0}}.scanlines{position:absolute;top:0;left:0;width:100%;height:100px;background:linear-gradient(0deg,#0000,#00ffff1a,#0000);opacity:.1;animation:scanline 2.5s linear infinite;pointer-events:none}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.glitch{font-size:80px;font-weight:700;position:relative;color:#0ff;text-shadow:2px 2px #ff00ff;animation:glitch-skew 1s cubic-bezier(.25,.46,.45,.94) both infinite}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch:before{left:2px;text-shadow:-2px 0 #ff00ff;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.glitch:after{left:-2px;text-shadow:-2px 0 #00ffff;clip:rect(44px,450px,56px,0);animation:glitch-anim2 5s infinite linear alternate-reverse}.loader-box{width:300px;height:10px;border:2px solid #0ff;padding:2px;margin:40px 0;box-shadow:0 0 15px #0ff}.loader-bar{height:100%;background:#0ff;width:0%;box-shadow:0 0 10px #0ff;transition:width .1s linear}.subtitle{font-size:32px;letter-spacing:12px;color:#f0f;text-shadow:0 0 10px #ff00ff;margin-top:-10px}.terminal-text{font-size:16px;opacity:.8}@keyframes glitch-anim{0%{clip:rect(21px,9999px,83px,0)}20%{clip:rect(7px,9999px,82px,0)}40%{clip:rect(33px,9999px,14px,0)}60%{clip:rect(90px,9999px,2px,0)}80%{clip:rect(12px,9999px,58px,0)}to{clip:rect(48px,9999px,92px,0)}}@keyframes glitch-anim2{0%{clip:rect(2px,9999px,33px,0)}20%{clip:rect(66px,9999px,20px,0)}40%{clip:rect(10px,9999px,53px,0)}60%{clip:rect(48px,9999px,81px,0)}80%{clip:rect(72px,9999px,3px,0)}to{clip:rect(12px,9999px,45px,0)}}@media screen and (max-width: 768px){.glitch{font-size:40px}.subtitle{font-size:18px;letter-spacing:5px;margin-top:5px}.loader-box{width:80%;margin:20px 0}.terminal-text{font-size:12px}}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{display:flex;justify-content:center;align-items:center;background:#000;font-family:Segoe UI,Tahoma,sans-serif;color:#fff}.app-container{width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center}.fade-in{animation:fadeIn 1s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}
