body,html{font-family:sans-serif;margin:0;padding:0;overflow:hidden;height:100vh}#game-container{position:absolute;top:0;left:0;width:100%;height:100vh;background-color:black}canvas{display:block;width:100%!important;height:100%!important}#controls-container{position:absolute;bottom:0;left:0;width:100%;height:25vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);display:none;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}#wasd-controls{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:10px;width:250px;height:100%;max-width:80vw;max-height:20vh}.control-btn{background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.3);border-radius:10px;color:white;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-height:50px}.control-btn:active,.control-btn:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5);transform:scale(.95)}#btn-w{grid-column:2;grid-row:1}#btn-a{grid-column:1;grid-row:2}#btn-s{grid-column:2;grid-row:2}#btn-d{grid-column:3;grid-row:2}#lives{left:20px}#lives,#score{position:absolute;top:20px;color:yellow;font-size:24px;font-weight:700;z-index:100}#score{right:20px}#help-button{position:absolute;top:60px;right:20px;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.3);border-radius:5px;color:white;padding:8px 16px;cursor:pointer;font-size:14px;z-index:100}#help-button:hover{background:rgba(255,255,255,.2)}.dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.9);color:white;padding:30px;border-radius:10px;border:2px solid rgba(255,255,255,.3);z-index:1000;max-width:400px;text-align:center}.dialog h2{margin-top:0;color:yellow}.dialog button{background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.3);border-radius:5px;color:white;padding:10px 20px;cursor:pointer;margin-top:20px}.dialog button:hover{background:rgba(255,255,255,.2)}@media (max-width:768px){#game-container{height:75vh}#controls-container{display:flex}#lives,#score{font-size:18px;top:10px}#lives{left:10px}#score{right:10px}#help-button{top:40px;right:10px;font-size:12px;padding:6px 12px}}