* { box-sizing: border-box; }
html,body{height:100%; margin:0; font-family: Arial, Helvetica, sans-serif; background:#222; color:#eee}
body{display:flex; align-items:center; justify-content:center;}
#hud{position:fixed; top:10px; left:10px; right:10px; display:flex; justify-content:space-between; align-items:center}
#stats span{margin-right:12px}
#controls{display:flex; align-items:center; gap:12px}
#gameCanvas{background:#7bb; border:4px solid #333; box-shadow:0 6px 20px rgba(0,0,0,0.6)}
#info{font-size:14px; opacity:0.9}

#shop{background:rgba(0,0,0,0.35); padding:8px; border-radius:6px; display:flex; gap:8px; align-items:center}
.shop-title{font-weight:bold; margin-right:6px}
.shop-item{background:#2b2b2b; color:#fff; border:1px solid #444; padding:6px 10px; border-radius:6px; cursor:pointer}
.shop-item small{display:block; font-size:11px; opacity:0.9}
#selected{margin-left:8px; font-size:13px}

#hud{gap:12px}