:root{--sky:#8cc4ee;--sky-deep:#4e93cf;--paper:#fcfdffd1;--paper-strong:#fffffff0;--ink:#1f2e3a;--ink-soft:#4d5f6c;--brick:#b8503a;--brick-deep:#8f3b29;--pine:#2f6b4f;--stone:#8c8b85;--shadow:0 18px 40px #122a3c47;--font-cn:"PingFang SC", "Microsoft YaHei", "Noto Sans SC", "Source Han Sans SC", sans-serif;--font-serif:"Noto Serif SC", "Songti SC", "SimSun", Georgia, serif}*{box-sizing:border-box}html,body{height:100%;font-family:var(--font-cn);color:var(--ink);-webkit-text-size-adjust:100%;background:linear-gradient(#cfe7f7,#eef7fc);margin:0;padding:0;overflow:hidden}#app{position:fixed;inset:0;overflow:hidden}canvas#scene{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}canvas#scene:active{cursor:grabbing}.vignette{pointer-events:none;background:radial-gradient(120% 90% at 50% 45%,#0000 55%,#142d4138 100%),linear-gradient(#ffffff24,#0000 30%);position:absolute;inset:0}.panel-left{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3;background:linear-gradient(100deg,#fffffff2 0%,#ffffffe0 70%,#ffffff8c 100%);border-radius:18px;max-width:min(396px,62vw);padding:18px 26px 18px 22px;transition:opacity .5s,transform .5s;position:absolute;top:clamp(18px,4vh,44px);left:clamp(16px,3vw,46px);box-shadow:0 14px 34px #142e422e}.panel-left:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffff8c;position:absolute;inset:0}.identity{letter-spacing:.42em;text-transform:uppercase;color:var(--brick);margin:0 0 10px;font-size:11px;font-weight:600}.identity span{color:var(--stone);letter-spacing:.3em}.title{font-family:var(--font-serif);letter-spacing:.08em;color:var(--ink);text-shadow:0 2px 14px #ffffff8c;margin:0;font-size:clamp(30px,4.4vw,52px);font-weight:700;line-height:1.06}.subtitle{letter-spacing:.32em;color:var(--pine);margin:6px 0 12px;font-size:13px;font-weight:600}.desc{color:var(--ink-soft);max-width:30ch;margin:0 0 14px;font-size:13.5px;line-height:1.75}.location{border-left:3px solid var(--brick);color:var(--ink);margin:0;padding-left:12px;font-size:13px;line-height:1.6}.location-label{letter-spacing:.3em;color:var(--stone);margin-bottom:2px;font-size:10.5px;display:block}.compass{background:var(--paper);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);font-variant-numeric:tabular-nums;z-index:3;border:1px solid #fff9;border-radius:14px;flex-direction:column;align-items:flex-end;gap:4px;padding:10px 16px;display:flex;position:absolute;top:clamp(18px,4vh,44px);right:clamp(14px,2.6vw,40px);box-shadow:0 10px 24px #142e4224}.compass-dir{letter-spacing:.14em;color:var(--ink);font-size:13px;font-weight:600}.compass-coord{letter-spacing:.1em;color:var(--stone);font-size:11.5px}.hud-bottom{padding:46px clamp(12px, 3vw, 34px) max(14px, env(safe-area-inset-bottom));pointer-events:none;z-index:3;background:linear-gradient(#0c223200 0%,#0c223247 55%,#0c22329e 100%);flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.hud-actions,.views,.hint{pointer-events:auto}.enter{background:linear-gradient(160deg, #c85c43, var(--brick-deep));color:#fff8f2;font-family:var(--font-cn);letter-spacing:.22em;cursor:pointer;border:0;border-radius:999px;padding:13px 34px;font-size:15px;font-weight:600;transition:transform .18s,box-shadow .18s,opacity .35s;box-shadow:0 12px 26px #78281a66,inset 0 1px #ffffff59}.enter:hover{transform:translateY(-2px);box-shadow:0 16px 30px #78281a73,inset 0 1px #fff6}.enter:focus-visible,.views button:focus-visible{outline-offset:3px;outline:2px solid #fff}.views{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:min(1120px,100%);box-shadow:var(--shadow);scrollbar-width:none;scroll-behavior:smooth;background:#ffffffc7;border:1px solid #fff9;border-radius:999px;gap:7px;padding:7px 9px;display:flex;overflow-x:auto}.views::-webkit-scrollbar{display:none}.views button{color:var(--ink);font-family:var(--font-cn);letter-spacing:.06em;cursor:pointer;background:#1f2e3a12;border:0;border-radius:999px;flex:none;padding:8px 15px;font-size:13px;transition:background .18s,color .18s,transform .18s}.views button:hover{background:#1f2e3a24;transform:translateY(-1px)}.views button[aria-selected=true]{background:linear-gradient(160deg, #c85c43, var(--brick-deep));color:#fff8f2;box-shadow:0 6px 14px #78281a59}.hint{letter-spacing:.08em;color:#fffffff0;text-shadow:0 1px 8px #081824b3;margin:2px 0 0;font-size:12px}#app.exploring .panel-left{background:linear-gradient(100deg,#ffffffeb 0%,#ffffffc7 80%,#fff6 100%);padding:13px 22px 13px 18px}#app.exploring .title,#app.exploring .subtitle,#app.exploring .desc{display:none}#app.exploring .enter{opacity:0;pointer-events:none;height:0;box-shadow:none;padding:0;transform:translateY(8px)}.joystick{left:max(18px, env(safe-area-inset-left));bottom:calc(96px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:4;touch-action:none;background:#ffffff47;border:2px solid #fff9;border-radius:50%;width:118px;height:118px;position:absolute}.joystick .stick{background:#ffffffd9;border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%;box-shadow:0 6px 14px #122a3c4d}.loading{color:var(--ink);letter-spacing:.4em;z-index:9;background:linear-gradient(#a9d3ee,#e8f4fb 70%);place-items:center;font-size:14px;transition:opacity .6s;display:grid;position:absolute;inset:0}.loading[hidden]{display:none}.loading.fade-out{opacity:0;pointer-events:none}.error{color:#7a2620;text-align:center;z-index:10;background:#eef5fa;place-items:center;padding:24px;font-size:14px;line-height:1.8;display:grid;position:absolute;inset:0}.error[hidden]{display:none}@media (width<=760px),(height<=560px){.panel-left{border-radius:14px;max-width:min(300px,58vw);padding:12px 16px}.title{letter-spacing:.06em;font-size:clamp(22px,6.6vw,32px)}.subtitle{letter-spacing:.22em;margin:4px 0 6px;font-size:10.5px}.desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:8px;font-size:11.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.identity{letter-spacing:.26em;margin-bottom:5px;font-size:9.5px}.compass{border-radius:11px;gap:1px;padding:6px 10px}.compass-dir{letter-spacing:.1em;font-size:11px}.compass-coord{letter-spacing:.04em;font-size:9.5px}.hud-bottom{padding:34px 10px max(10px, env(safe-area-inset-bottom));gap:8px}.views{border-radius:16px;gap:6px;width:100%;padding:6px 7px}.views button{padding:7px 12px;font-size:12px}.enter{padding:11px 26px;font-size:13.5px}.hint{font-size:11px}.joystick{width:96px;height:96px;bottom:calc(120px + env(safe-area-inset-bottom))}.joystick .stick{width:44px;height:44px;margin:-22px 0 0 -22px}}@media (prefers-reduced-motion:reduce){.panel-left,.enter,.views button,.loading{transition:none}}.ghud{pointer-events:none;z-index:6;font-family:var(--font-cn);position:absolute;inset:0}.ghud button{font-family:var(--font-cn);cursor:pointer}.ghud-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;font-variant-numeric:tabular-nums;white-space:nowrap;background:#ffffffdb;border:1px solid #fff9;border-radius:999px;align-items:center;gap:10px;padding:7px 12px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 10px 24px #122a3c2e}.ghud-level{color:var(--brick);letter-spacing:.04em;font-size:13px;font-weight:700}.ghud-xp{background:#1f2e3a24;border-radius:999px;width:92px;height:8px;display:block;position:relative;overflow:hidden}.ghud-xp-fill{background:linear-gradient(90deg,#6fbf73,#3f8f5f);border-radius:999px;height:100%;transition:width .35s;display:block}.ghud-xp-text{color:var(--ink-soft);font-size:11px}.ghud-stat{color:var(--ink);letter-spacing:.02em;font-size:12.5px}.ghud-lives{gap:1px;font-size:13px;display:inline-flex}.ghud-lives .heart.on{color:#d8452f}.ghud-lives .heart.off{color:#1f2e3a38}.ghud-toggle{color:var(--ink);letter-spacing:.08em;background:#1f2e3a1a;border:0;border-radius:999px;padding:5px 12px;font-size:12px}.ghud-toggle:hover{background:#1f2e3a2e}.ghud-toggle.has-new{background:linear-gradient(160deg, #c85c43, var(--brick-deep));color:#fff8f2}.ghud-quests{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#ffffffeb;border:1px solid #ffffffb3;border-radius:16px;width:min(336px,86vw);max-height:58vh;padding:14px 16px 16px;position:absolute;top:clamp(96px,12vh,138px);right:clamp(12px,2.6vw,40px);overflow-y:auto;box-shadow:0 16px 34px #122a3c33}.ghud-quests h3{letter-spacing:.22em;color:var(--brick);margin:0 0 10px;font-size:13px}.ghud-quests ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ghud-quest{background:#1f2e3a0d;border-left:3px solid #1f2e3a40;border-radius:10px;grid-template-columns:1fr;gap:3px;padding:8px 10px;font-size:12px;display:grid}.ghud-quest.open{background:#c98a2a1f;border-left-color:#c98a2a}.ghud-quest.cleared{border-left-color:var(--pine);background:#2f6b4f1f}.ghud-quest .q-name{color:var(--ink);font-weight:600}.ghud-quest .q-name em{color:var(--stone);margin-left:6px;font-size:10.5px;font-style:normal}.ghud-quest .q-bar{background:#1f2e3a1f;border-radius:999px;height:5px;display:block;overflow:hidden}.ghud-quest .q-bar i{background:linear-gradient(90deg,#c85c43,#b8503a);height:100%;display:block}.ghud-quest.cleared .q-bar i{background:linear-gradient(90deg,#6fbf73,#3f8f5f)}.ghud-quest .q-state{color:var(--ink-soft);font-size:11px}.ghud-tip{color:var(--ink-soft);margin:12px 0 10px;font-size:11.5px;line-height:1.6}.ghud-reset{color:var(--ink-soft);background:0 0;border:1px solid #1f2e3a33;border-radius:999px;padding:6px 12px;font-size:11.5px}.ghud-reset:hover{color:var(--ink);background:#1f2e3a14}.ghud-prompt{left:50%;bottom:calc(104px + env(safe-area-inset-bottom));color:#f4f7fa;letter-spacing:.04em;pointer-events:auto;cursor:pointer;background:#14222ed1;border-radius:999px;align-items:center;gap:9px;max-width:min(520px,88vw);padding:8px 16px 8px 10px;font-size:13px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 12px 26px #0a182459}.ghud-prompt[hidden]{display:none}.ghud-key{color:#2c3540;background:#f2e6c8;border-radius:7px;place-items:center;min-width:24px;height:24px;padding:0 6px;font-size:12px;font-weight:700;display:inline-grid}.ghud-prompt-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ghud-interact{background:linear-gradient(160deg, #c85c43, var(--brick-deep));color:#fff8f2;border:0;border-radius:999px;padding:6px 14px;font-size:12.5px;font-weight:600}.ghud-toasts{pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:64px;left:50%;transform:translate(-50%)}.ghud-toast{color:#f4f7fa;letter-spacing:.04em;opacity:0;background:#14222edb;border-radius:999px;padding:7px 16px;font-size:12.5px;transition:opacity .28s,transform .28s;transform:translateY(-8px);box-shadow:0 10px 22px #0a18244d}.ghud-toast.show{opacity:1;transform:translateY(0)}.ghud-toast.reward{background:linear-gradient(160deg,#2f6b4f,#245140)}.ghud-toast.bad{background:linear-gradient(160deg,#a8382a,#7d2418)}.ghud-banner{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;z-index:8;background:#0c1a268c;place-items:center;display:grid;position:absolute;inset:0}.ghud-banner[hidden]{display:none}.ghud-banner-card{text-align:left;background:linear-gradient(165deg,#fff,#f3f7fa);border-radius:20px;width:min(520px,90vw);padding:26px 28px 22px;box-shadow:0 26px 60px #08162273}.ghud-banner.bad .ghud-banner-card{background:linear-gradient(165deg,#fff6f3,#f7ece8)}.ghud-banner.final .ghud-banner-card{background:linear-gradient(165deg,#fdf9ec,#f2ecd8)}.ghud-banner-card h2{font-family:var(--font-serif);letter-spacing:.06em;color:var(--ink);margin:0 0 6px;font-size:26px}.ghud-banner-sub{letter-spacing:.12em;color:var(--pine);margin:0 0 14px;font-size:13px}.ghud-banner-lines p{color:var(--ink-soft);margin:0 0 8px;font-size:13.5px;line-height:1.75}.ghud-banner-btn{background:linear-gradient(160deg, #c85c43, var(--brick-deep));color:#fff8f2;letter-spacing:.16em;border:0;border-radius:999px;margin-top:12px;padding:11px 26px;font-size:14px;font-weight:600}.ghud-banner.final .ghud-banner-btn{background:linear-gradient(160deg,#2f6b4f,#234f3b)}.chal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;z-index:9;background:#0a18249e;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.chal[hidden]{display:none}.chal-card{background:linear-gradient(170deg,#fff,#f5f8fa);border-radius:20px;flex-direction:column;width:min(720px,96vw);max-height:92vh;display:flex;overflow:hidden;box-shadow:0 30px 70px #06142080}.chal-head{border-bottom:1px solid #1f2e3a17;align-items:center;gap:12px;padding:16px 20px 10px;display:flex}.chal-type{background:color-mix(in srgb, var(--accent,#c0563f) 18%, #fff);color:var(--accent,#c0563f);border:1px solid color-mix(in srgb, var(--accent,#c0563f) 45%, #fff);letter-spacing:.1em;border-radius:999px;flex:none;padding:4px 12px;font-size:11.5px;font-weight:600}.chal-title{font-family:var(--font-serif);letter-spacing:.04em;color:var(--ink);flex:auto;margin:0;font-size:20px}.chal-close{width:32px;height:32px;color:var(--ink-soft);background:#1f2e3a14;border:0;border-radius:50%;flex:none;font-size:14px}.chal-close:hover{color:var(--ink);background:#1f2e3a29}.chal-speaker,.chal-brief{color:var(--ink-soft);margin:0;padding:8px 20px 0;font-size:12.5px;line-height:1.7}.chal-speaker{color:var(--brick);letter-spacing:.06em}.chal-stage{flex:auto;padding:12px 20px 4px;overflow-y:auto}.chal-stepno{letter-spacing:.16em;color:var(--stone);margin:0 0 10px;font-size:11.5px}.chal-body{flex-direction:column;gap:12px;display:flex}.sentence{color:var(--ink);border-left:3px solid var(--pine);background:#2f6b4f12;border-radius:10px;padding:12px 14px;font-size:17px;line-height:1.8}.sentence .blank{color:var(--brick);font-weight:700}.opt-grid{flex-direction:column;gap:8px;display:flex}.opt{text-align:left;color:var(--ink);background:#fff;border:1.5px solid #1f2e3a24;border-radius:12px;padding:12px 15px;font-size:14.5px;line-height:1.5;transition:border-color .16s,background .16s,transform .16s}.opt:hover{border-color:#2f6b4f80;transform:translate(2px)}.opt.picked{border-color:var(--pine);box-shadow:inset 3px 0 0 var(--pine);background:#2f6b4f1f}.listen-bar{flex-wrap:wrap;gap:8px;display:flex}.chal-btn{color:#f6fbf8;letter-spacing:.1em;background:linear-gradient(160deg,#2f6b4f,#234f3b);border:0;border-radius:999px;padding:10px 20px;font-size:13.5px;font-weight:600}.chal-btn:disabled{opacity:.45;cursor:not-allowed}.chal-btn.ghost{color:var(--ink);letter-spacing:.04em;background:#1f2e3a14;font-weight:500}.chal-btn.ghost:hover{background:#1f2e3a29}.listen-hint{color:var(--ink-soft);background:#c98a2a1f;border-radius:8px;margin:0;padding:8px 12px;font-size:12px}.dialogue-npc{border-left:3px solid var(--brick);background:#1f2e3a0f;border-radius:12px;padding:12px 14px}.dialogue-npc .speaker{letter-spacing:.2em;color:var(--brick);margin-bottom:4px;font-size:10.5px;display:inline-block}.dialogue-npc .line{color:var(--ink);margin:0;font-size:15.5px;line-height:1.7}.match-wrap{grid-template-columns:1fr 28px 1fr;align-items:start;gap:8px;display:grid}.match-col{flex-direction:column;gap:7px;display:flex}.match-arrow{height:100%;color:var(--stone);place-items:center;font-size:16px;display:grid}.chip{color:var(--ink);text-align:left;background:#fff;border:1.5px solid #1f2e3a24;border-radius:10px;padding:9px 12px;font-size:13.5px}.chip:hover{border-color:#2f6b4f80}.chip.active{border-color:var(--pine);background:#2f6b4f1f}.chip.matched{color:#24513c;background:#2f6b4f29;border-color:#2f6b4f99}.chip.word{background:#f2f5f0;border-color:#1f2e3a29}.order-answer{background:#2f6b4f0f;border:1.5px dashed #2f6b4f73;border-radius:12px;flex-wrap:wrap;align-items:center;gap:7px;min-height:54px;padding:10px 12px;display:flex}.order-placeholder{color:var(--stone);font-size:12.5px}.order-pool{flex-wrap:wrap;gap:7px;padding:4px 0;display:flex}.passage-wrap{border-left:3px solid var(--stone);background:#1f2e3a0d;border-radius:12px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.passage{color:var(--ink);margin:0;font-size:13.5px;line-height:1.85}.sub-q{color:var(--ink);margin:0;font-size:15px;font-weight:600}.chal-feedback{border-radius:12px;margin-top:12px;padding:12px 14px;font-size:13px;line-height:1.7}.chal-feedback.ok{border-left:3px solid var(--pine);color:#24513c;background:#2f6b4f1f}.chal-feedback.bad{color:#7d2418;background:#a8382a1a;border-left:3px solid #a8382a}.chal-feedback .fb-title{margin:0 0 6px;font-size:13.5px;font-weight:700}.chal-feedback .fb-line{color:inherit;margin:0 0 4px}.chal-foot{border-top:1px solid #1f2e3a17;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 20px 16px;display:flex}.chal-reward{color:var(--ink-soft);flex:auto;font-size:12px}.chal-keys{color:var(--stone);letter-spacing:.06em;font-size:11px}@media (width<=760px),(height<=560px){.ghud-status{gap:7px;padding:6px 9px;font-size:11px;top:6px;left:8px;right:8px;overflow-x:auto;transform:none}.ghud-xp{width:54px}.ghud-quests{width:auto;max-height:46vh;top:92px;left:10px;right:10px}.ghud-prompt{bottom:calc(132px + env(safe-area-inset-bottom));padding:7px 12px 7px 8px;font-size:12px}.ghud-toasts{top:52px}.ghud-toast{padding:6px 12px;font-size:11.5px}.chal-card{width:100%;max-height:94vh}.chal-head{gap:8px;padding:12px 14px 8px}.chal-title{font-size:16.5px}.chal-speaker,.chal-brief,.chal-stage,.chal-foot{padding-left:14px;padding-right:14px}.chal-keys{display:none}.opt{padding:10px 12px;font-size:13.5px}.match-wrap{grid-template-columns:1fr}.match-arrow{height:18px}.ghud-banner-card{padding:20px 18px 18px}.ghud-banner-card h2{font-size:20px}}@media (prefers-reduced-motion:reduce){.ghud-toast,.ghud-xp-fill,.opt{transition:none}}