:root{--bg:#87CEEB;--ui:#0b0b0b;--panel:rgba(255,255,255,0.85)}
html,body{height:100%;margin:0;font-family:Inter,system-ui,Segoe UI,Arial}
#game-wrap{position:relative;height:100vh;overflow:hidden;background:linear-gradient(#bde, #79c)}
canvas{display:block;background:linear-gradient(#9cf,#6ab);width:100%;height:100%}
.ui{position:absolute;left:12px;top:12px;color:var(--ui);background:var(--panel);padding:8px;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,0.15)}
.ui small{display:block;color:#333}
.controls{position:absolute;right:12px;top:12px;background:var(--panel);padding:8px;border-radius:8px}
.center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--panel);padding:20px;border-radius:12px;text-align:center}
button{font-size:16px;padding:8px 12px;border-radius:8px;border:0;background:#1976d2;color:white;cursor:pointer}
.hud-row{display:flex;gap:12px;align-items:center}
.touch-row{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);display:flex;gap:12px}
.touch-btn{width:64px;height:64px;border-radius:12px;background:rgba(161, 17, 17, 0.9);display:flex;align-items:center;justify-content:center;font-weight:bold}
@media(min-width:900px){.touch-row{display:none}}