/* HUD, menu and touch controls (3D canvas is injected into #game). */
html,body{margin:0;height:100%;background:#000;overflow:hidden;font-family:Georgia,serif;color:#fff;-webkit-user-select:none;user-select:none;touch-action:none}
#game,#game canvas{position:fixed;inset:0;width:100%;height:100%;display:block}
#hud{position:fixed;top:env(safe-area-inset-top,0);left:0;right:0;display:flex;gap:12px;align-items:center;padding:8px 12px;text-shadow:0 1px 3px #000;font-size:18px;pointer-events:none}
#hp{color:#ff6b6b;letter-spacing:2px}#who{flex:1;font-size:14px}
button{font:inherit;color:#fff;background:rgba(20,30,50,.6);border:2px solid #e6d9a0;border-radius:10px;padding:8px 16px;cursor:pointer;pointer-events:auto}
#msg,#voice{position:fixed;left:50%;transform:translateX(-50%);text-align:center;opacity:0;transition:opacity .6s;text-shadow:0 1px 4px #000;max-width:80%}
#msg{bottom:16%;background:rgba(10,20,30,.6);padding:8px 14px;border-radius:10px;font-size:15px}
#voice{top:40%;font-size:clamp(20px,4vw,36px);font-style:italic;color:#d8fff0;transition:opacity 2s}
#bag{position:fixed;inset:20% 15%;background:rgba(15,25,40,.9);border:2px solid #e6d9a0;border-radius:12px;padding:16px;line-height:1.7}#bag[hidden]{display:none}
#menu{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:rgba(10,25,30,.55);backdrop-filter:blur(3px);text-align:center}
#menu h1{margin:0;font-size:clamp(26px,6vw,52px);color:#f6e9a8;text-shadow:0 2px 8px #000}#menu button{margin:6px;font-size:22px;padding:12px 28px}
#fade{position:fixed;inset:0;background:#000;opacity:0;pointer-events:none;transition:opacity 3s}
#touch{display:none}
@media(pointer:coarse){#touch{display:block}
#stick{position:fixed;left:24px;bottom:24px;width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,.15)}
#knob{position:absolute;left:35px;top:35px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.5)}
#touch button{position:fixed;width:64px;height:64px;border-radius:50%;font-size:24px;padding:0}
#bA{right:24px;bottom:30px}#bE{right:100px;bottom:70px}#bS{right:24px;bottom:110px}}