body{margin:0;background:#000;color:#0ff;font-family:'Zen Maru Gothic',sans-serif;display:flex;justify-content:center;align-items:center;height:100vh}
.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100}
.overlay.hidden{display:none}
body.mobile-mode{align-items:flex-start}
body.mobile-mode .mobile-game-wrapper{height:70vh;overflow:hidden}
body.mobile-mode .mobile-game-wrapper .game-container{transform:scale(0.5);transform-origin:center center}
.mobile-game-wrapper{display:flex;justify-content:center;align-items:center;width:100%;height:auto;overflow:visible}
h1.neon{font-size:3rem}
h1.neon,.neon-text p,.neon-text{color:#0ff;text-shadow:0 0 5px #0ff,0 0 20px #0ff,0 0 40px #0ff}
.neon-text{margin-top:0}
.neon-text p{margin-top:0;margin-bottom:0}
h2.neon-text{font-weight:400}
.neon-button{margin-top:30px;padding:5px 20px 10px;background:transparent;border:2px solid #0ff;border-radius:8px;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}
.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}
canvas#game-canvas{background:#111;box-shadow:0 0 20px #0ff;position:relative;border-radius:8px}
.next-stats{display:flex;align-items:flex-start;gap:20px}
.stats-panel{display:flex;flex-direction:column;gap:10px}
.sidebar{display:flex;flex-direction:column;gap:0}
.hold-panel,.next-panel,.score-panel,.level-panel{background:#111;padding:10px;box-shadow:0 0 20px #0ff;border-radius:8px;text-align:center}
.score-panel div,.level-panel div{font-size:1.5rem}
.mobile-controls{position:absolute;top:70vh;left:0;width:100%;height:30vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#000;z-index:101}
.mobile-controls.hidden{display:none}
.ctrl-row{display:flex;gap:20px;margin:10px 0}
.ctrl-btn{width:60px;height:60px;background:transparent;border:2px 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;user-select:none;font-family:'Roboto Condensed',sans-serif}
.ctrl-btn .btn-label{pointer-events:none}
#game-over-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:200}
#game-over-screen.hidden{display:none}
#game-over-screen h1{font-size:3rem;margin-bottom:20px}
#game-over-screen .final-score{font-size:1.5rem;margin-bottom:20px}
#game-over-screen .restart-button{padding:10px 20px;background:transparent;border:2px solid #0ff;border-radius:8px;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}
#game-over-screen .restart-button:hover{background-color:#0ff;color:#111}