*{margin:0;padding:0;box-sizing:border-box;font-family:Trebuchet MS,sans-serif}
body{overflow:hidden;background:#111827}
canvas{display:block}

#hud{
position:absolute;
top:10px;
left:10px;
display:flex;
gap:18px;
z-index:10;
background:rgba(0,0,0,.7);
padding:12px 18px;
border-radius:14px;
border:3px solid #b68d40;
color:#f6e7c1;
font-size:20px;
box-shadow:0 8px 18px rgba(0,0,0,.5);
}

#menu{
position:absolute;
bottom:18px;
left:50%;
transform:translateX(-50%);
display:flex;
gap:12px;
z-index:10;
}

button{
background:#3f2a1d;
color:#f6e7c1;
border:3px solid #b68d40;
border-radius:14px;
padding:12px;
font-weight:bold;
min-width:180px;
cursor:pointer;
box-shadow:0 8px 14px rgba(0,0,0,.4);
transition:.2s;
}

button:hover{
transform:translateY(-3px) scale(1.03);
background:#5a3c29;
}