:root{--bg: #151a21;--panel: rgba(26, 31, 40, .94);--line: rgba(255, 255, 255, .12);--text: #eef1f5;--muted: #a9b2c0;--gold: #ffc83d;--green: #59d18a;--blue: #6aa7ff;--warn: #ff9f5a;--red: #ff6b6b;--radius: 14px}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,Segoe UI,sans-serif}#app{position:fixed;top:0;right:0;bottom:0;left:0}.stage{position:absolute;top:0;right:0;bottom:0;left:0}.stage canvas{width:100%;height:100%;display:block;outline:none}button{font:inherit;cursor:pointer;color:var(--text);background:#ffffff1a;border:1px solid var(--line);border-radius:10px;padding:8px 14px}button:hover:not(:disabled){background:#ffffff2e}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--gold);color:#2b2100;border-color:transparent;font-weight:700}button.primary:hover:not(:disabled){background:#ffd560}button.sm{padding:4px 10px;font-size:13px}button.ghost{background:transparent}button.danger{background:#7a2b2b}input[type=text],textarea,select{font:inherit;color:var(--text);background:#ffffff14;border:1px solid var(--line);border-radius:10px;padding:8px 10px;width:100%}textarea{resize:vertical}.hidden{display:none!important}.start{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#3b4a3a,#151a21 70%);padding:16px}.start-card{width:min(440px,100%);background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:28px;display:grid;gap:8px}.start-card h1,.modal h1{margin:0;font-size:30px;letter-spacing:.5px;color:var(--gold)}.start-card label{font-size:13px;color:var(--muted);margin-top:8px}.lead{color:var(--muted);margin:0 0 6px}.start-err{color:var(--red);min-height:20px;font-size:13px}.hud-loc{position:absolute;left:16px;top:14px;font-weight:700;font-size:18px;text-shadow:0 1px 6px #000;background:#00000059;padding:6px 14px;border-radius:999px}.hud-obj{position:absolute;left:16px;top:56px;max-width:min(360px,60vw);background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:10px;padding:8px 12px}.obj-title{font-size:12px;color:var(--gold);text-transform:uppercase;letter-spacing:1px}.obj-text{font-size:14px}.hud-right{position:absolute;right:16px;top:14px;display:flex;gap:8px}.hud-btn{background:#00000080}.hud-btn.ghost{opacity:.6}.hud-btn.pulse{animation:pulse 1.2s ease 3}@keyframes pulse{0%,to{box-shadow:0 0 #ffc83d00}50%{box-shadow:0 0 0 8px #ffc83d8c;background:#ffc83d4d}}.prompt{position:absolute;left:50%;bottom:90px;transform:translate(-50%);background:#000000a6;padding:8px 18px;border-radius:999px;border:1px solid var(--gold)}.net-badge{position:absolute;left:50%;top:14px;transform:translate(-50%);background:#7a2b2b;padding:6px 14px;border-radius:999px;font-size:13px}.minimap{position:absolute;left:16px;bottom:16px;width:180px;height:180px}.toasts{position:absolute;top:14px;left:50%;transform:translate(-50%);display:grid;gap:8px;width:min(520px,92vw);pointer-events:none;z-index:30}.toast{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:10px;padding:8px 14px;animation:in .25s ease;font-size:14px}.toast.success{border-left-color:var(--green)}.toast.warning{border-left-color:var(--warn)}.toast.error{border-left-color:var(--red)}.toast.out{opacity:0;transform:translateY(-6px);transition:all .35s}@keyframes in{0%{opacity:0;transform:translateY(-8px)}}.banner{position:absolute;left:50%;top:22%;transform:translate(-50%);width:min(760px,90vw);text-align:center;font-size:20px;font-style:italic;line-height:1.6;text-shadow:0 2px 10px #000;background:#0a0c108c;padding:18px 26px;border-radius:16px;opacity:0;transition:opacity .4s;pointer-events:none;z-index:25}.banner.show{opacity:1}.hs-card{position:absolute;left:16px;bottom:210px;width:min(380px,90vw);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px}.hs-title{font-weight:700;color:var(--gold);margin-bottom:4px}.hs-text{font-size:14px}.hs-more{margin-top:6px;font-size:12px;color:var(--muted)}.hs-tag{margin-top:6px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.panels{position:absolute;right:12px;top:60px;bottom:12px;width:min(400px,94vw);display:flex;flex-direction:column;gap:10px;pointer-events:none;z-index:20}.panel{pointer-events:auto;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;min-height:0;max-height:100%;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.panel-dialog{flex:1}.panel header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--line)}.panel header h2{margin:0;font-size:17px}.panel .x{padding:2px 8px}.panel-body{padding:12px 14px;overflow:auto;display:grid;gap:10px;align-content:start;min-height:0}.panel-dialog .panel-body{display:flex;flex-direction:column;flex:1}.hint{color:var(--muted);font-size:13px}.chip{font-size:12px;background:#ffffff1f;padding:2px 8px;border-radius:999px}.chip.warn{background:#ff9f5a40;color:var(--warn);margin-left:6px}.qcard,.jcard{border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:grid;gap:6px;background:#ffffff0a}.qcard.s-locked,.jcard.locked{opacity:.6}.qcard.s-checkpoint{border-color:var(--gold)}.qcard.s-completed,.qcard.s-reflected{border-color:var(--green)}.qhead{display:flex;justify-content:space-between;gap:8px;align-items:center}.qloc{font-size:12px;color:var(--muted)}.qobj{font-size:13px}.objs{margin:0;padding-left:4px;list-style:none;font-size:13px}.objs li.done{color:var(--green)}.jsum{font-size:14px}.jmile{font-size:12px;color:var(--gold)}.kn{border-top:1px solid var(--line);padding-top:6px;margin-top:6px;font-size:13px}.kn p{margin:4px 0}.kn small{color:var(--muted)}.jref{border-top:1px dashed var(--line);padding-top:6px;font-size:13px;font-style:italic}details summary{cursor:pointer;font-size:13px;color:var(--blue)}.npc-role{font-size:12px;color:var(--muted)}.chat{flex:1;min-height:160px;max-height:46vh;overflow:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px}.bubble{max-width:88%;padding:8px 12px;border-radius:14px;font-size:14px;display:grid;gap:6px;white-space:pre-wrap}.bubble.npc{background:#4a3a22;border:1px solid #7a6030;align-self:flex-start;border-bottom-left-radius:4px}.bubble.player{background:#1f3b63;border:1px solid #36619c;align-self:flex-end;border-bottom-right-radius:4px}.bubble.sys{background:transparent;color:var(--muted);font-style:italic;padding:2px 6px}.sugg{font-size:12px;color:var(--gold);border-top:1px solid rgba(255,255,255,.15);padding-top:4px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chipbtn{font-size:12px;padding:3px 10px;border-radius:999px}.row{display:flex;gap:8px;align-items:center}.row.wrap{flex-wrap:wrap}.row>input,.row>select{flex:1}.modal-host{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:40}.modal-back{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#080a0e8c;pointer-events:auto;padding:14px}.modal{width:min(620px,100%);max-height:92vh;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:24px;display:grid;gap:12px}.modal h2{margin:0}.controls{margin:0;padding-left:18px;font-size:14px;color:var(--muted)}.notice{background:#6aa7ff1f;border:1px solid rgba(106,167,255,.4);border-radius:10px;padding:10px 12px;font-size:13px}.notice.warn{background:#ff9f5a1f;border-color:#ff9f5a80}.qlist{display:grid;gap:6px}.qitem{text-align:left}.qitem.cur{border-color:var(--gold)}.qitem.correct{border-color:var(--green)}.qitem.failed{border-color:var(--red)}.qtext{font-size:16px;margin:4px 0}.question{display:grid;gap:8px}.opt{text-align:left;padding:10px 14px}.feedback{border-radius:10px;padding:10px 12px;font-size:14px}.feedback.ok{background:#59d18a26;border:1px solid var(--green)}.feedback.no{background:#ff9f5a24;border:1px solid var(--warn)}.feedback p{margin:4px 0 0}.redir{color:var(--gold)}.result{border-radius:12px;padding:12px 14px}.result.ok{background:#59d18a26;border:1px solid var(--green)}.result.retry{background:#ff9f5a24;border:1px solid var(--warn)}.result p{margin:4px 0}.panel-dev{max-height:100%}.kv{font-size:12px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}.kv code{word-break:break-all}.panel-dev h3{margin:6px 0 0;font-size:13px;color:var(--gold)}pre{margin:0;font:12px/1.4 ui-monospace,Consolas,monospace;background:#00000059;padding:8px;border-radius:8px;overflow:auto}.devlog{max-height:160px}.chk{font-size:13px;display:flex;gap:6px;align-items:center}.chk input{width:auto}@media(max-width:720px){.panels{top:auto;bottom:8px;height:62vh}.minimap{width:120px;height:120px}.hud-obj{top:54px}}