body {margin:0; display:flex; justify-content:center; align-items:flex-start; min-height:100vh; background:#111; font-family:Arial; color:#fff;}
#container {display:flex; gap:10px; flex-wrap:wrap; position:relative; justify-content:center; width:100%;}
#game-wrapper {position:relative; width:100vw; max-width:1100px; height:80vh; max-height:700px;}
canvas {display:block; border:1px solid #333; border-radius:8px;}
.menu {position:absolute; inset:0; background:rgba(0,0,0,.8); display:flex; flex-direction:column; justify-content:center; align-items:center;}
.menu button {padding:8px 16px; font-size:16px;}
#guide {width:90vw; max-width:300px; background:#222; padding:8px; border-radius:8px; font-size:14px;}
#guide h3 {margin-top:0;}
#joystick-base {position:fixed; bottom:15px; left:15px; width:70px; height:70px; background:rgba(255,255,255,0.2); border-radius:50%; touch-action:none; z-index:1000; display:none;}
#joystick-stick {position:absolute; width:35px; height:35px; background:rgba(0,255,255,0.5); border-radius:50%; left:50%; top:50%; transform:translate(-50%,-50%);}