@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--bg-color:#0d0d0d;--neon-pink:#ff007f;--neon-cyan:#0ff;--neon-yellow:#ff0;--neon-purple:#8a2be2;--text-color:#fff;--font-arcade:"Press Start 2P", monospace}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-arcade);-webkit-user-select:none;user-select:none;overscroll-behavior:none;justify-content:center;align-items:center;width:100dvw;height:100dvh;margin:0;padding:0;display:flex;overflow:hidden}#game-container{justify-content:center;align-items:center;width:100%;max-width:800px;height:100%;max-height:800px;display:flex;position:relative}.screen{text-transform:uppercase;z-index:100;background-color:#0d0d0df2;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:all .2s;display:flex;position:absolute;top:0;left:0}.synthwave-bg{background:linear-gradient(#0f0c29 0%,#302b63 50%,#240b36 100%);overflow:hidden}.grid-overlay{z-index:1;background-image:linear-gradient(#f0f6 1px,#0000 1px),linear-gradient(90deg,#f0f6 1px,#0000 1px);background-size:40px 20px;width:100%;height:50%;animation:2s linear infinite grid-move;position:absolute;top:50%;left:0;transform:perspective(500px)rotateX(60deg)}@keyframes grid-move{0%{background-position:0 0}to{background-position:0 20px}}.glow-logo{z-index:10;border-radius:10px;max-width:80%;margin-bottom:20px;position:relative;box-shadow:0 0 20px #0ff,0 0 40px #f0f}.retro-title{color:#fff;text-shadow:2px 2px #0ff,-2px -2px #f0f;z-index:10;margin-bottom:40px;font-size:3em;position:relative}.instruction-text{color:#0ff;z-index:10;margin-top:30px;font-size:.6em;position:relative}.difficulty-buttons{z-index:10;gap:20px;margin-top:20px;display:flex;position:relative}.arcade-btn{color:#fff;cursor:pointer;text-transform:uppercase;border:4px solid #fff;border-radius:8px;padding:15px 25px;font-family:"Press Start 2P",monospace;font-size:.8em;transition:all .1s;position:relative;top:0;box-shadow:0 6px #fff,0 10px 15px #00000080}.arcade-btn:active{top:6px;box-shadow:0 0 #fff,0 4px 5px #00000080}.green-btn{text-shadow:2px 2px #050;background-color:#0c0;border-color:#0f0;box-shadow:0 6px #080,0 10px 15px #00000080}.green-btn:hover{background-color:#3f3}.green-btn:active{box-shadow:0 0 #080,0 4px 5px #00000080}.red-btn{text-shadow:2px 2px #500;background-color:#c00;border-color:red;box-shadow:0 6px #800,0 10px 15px #00000080}.red-btn:hover{background-color:#f33}.red-btn:active{box-shadow:0 0 #800,0 4px 5px #00000080}.life-icon{clip-path:polygon(100% 74%,50% 50%,100% 26%,100% 0,0 0,0 100%,100% 100%);vertical-align:middle;background-color:#ff0;border-radius:50%;width:16px;height:16px;margin-left:5px;display:inline-block}.hidden{display:none!important}#logo{border:4px solid var(--neon-pink);max-width:80%;max-height:40vh;box-shadow:0 0 15px var(--neon-pink), 0 0 30px var(--neon-purple);object-fit:contain;border-radius:10px;margin-bottom:2rem}.glitch-text{color:var(--neon-cyan);text-shadow:2px 2px var(--neon-pink), -2px -2px var(--neon-yellow);letter-spacing:5px;margin-bottom:2rem;font-size:3rem}.game-over-text{color:var(--neon-pink);text-shadow:2px 2px var(--neon-yellow);margin-bottom:2rem;font-size:4rem}.win-text{color:var(--neon-cyan);text-shadow:2px 2px var(--neon-yellow);margin-bottom:2rem;font-size:4rem}.blink{color:var(--neon-yellow);margin-top:2rem;font-size:1rem;animation:1.5s linear infinite blinker}@keyframes blinker{50%{opacity:0}}#game-ui{box-sizing:border-box;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;padding:10px 0;display:flex;position:absolute;top:0;left:0}.score-board{width:100%;color:var(--neon-cyan);text-shadow:0 0 5px var(--neon-cyan);z-index:5;box-sizing:border-box;flex-wrap:wrap;justify-content:center;gap:15px;padding:0 45px;font-size:1.2rem;display:flex;position:relative;top:0}#gameCanvas{image-rendering:pixelated;object-fit:contain;background-color:#000;flex-grow:1;max-width:100dvw;min-height:0;margin:10px 0}.scanlines{pointer-events:none;z-index:999;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px,linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f) 0 0/6px 100%;width:100dvw;height:100dvh;position:fixed;top:0;left:0}@media (width<=600px){.score-board{flex-direction:column;align-items:center;gap:5px;font-size:1rem;top:10px}.retro-title{margin-bottom:20px;font-size:2em}.glitch-text,.game-over-text{text-align:center;font-size:2.5rem}.arcade-btn{padding:10px 15px;font-size:.6em}.instruction-text{margin-top:20px;font-size:.45em}.difficulty-buttons{gap:10px}}