.hud-root{--hud-text:#e8dcc0;--hud-muted:#a59d86;--hud-accent:#ffd866;--hud-danger:#ff8a7a;--hud-panel:#080b079e;--hud-border:#8b5a2bbf;--hud-gap:8px;--hud-touch:48px;z-index:10;pointer-events:none;color:var(--hud-text);padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));box-sizing:border-box;-webkit-user-select:none;user-select:none;font:14px/1.3 monospace;position:fixed;inset:0}.hud-root button{pointer-events:auto;font:inherit;color:var(--hud-text);background:var(--hud-panel);border:1px solid var(--hud-border);min-height:var(--hud-touch);min-width:var(--hud-touch);cursor:pointer;touch-action:manipulation;border-radius:8px;padding:0 12px}.hud-root button:active{filter:brightness(1.4)}.hud-root button.is-active{border-color:var(--hud-accent);color:var(--hud-accent)}.hud-root button.is-primary{background:var(--hud-accent);color:#0b0f0a;border-color:var(--hud-accent)}.hud-panel{background:var(--hud-panel);border:1px solid var(--hud-border);border-radius:8px;padding:6px 10px}.hud-top{top:inherit;justify-content:space-between;align-items:flex-start;gap:var(--hud-gap);padding:inherit;padding-bottom:0;display:flex;position:absolute;left:0;right:0}.hud-status{flex-direction:column;gap:4px;max-width:55%;display:flex}.hud-phase{font-weight:700}.hud-hp{background:#222;border-radius:5px;width:160px;max-width:40vw;height:10px;position:relative;overflow:hidden}.hud-hp>span{background:#7ed957;transition:width .2s;position:absolute;inset:0 auto 0 0}.hud-hp.is-low>span{background:var(--hud-danger)}.hud-state{color:var(--hud-danger);min-height:1.3em}.hud-creatures{color:var(--hud-muted);font-size:12px}.hud-right{gap:var(--hud-gap);align-items:flex-start;display:flex}.hud-stock{grid-template-columns:auto auto;gap:0 10px;font-size:13px;display:grid}.hud-stock .hud-stock-label{color:var(--hud-muted)}.hud-toast{text-align:center;max-width:min(90vw,520px);color:var(--hud-accent);opacity:0;transition:opacity .2s;position:absolute;top:22%;left:50%;transform:translate(-50%)}.hud-toast.is-visible{opacity:1}.hud-banner{color:var(--hud-accent);padding:12px 24px;font-size:clamp(24px,6vw,40px);display:none;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.hud-banner.is-visible{display:block}.hud-bottom{padding:inherit;justify-content:space-between;align-items:flex-end;gap:var(--hud-gap);padding-top:0;display:flex;position:absolute;bottom:0;left:0;right:0}.hud-tools{pointer-events:none;flex-wrap:wrap;gap:6px;display:flex}.hud-tools button{font-size:13px}.hud-tools .hud-key{color:var(--hud-muted);margin-right:4px}.hud-root .hud-actions{gap:var(--hud-gap);grid-template-columns:auto auto;grid-template-areas:"tools action""plant attack";place-items:end;margin-left:auto;display:grid}.hud-root .hud-attack{grid-area:attack;width:84px;height:84px;font-weight:700;border-radius:50%!important}.hud-root .hud-action{grid-area:action;min-width:96px}.hud-toolbtn{grid-area:tools}.hud-plant{grid-area:plant}.hud-respawn{position:absolute;bottom:30%;left:50%;transform:translate(-50%)}.hud-hidden{display:none!important}.hud-root[data-mode=keyboard] .hud-actions,.hud-root[data-mode=keyboard] .hud-joystick-zone{display:none}.hud-root[data-mode=keyboard] .hud-tools{pointer-events:auto}.hud-root[data-mode=touch] .hud-tools{display:none}.hud-root[data-mode=touch] .hud-tools.is-open{right:max(8px, env(safe-area-inset-right));pointer-events:auto;flex-direction:column;align-items:stretch;display:flex;position:absolute;bottom:120px}.hud-root[data-mode=touch] .hud-hint-keys{display:none}.hud-joystick-zone{pointer-events:auto;touch-action:none;width:45%;height:70%;position:absolute;bottom:0;left:0}.hud-joystick-base{background:#e8dcc01f;border:2px solid #e8dcc059;border-radius:50%;width:112px;height:112px;margin:-56px 0 0 -56px;display:none;position:absolute}.hud-joystick-base.is-active{display:block}.hud-joystick-knob{background:#ffd866bf;border-radius:50%;width:52px;height:52px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-menu{pointer-events:auto;background:#0009;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.hud-menu.is-open{display:flex}.hud-menu .hud-panel{gap:var(--hud-gap);flex-direction:column;min-width:min(320px,86vw);max-height:86dvh;padding:14px;display:flex;overflow:auto}.hud-menu .hud-info{color:var(--hud-muted);white-space:pre-line;font-size:13px}.hud-rotate{z-index:20;color:#e8dcc0;text-align:center;pointer-events:auto;background:#0b0f0a;justify-content:center;align-items:center;padding:24px;font:18px monospace;display:none;position:fixed;inset:0}.hud-rotate.is-visible{display:flex}@media (max-height:420px){.hud-root{--hud-gap:6px;--hud-touch:44px;font-size:12px}.hud-hp{width:110px}.hud-stock{font-size:11px}.hud-root .hud-attack{width:72px;height:72px}.hud-creatures{display:none}.hud-root[data-mode=touch] .hud-tools.is-open{bottom:100px}}