*{box-sizing:border-box}html,body{color:#e8eef6;background:#10151c;width:100%;height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;overflow:hidden}canvas{width:100%;height:100%;display:block}#hud{z-index:10;pointer-events:none;font-size:12px;line-height:1.4;position:fixed;inset:0}.scene-fade{z-index:9;pointer-events:none;opacity:0;background:#0b1118;transition:opacity .16s;position:fixed;inset:0}.scene-fade.active{opacity:1}.hud-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;background:#0b1019d9;border:1px solid #ffffff1f;border-radius:12px;padding:10px;position:absolute;box-shadow:0 10px 30px #0007}.hud-tools{flex-direction:column;gap:8px;width:330px;display:flex;top:12px;left:12px}.hud-tabs,.hud-palette{flex-wrap:wrap;gap:4px;display:flex}.hud-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.hud-status{flex-direction:column;gap:2px;min-width:260px;display:flex;bottom:34px;left:12px}.hud-actions{flex-direction:column;gap:6px;display:flex;top:12px;right:12px}.hud-debug{white-space:pre-line;color:#9fe8b5;min-width:180px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;bottom:34px;right:12px}.hud-controls{color:#b9c6d6;text-align:center;opacity:.7;max-width:min(900px,100vw - 24px);font-size:11px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}button{color:inherit;font:inherit;cursor:pointer;background:#1c2a3d;border:1px solid #ffffff24;border-radius:8px;padding:5px 9px}button:hover{background:#27405c;border-color:#41b6e6}button[aria-pressed=true]{background:#2c4a36;border-color:#7fdc9a}button.hud-tab[aria-pressed=true]{background:#334867;border-color:#41b6e6}button:disabled{cursor:not-allowed;opacity:.5}.hud-chip{white-space:nowrap;background:#ffffff14;border-radius:999px;padding:3px 8px}.hud-hint{color:#f2b46a}.hud-ok{color:#8ee0a6}.hud-autosave-line{color:#9fb3c8;margin-top:4px;font-size:11px}.hud-interaction-prompt{color:#d9f5e2;letter-spacing:.02em;pointer-events:none;background:#0b1019e0;border:1px solid #7fdc9a80;border-radius:999px;padding:6px 14px;font-size:13px;position:absolute;bottom:96px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0008}.hud-interaction-prompt[hidden]{display:none}.hud-dialogue{pointer-events:auto;background:#0b1019ef;border:1px solid #ffffff26;border-radius:14px;width:min(620px,100vw - 40px);padding:14px 18px;position:absolute;bottom:96px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #000000a6}.hud-dialogue[hidden]{display:none}.hud-dialogue-text{color:#eef4fb;white-space:pre-wrap;font-size:15px;line-height:1.5}.hud-dialogue-hint{color:#9fb3c8;text-align:right;margin-top:8px;font-size:11px}.hud-locked{opacity:.55}.hud-npc-dialogue{pointer-events:auto;background:linear-gradient(#0000 0%,#05080d55 45%,#05080dcc 100%);justify-content:center;align-items:flex-end;padding:24px 16px 32px;display:flex;position:absolute;inset:0}.hud-npc-dialogue[hidden]{display:none}.hud-npc-card{background:#0b1019f5;border:1px solid #ffffff2e;border-radius:16px;gap:16px;width:min(760px,100vw - 32px);max-height:min(70vh,560px);padding:18px 20px;display:flex;overflow:auto;box-shadow:0 20px 50px #000000b8}.hud-npc-portrait{color:#cfe4ff;text-transform:uppercase;-webkit-user-select:none;user-select:none;background:#1b2a3d;border:1px solid #ffffff26;border-radius:12px;flex:none;justify-content:center;align-items:center;width:72px;height:72px;font-size:30px;font-weight:600;display:flex}.hud-npc-portrait[hidden]{display:none}.hud-npc-portrait img{object-fit:cover;border-radius:12px;width:100%;height:100%}.hud-npc-body{flex-direction:column;flex:auto;gap:10px;min-width:0;display:flex}.hud-npc-speaker{color:#8ee0a6;letter-spacing:.02em;font-size:14px;font-weight:600}.hud-npc-node-text{color:#eef4fb;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:16px;line-height:1.5}.hud-npc-answers{flex-direction:column;gap:6px;display:flex}.hud-npc-answer{color:#e8eef6;width:100%;font:inherit;text-align:left;cursor:pointer;background:#131c29;border:1px solid #ffffff24;border-radius:10px;align-items:baseline;gap:10px;padding:9px 12px;display:flex}.hud-npc-answer:hover:not(:disabled),.hud-npc-answer:focus-visible:not(:disabled){background:#172536;border-color:#7fdc9a;outline:none}.hud-npc-answer:disabled{color:#74869a;cursor:not-allowed;opacity:.7;text-decoration:line-through}.hud-npc-answer-index{color:#8ee0a6;font-variant-numeric:tabular-nums;flex:none;min-width:16px}.hud-npc-answer-text{overflow-wrap:anywhere;flex:auto}.hud-npc-actions{justify-content:flex-end;gap:8px;display:flex}.hud-npc-actions button{color:#e8eef6;font:inherit;cursor:pointer;background:#131c29;border:1px solid #ffffff24;border-radius:999px;padding:7px 14px}.hud-npc-actions button:hover,.hud-npc-actions button:focus-visible{border-color:#7fdc9a;outline:none}.hud-npc-cancel{color:#ffb4a8}.hud-npc-status{color:#ffd9a0;min-height:16px;font-size:12px}.hud-npc-help{color:#8092a6;font-size:11px}@media (width<=560px){.hud-npc-dialogue{padding:12px 8px 16px}.hud-npc-card{flex-direction:column;gap:10px;padding:14px}.hud-npc-portrait{width:52px;height:52px;font-size:22px}.hud-npc-node-text{font-size:15px}}.hud-modal{z-index:20;background:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hud-modal[hidden]{display:none}.hud-modal-card{pointer-events:auto;background:#0e1725;border:1px solid #ffffff26;border-radius:14px;width:min(560px,100vw - 32px);max-height:calc(100vh - 64px);padding:14px 16px;overflow-y:auto;box-shadow:0 18px 48px #000000a6}.hud-modal-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.hud-save-slots{flex-direction:column;gap:8px;display:flex}.hud-save-row{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.hud-save-autosave{border-style:dashed}.hud-save-info{min-width:0}.hud-save-title{font-weight:600}.hud-save-detail{color:#9fb3c8;font-size:11px}.hud-save-scenes{color:#7d93a8;overflow-wrap:anywhere;margin-top:2px;font-size:10px}.hud-save-actions{flex-wrap:wrap;flex-shrink:0;gap:6px;display:flex}.hud-save-btn{padding:4px 8px;font-size:11px}.hud-save-danger:hover{background:#4a2f2c;border-color:#f2b46a}.hud-save-status{color:#9fb3c8;margin-top:10px;font-size:11px}.hud-conflict{color:#f6d3a3;background:#3a2a1a;border:1px solid #f2b46a80;border-radius:10px;margin-bottom:10px;padding:10px;font-size:12px}.hud-conflict-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}