.hud-bars{flex-direction:column;gap:6px;width:200px;max-width:46vw;display:flex}.hud-bar{background:#00000073;border:1px solid #ffffff40;border-radius:8px;height:16px;position:relative;overflow:hidden}.hud-bar-fill{height:100%;transition:width .15s ease-out}.hud-bar-hp .hud-bar-fill{background:linear-gradient(90deg,#d64545,#ef7a7a)}.hud-bar-stamina .hud-bar-fill{background:linear-gradient(90deg,#3f9e4d,#7fd08a)}.hud-bar-label{color:#fff;text-shadow:0 1px 2px #000c;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex;position:absolute;inset:0}.hud-xp-row{align-items:center;gap:6px;display:flex}.hud-level-label{color:#fff;text-shadow:0 1px 2px #000c;white-space:nowrap;font-size:11px;font-weight:700}.hud-bar-xp{flex:1;height:6px}.hud-bar-xp .hud-bar-fill{background:linear-gradient(90deg,#d4a72c,#f4d35e)}.hud-topright{top:calc(96px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;max-width:44vw;display:flex;position:fixed}.hud-inventory-btn{color:#fff;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;background:#00000073;border:1px solid #ffffff59;border-radius:10px;min-width:48px;min-height:48px;padding:0 14px;font-size:13px;font-weight:700}.hud-quest-tracker{pointer-events:auto;color:#fff;background:#0006;border:1px solid #ffffff40;border-radius:10px;width:100%;min-width:160px;padding:6px}.hud-quest-tracker-toggle{color:#fff;text-align:right;touch-action:none;-webkit-tap-highlight-color:transparent;background:0 0;border:none;width:100%;padding:4px;font-size:12px;font-weight:700}.hud-quest-tracker-list{flex-direction:column;gap:6px;margin:4px 0 0;padding:0;list-style:none;display:flex}.hud-quest-tracker-item{text-align:right}.hud-quest-tracker-title{font-size:12px;font-weight:700}.hud-quest-tracker-objective{opacity:.85;font-size:11px}.hud-joystick-zone,.hud-camera-zone{pointer-events:auto;touch-action:none;width:50%;position:fixed;top:0;bottom:0}.hud-joystick-zone{left:0}.hud-camera-zone{right:0}.hud-jump-btn{color:#fff;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;background:#ffffff2e;border:2px solid #ffffff8c;border-radius:50%;justify-content:center;align-items:center;min-width:48px;min-height:48px;padding:0;font-size:22px;font-weight:700;line-height:1;display:flex;position:fixed}.hud-action-btn{color:#fff;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;border-radius:50%;justify-content:center;align-items:center;min-width:48px;min-height:48px;padding:0;font-weight:700;line-height:1;display:flex;position:fixed}.hud-attack-btn{background:#d6454566;border:2px solid #ff8282cc;font-size:20px}.hud-dodge-btn{background:#3f9e4d59;border:2px solid #8cdc96bf;font-size:14px}.hud-interact-btn{background:#ffffff2e;border:2px solid #ffffff8c;font-size:16px}.hud-dialogue-panel{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));pointer-events:auto;color:#fff;background:#0a0c0ae0;border:1px solid #ffffff4d;border-radius:12px;width:min(600px,92vw);padding:14px 16px;position:fixed;transform:translate(-50%)}.hud-dialogue-name{color:#f4d35e;margin-bottom:6px;font-size:13px;font-weight:700}.hud-dialogue-text{margin:0 0 10px;font-size:14px;line-height:1.5}.hud-dialogue-choices{flex-direction:column;gap:6px;display:flex}.hud-dialogue-choice{text-align:left;color:#fff;touch-action:none;-webkit-tap-highlight-color:transparent;background:#ffffff14;border:1px solid #ffffff4d;border-radius:8px;min-height:44px;padding:8px 12px;font-size:13px}.hud-panel{pointer-events:auto;color:#fff;background:#0a0c0aeb;border:1px solid #ffffff4d;border-radius:14px;flex-direction:column;gap:12px;width:min(480px,90vw);height:min(560px,80vh);margin:auto;padding:16px;display:flex;position:fixed;inset:0}.hud-panel-header{justify-content:space-between;align-items:center;font-size:15px;font-weight:700;display:flex}.hud-panel-close{color:#fff;touch-action:none;-webkit-tap-highlight-color:transparent;background:0 0;border:none;min-width:32px;min-height:32px;font-size:16px}.hud-inventory-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));align-content:start;gap:8px;display:grid;overflow-y:auto}.hud-inventory-empty{text-align:center;opacity:.6;grid-column:1/-1;padding:24px 0;font-size:13px}.hud-inventory-slot{background:#ffffff0f;border:2px solid #ffffff4d;border-radius:8px;flex-direction:column;justify-content:space-between;min-height:64px;padding:6px;display:flex}.hud-inventory-slot-name{overflow-wrap:break-word;font-size:11px;font-weight:600}.hud-inventory-slot-qty{opacity:.8;align-self:flex-end;font-size:11px}html,body,#root{-webkit-user-select:none;user-select:none;background:#0e1512;height:100%;margin:0;font-family:system-ui,sans-serif;overflow:hidden}#root canvas{touch-action:none;display:block}.hud{pointer-events:none;padding:calc(12px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left));color:#fff;position:fixed;inset:0}.hud-hp{text-shadow:0 1px 3px #0009;font-size:14px;font-weight:600}