.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-stamina-low .hud-bar-fill{background:linear-gradient(90deg,#d64545,#ef7a7a)}.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-weapon-chip{text-overflow:ellipsis;white-space:nowrap;color:#fff;text-shadow:0 1px 2px #000c;background:#00000073;border:1px solid #ffffff40;border-radius:8px;align-self:flex-start;max-width:100%;padding:3px 8px;font-size:11px;font-weight:600;overflow:hidden}.hud-minimap{top:calc(12px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));background:#0a0c0a80;border:2px solid #f4d35ed9;border-radius:50%;width:140px;height:140px;position:fixed;overflow:hidden;box-shadow:0 2px 8px #00000080}.hud-minimap canvas{width:100%;height:100%;display:block}.hud-target{top:calc(168px + env(safe-area-inset-top));pointer-events:none;color:#fff;background:#0a0c0ab8;border:1px solid #ffffff4d;border-radius:10px;width:min(220px,48vw);padding:6px 10px;position:fixed;left:50%;transform:translate(-50%)}.hud-target-name{text-align:center;text-shadow:0 1px 2px #000c;margin-bottom:4px;font-size:12px;font-weight:700}.hud-target-hp{height:12px}.hud-topright{top:calc(162px + 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-run-btn{background:#3f78c859;border:2px solid #96beffbf;font-size:13px}.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;gap:4px;min-height:64px;padding:6px;display:flex}.hud-inventory-slot-equipped{background:#f4d35e29;border-color:#f4d35e}.hud-inventory-slot-name{overflow-wrap:break-word;font-size:11px;font-weight:600}.hud-inventory-slot-atk{color:#f4d35e;font-size:10px;font-weight:700}.hud-inventory-slot-qty{opacity:.8;align-self:flex-end;font-size:11px}.hud-inventory-equip-btn{color:#fff;touch-action:none;-webkit-tap-highlight-color:transparent;background:#ffffff1f;border:1px solid #ffffff59;border-radius:8px;width:100%;min-height:48px;font-size:12px;font-weight:700}.hud-loading{z-index:1000;color:#fff;text-align:center;pointer-events:auto;touch-action:none;opacity:1;background:#080a08f7;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;transition:opacity .4s ease-out;display:flex;position:fixed;inset:0}.hud-loading-fading{opacity:0}.hud-loading-title{color:#f4d35e;text-shadow:0 2px 6px #0009;letter-spacing:.02em;font-size:clamp(28px,8vw,44px);font-weight:700}.hud-loading-bar{background:#ffffff1f;border:1px solid #ffffff4d;border-radius:7px;width:min(320px,80vw);height:14px;position:relative;overflow:hidden}.hud-loading-bar-fill{background:linear-gradient(90deg,#d4a72c,#f4d35e);height:100%;transition:width .15s ease-out}.hud-loading-percent{font-size:15px;font-weight:700}.hud-loading-status{opacity:.85;font-size:13px}.hud-loading-tip{opacity:.65;max-width:min(360px,86vw);font-size:12px}body[data-cursor=attack]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg stroke-linecap='round' stroke-linejoin='round' fill='none'%3E%3Cpath d='M20 4 L9 15 M13 11 L17 15 M9 15 L5 19' stroke='%23000' stroke-width='4'/%3E%3Cpath d='M20 4 L9 15 M13 11 L17 15 M9 15 L5 19' stroke='%23f4d35e' stroke-width='2'/%3E%3Ccircle cx='4.5' cy='19.5' r='1.8' fill='%23f4d35e' stroke='%23000' stroke-width='0.8'/%3E%3C/g%3E%3C/svg%3E") 4 4,pointer}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}