*{margin:0;padding:0;box-sizing:border-box}
html{font-size:14px}
body{background:#0A0E17;color:#b0c4de;font-family:'Courier New',monospace;display:flex;flex-direction:column;align-items:center;min-height:100dvh;padding:10px;overflow-x:hidden}
#ui{width:400px;max-width:100%;display:flex;justify-content:space-between;align-items:center;padding:6px 10px;margin-bottom:4px;background:rgba(0,0,0,0.3);border:1px solid rgba(0,240,255,0.15);border-radius:4px}
#score{font-size:18px;color:#00F0FF;letter-spacing:2px}
#lives{font-size:16px;color:#FF4444}
#c{display:block;width:400px;max-width:100%;height:auto;aspect-ratio:420/520;border:1px solid rgba(0,240,255,0.2);border-radius:4px;background:#05080f;image-rendering:pixelated;touch-action:none}
#controls{display:flex;gap:8px;margin-top:8px;width:400px;max-width:100%;justify-content:center}
#controls button{flex:1;padding:12px;font-size:22px;background:rgba(0,240,255,0.08);border:1px solid rgba(0,240,255,0.2);border-radius:6px;color:#b0c4de;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}
#controls button:active{background:rgba(0,240,255,0.2);transform:scale(0.95)}
#btnF{max-width:80px;font-size:18px}
@media(min-width:600px){#controls{display:none}}