body{margin:0;display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f7f7f7;font-family:Arial,sans-serif;background:linear-gradient(135deg,#1a1a1a,#4a4a4a);padding:20px;touch-action:none}canvas{border:2px solid #333;background-color:#fff;box-shadow:0 0 20px #0000004d;border-radius:8px;width:100%;max-width:1200px;height:auto;aspect-ratio:12/5}#score{position:fixed;top:20px;right:20px;font-size:clamp(16px,5vw,24px);font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);background:#00000080;padding:10px 20px;border-radius:20px}#mobile-controls{position:fixed;bottom:20px;left:0;right:0;display:none;justify-content:space-between;padding:0 20px}.control-btn{background:#ffffff4d;border:none;border-radius:50%;width:60px;height:60px;color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center;touch-action:none}@media (max-width: 768px){#mobile-controls{display:flex}body{padding:10px}#score{top:10px;right:10px}}