body{margin:0;background-color:#050505;color:#0ff;font-family:Zen Maru Gothic,sans-serif;display:flex;justify-content:center;align-items:center;height:100dvh;background-image:linear-gradient(rgba(0,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.1) 1px,transparent 1px);background-size:20px 20px}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:102;background-image:linear-gradient(rgba(0,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.1) 1px,transparent 1px);background-size:20px 20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overlay.hidden{display:none}body.mobile-mode{align-items:flex-start}body.mobile-mode .mobile-game-wrapper{height:70dvh;overflow:hidden}body.mobile-mode .mobile-game-wrapper .game-container{transform-origin:center center}.mobile-game-wrapper{display:flex;justify-content:center;align-items:center;width:100%;height:auto;overflow:visible}.mobile-game-wrapper.hidden{display:none}.neon-text{color:#0ff;text-shadow:0 0 5px #0ff,0 0 20px #0ff,0 0 40px #0ff;margin-top:0}h1.neon-text{font-size:3rem;font-family:Orbitron,sans-serif;color:#fff}.neon-text p{margin-top:0;margin-bottom:0}h2.neon-text{font-weight:400;font-family:Orbitron,sans-serif;color:#fff}.neon-button{margin-top:30px;padding:5px 20px 10px;border:1px solid #0ff;border-radius:8px;background-color:#111;color:#0ff;text-shadow:0 0 5px #0ff;cursor:pointer;box-shadow:0 0 10px #0ff;font-size:1.3rem;font-family:Zen Maru Gothic,sans-serif;min-width:150px;transition:background-color .2s ease,color .2s ease}.neon-button:hover{background-color:#0ff;color:#111}.twitter-icon{width:1em;height:1em;vertical-align:middle;margin-right:.2em;fill:currentColor}.controls{display:flex;gap:5px}.control-keys{width:fit-content;text-align:left}.control-desc{float:right;text-align:left}.mobile-mode-label{margin-top:10px;font-size:1rem;display:flex;align-items:center;gap:5px}#mobile-mode-checkbox{width:1.2em;height:1.2em}.game-container{display:flex;justify-content:center;align-items:flex-start;gap:20px;padding:20px;border-radius:8px;position:relative;font-family:Orbitron,sans-serif;background:#050505;box-shadow:0 0 20px #0ff}canvas#game-canvas{background:#111;position:relative;border:2px solid #333;border-radius:8px}.stats-panel,.sidebar{display:flex;flex-direction:column;gap:20px}.hold-panel,.next-panel,.score-panel,.level-panel{background:#1a1a1a;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:8px;text-align:center}.game-container .neon-text p,.game-container h2.neon-text{color:#888;text-shadow:none;font-size:.9rem}.game-container .neon-text p{margin-bottom:.3rem}.score-panel div,.level-panel div{font-size:1.5rem;color:#fff}.pause-button{position:absolute;top:30px;right:30px;cursor:pointer;padding:5px 8px;z-index:101;min-width:0;margin-top:0}.pause-button svg{stroke:#0ff;filter:drop-shadow(0 0 3px #0ff);transition:stroke .2s ease}.pause-button:hover svg{stroke:#000}.pause-button.hidden{display:none}.pause-menu{display:flex;flex-direction:column;align-items:center;gap:15px}.pause-menu h2{font-size:2.5rem;margin-bottom:20px}.pause-menu .neon-button{margin-top:0}#pause-screen{z-index:103}.mobile-controls{position:absolute;top:70dvh;left:0;width:100%;height:30dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#000;z-index:100}.mobile-controls.hidden{display:none}.ctrl-row{display:flex;gap:20px;margin:10px 0}.ctrl-btn{width:60px;height:60px;background:transparent;border:1px solid #0ff;border-radius:8px;box-shadow:0 0 5px #0ff;display:flex;justify-content:center;align-items:center;padding:0}.ctrl-btn.pressed{background:#0ff}.ctrl-btn.pressed .btn-label{color:#111}.ctrl-btn.pressed svg{stroke:#111}.ctrl-btn svg{width:24px;height:24px;stroke:#0ff;fill:none;stroke-width:2}.btn-label{color:#0ff;font-size:1.1rem;-webkit-user-select:none;user-select:none;font-family:Roboto Condensed,sans-serif}.neon-fieldset{border:1px solid #0ff;border-radius:8px;padding:30px;box-shadow:0 0 10px #0ff;text-align:center;background:#111}.neon-fieldset legend{padding:0 10px;font-size:1.5rem;color:#0ff;text-shadow:0 0 5px #0ff;font-weight:400;text-align:center;border-radius:8px;background:#111}.neon-fieldset>legend.neon-text{font-size:3rem;text-align:center;color:#fff;text-shadow:0 0 10px #0ff;font-family:Orbitron,sans-serif}.results-container{display:flex;justify-content:center;gap:20px;margin-bottom:30px}.results-container .neon-fieldset{border:none}.score-level-container{display:flex;gap:20px}.result-item{padding:10px 20px;min-width:150px}.result-item div{font-size:2rem;color:#fff;text-shadow:0 0 2px #fff,0 0 8px #0ff}.result-buttons{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.result-buttons .neon-button{margin-top:0}#percentile{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.2;font-size:1rem}#percentile .rank-description{font-size:1rem;font-weight:400;margin-bottom:.25rem}#percentile .rank-value{font-size:2rem;font-family:Roboto Condensed,sans-serif}.game-over-actions{display:flex;gap:20px;margin-top:20px}#leaderboard-modal{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000000b3;display:flex;justify-content:center;align-items:center}#leaderboard-modal.hidden{display:none}.leaderboard-content{background-color:#111;margin:auto;padding:20px;border:1px solid #0ff;width:80%;max-width:600px;border-radius:8px;box-shadow:0 0 20px #0ff;color:#0ff;text-shadow:0 0 5px #0ff;position:relative;font-size:1.2rem}.close-button{color:#0ff;position:absolute;top:10px;right:20px;font-size:28px;font-weight:700;cursor:pointer;transition:color .2s ease}.close-button:hover,.close-button:focus{color:#fff}.leaderboard-content h2{margin:0 0 .5rem;font-size:1.7rem}.leaderboards-container{display:flex;justify-content:space-around;gap:20px}.leaderboard{width:45%}.leaderboard h3{text-align:center;margin-bottom:10px;font-weight:400}.leaderboard ol{list-style-type:none;padding:0}.leaderboard li{background:#222;margin:5px 0;padding:5px 10px;border-radius:4px;display:flex;justify-content:space-between}#error-modal{z-index:1100}.error-modal-content{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:400px;text-align:center}.error-modal-content p{margin:0;font-size:1.2rem}.error-modal-content .neon-button{margin-top:10px}@media screen and (max-width:600px){.leaderboards-container{flex-direction:column;gap:0}.leaderboard{width:100%}.neon-fieldset>legend.neon{font-size:2rem}.results-container{flex-direction:column;gap:10px}.score-level-container{display:flex;justify-content:center;gap:10px}.score-level-container>.result-item{padding:5px 10px}.result-item{padding:5px 10px;min-width:0}.neon-fieldset legend{font-size:1.2rem}.result-item div{font-size:1.5rem}.neon-button{font-size:1.2rem}.pause-button{top:15px;right:15px}.result-buttons{flex-direction:column;gap:20px}.game-over-actions{flex-direction:column;gap:10px;width:80%}.game-over-actions .neon-button{width:100%;margin-top:10px}}