:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#1e2125;--deep:#16181b;--paper:#e9ecef;--muted:#a7afb8;--quiet:#8c98a4;--gold:#9fc1dc;--gold-dim:#6d8a9f;--teal:#80cacc;--line:#33373d;--glass:#1e2125f0;--ui-soft:#243039;--ui-field:#6b737d;--ui-on-accent:#10202d;--ui-accent-hover:#bcd5e8;--ease:cubic-bezier(.22, .8, .24, 1);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--deep);color:var(--paper);font-size:14px}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}button,a,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{color:inherit}a{color:var(--gold);text-underline-offset:4px}img{max-width:100%;display:block}button:disabled{cursor:not-allowed;opacity:.42;transform:none!important}.hidden{display:none!important}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#app{isolation:isolate;position:relative}#game-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.screen{z-index:20;position:fixed;inset:0}.screen::selection{background:#ddc69140}.panel::selection{background:#ddc69140}#title-screen{background-color:#0a1c25;background-image:linear-gradient(90deg, #041017eb 0%, #05131aa8 38%, #0819211a 76%), var(--title-image,none);background-position:50%;background-size:cover;align-items:center;display:flex;overflow:hidden}#title-screen:before{content:"";pointer-events:none;background:linear-gradient(#0511183d,#0000 28% 68%,#040e15cc);position:absolute;inset:0}#title-screen:after{content:"";pointer-events:none;background:linear-gradient(#0000,#ddc6914d,#0000);width:1px;position:absolute;top:6%;bottom:10%;left:4%}.title-content{z-index:1;width:min(710px,61vw);animation:arrive 1.4s var(--ease) both;margin:0 0 4vh 8.4vw;position:relative}.eyebrow{color:var(--gold);letter-spacing:.36em;text-transform:uppercase;align-items:center;gap:14px;margin:0 0 26px;font-size:11px;font-weight:500;line-height:1.8;display:flex}.eyebrow:before{content:"";opacity:.65;background:currentColor;flex:none;width:34px;height:1px}h1{letter-spacing:.12em;text-wrap:balance;text-shadow:0 3px 32px #00000026;margin:0;font-family:STSong,SimSun,Noto Serif CJK SC,serif;font-size:clamp(54px,6.6vw,116px);font-weight:400;line-height:1.15}h1 span{display:block}.title-content h1 small{letter-spacing:.29em;margin-top:14px;font-family:inherit;font-size:.48em;display:block}.title-subtitle,.title-chinese{letter-spacing:.36em;margin-top:12px;font-family:STSong,SimSun,serif;font-size:clamp(25px,3vw,48px);font-weight:400}.subtitle{color:#bac7c8;letter-spacing:.12em;text-wrap:pretty;max-width:450px;margin:28px 0 34px;font-size:clamp(13px,1vw,16px);font-weight:400;line-height:2.1}.button-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.button{min-width:146px;min-height:48px;color:var(--paper);letter-spacing:.13em;cursor:pointer;transition:color .2s, background .2s, border-color .2s, transform .25s var(--ease), box-shadow .25s;background:#0b1e26a3;border:1px solid #e3deca59;border-radius:2px;justify-content:center;align-items:center;gap:12px;padding:13px 26px;font-size:13px;line-height:1.4;text-decoration:none;display:inline-flex;position:relative}.button:hover:not(:disabled){border-color:var(--gold);background:#384f53b3;transform:translateY(-2px);box-shadow:0 6px 22px #00000029}.button:active:not(:disabled){transform:translateY(0)}.button.primary{color:#18282c;background:#dcc79c;border-color:#e2d1ad;font-weight:600;box-shadow:0 3px 20px #080f1433}.button.secondary{color:#e3e6db;background:#091c2473;border-color:#c7d8d647}.button.quiet{min-width:0;min-height:40px;color:var(--muted);background:0 0;border-color:#0000;padding:10px 14px}.button.small{min-width:96px;min-height:36px;padding:9px 15px;font-size:12px}.title-content .button-row{max-width:470px}.title-content .button.primary{min-width:190px}.hint{color:#8da5aa;letter-spacing:.04em;margin:22px 0 0;font-size:11px;line-height:1.9}.title-footer{z-index:2;color:#8a9da1;letter-spacing:.12em;justify-content:space-between;align-items:center;gap:20px;font-size:10px;line-height:1.7;display:flex;position:absolute;bottom:28px;left:8.4vw;right:5vw}.title-footer a{color:#bec6bd;text-decoration:none}.title-footer a:hover{color:var(--gold)}.title-version{color:#7c9499;letter-spacing:.2em;font-size:10px}.title-emblem{color:var(--gold);margin-bottom:24px;font-size:24px}#hud{z-index:8;pointer-events:none;text-shadow:0 1px 8px #0009;position:fixed;inset:0}.top-left,.top-right,.bottom-left,.bottom-right{position:absolute}.top-left{width:min(350px,35vw);top:30px;left:36px}.top-right{text-align:right;align-items:center;gap:18px;display:flex;top:28px;right:34px}.bottom-left{max-width:45vw;bottom:27px;left:36px}.bottom-right{text-align:right;max-width:34vw;bottom:27px;right:34px}#hud button,#hud a,.hud-button{pointer-events:auto}.hud-location,.location-name{color:var(--gold);letter-spacing:.16em;font-size:14px;font-weight:500}.hud-chapter{color:#c4d0ce;letter-spacing:.12em;opacity:.72;margin-top:5px;font-size:10px}.health-track,.resonance-track{background:#020c1280;border:1px solid #e7e3d024;border-radius:1px;width:226px;max-width:100%;height:4px;position:relative;overflow:hidden;box-shadow:0 1px 8px #00000026}.health-track{margin-top:15px}.resonance-track{width:174px;height:3px;margin-top:7px}.health-fill,.resonance-fill{transform-origin:0;width:100%;height:100%;transition:width .22s var(--ease), transform .22s var(--ease)}.health-fill{background:linear-gradient(90deg,#7aa6a0,#bdd2b1);box-shadow:0 0 6px #c0e0bd80}.resonance-fill{background:linear-gradient(90deg,#438b9a,#9edce0)}.health-label,.resonance-label,.stat-label{color:#c8d2cd;letter-spacing:.09em;margin-top:5px;font-size:10px}.quest-label{color:var(--gold);letter-spacing:.26em;margin-bottom:9px;font-size:10px}.quest-name{letter-spacing:.1em;margin-bottom:9px;font-size:16px;font-weight:500}.quest-description{letter-spacing:.03em;color:#c4d2d0;max-width:330px;font-size:12px;line-height:1.85}.quest-progress{color:#dbc99f;letter-spacing:.12em;margin-top:9px;font-size:11px}.resource-count{color:#ebdfc3;font-variant-numeric:tabular-nums;letter-spacing:.04em;align-items:center;gap:9px;font-size:18px;font-weight:500;display:inline-flex}.resource-count:before{content:"◇";color:var(--gold);font-size:20px;font-weight:400}.hud-divider{background:#ceded833;width:1px;height:22px}.hud-button{cursor:pointer;color:#d5ddd5;background:#0719214d;border:1px solid #d3e4dd2e;border-radius:2px;justify-content:center;align-items:center;gap:8px;min-width:38px;height:36px;padding:6px 10px;font-size:11px;display:inline-flex}.hud-button:hover{border-color:var(--gold);background:#1d363ecc}.controls-hint{color:#c0d0d0;letter-spacing:.02em;flex-wrap:wrap;align-items:center;gap:9px 16px;font-size:10px;line-height:2;display:flex}.controls-hint span{white-space:nowrap}.kbd,kbd{color:#e4e5d6;background:#06141c5c;border:1px solid #d8e5de59;border-radius:2px;justify-content:center;align-items:center;min-width:21px;min-height:21px;margin-right:5px;padding:2px 6px;font-family:inherit;font-size:10px;line-height:1.25;display:inline-flex}.ability-label{color:#9bbbbd;letter-spacing:.08em;margin-top:5px;font-size:10px}.zone-transition{z-index:60;text-align:center;pointer-events:none;background:#05131ae6;place-content:center;display:grid;position:fixed;inset:0}.zone-transition h2{letter-spacing:.18em;margin:0 0 16px;font-family:STSong,SimSun,serif;font-size:42px;font-weight:400}.zone-transition p{color:var(--gold);letter-spacing:.23em;font-size:12px}#crosshair{z-index:9;opacity:.55;pointer-events:none;border:1px solid #e8ebda8c;border-radius:50%;width:5px;height:5px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#interaction{z-index:12;color:#ede9d8;letter-spacing:.08em;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none;max-width:80vw;animation:promptIn .25s var(--ease);background:#05161dd9;border:1px solid #e0d7bb38;border-radius:2px;justify-content:center;align-items:center;gap:12px;padding:12px 21px 12px 13px;font-size:13px;display:flex;position:fixed;bottom:21%;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00000026}.interaction-key{min-width:30px;height:30px;color:var(--gold);border:1px solid #ddc691b3;border-radius:2px;place-items:center;padding:0 7px;font-size:13px;display:grid}#toast,.notification{z-index:70;color:#ece6d4;text-align:center;letter-spacing:.06em;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:min(560px,90vw);animation:toastIn .3s var(--ease);background:#091d24f0;border:1px solid #d6cba952;border-radius:2px;padding:14px 27px;font-size:13px;line-height:1.75;position:fixed;top:19%;left:50%;transform:translate(-50%);box-shadow:0 12px 50px #0003}#dialogue{z-index:35;border:1px solid #c8d5cc33;border-left:2px solid var(--gold);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:min(860px,100vw - 90px);min-height:164px;animation:dialogueIn .3s var(--ease);background:linear-gradient(110deg,#071820f7,#0c2027f0);padding:28px 38px 28px 34px;position:fixed;bottom:44px;left:50%;transform:translate(-50%);box-shadow:0 16px 70px #00000059}.dialogue-speaker{color:var(--gold);letter-spacing:.19em;margin-bottom:13px;font-size:12px;font-weight:500}.dialogue-text{color:#e4e6dd;letter-spacing:.045em;white-space:pre-line;padding-right:25px;font-size:16px;font-weight:400;line-height:2}.dialogue-next{color:#95adb0;letter-spacing:.09em;cursor:pointer;background:0 0;border:0;justify-content:flex-end;align-items:center;gap:8px;min-height:26px;margin:15px 0 0 auto;padding:4px 0 4px 14px;font-size:10px;display:flex}.dialogue-next:hover{color:var(--gold)}.dialogue-next:after{content:"◇";color:var(--gold);font-size:13px}.dialogue-avatar{object-fit:cover;border:1px solid var(--gold-dim);border-radius:50%;width:92px;height:92px;position:absolute;bottom:0;right:calc(100% + 18px);box-shadow:0 7px 26px #0000004d}.dialogue-counter{color:var(--quiet);font-variant-numeric:tabular-nums;font-size:10px}.panel-overlay{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#010a11c2;justify-content:center;align-items:center;padding:28px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.panel{scrollbar-width:thin;scrollbar-color:#516e71 #112c34;width:min(1080px,94vw);max-height:min(860px,90vh);animation:panelIn .25s var(--ease);background:linear-gradient(135deg,#0e232bfa,#05161efa);border:1px solid #b6cec733;border-radius:3px;padding:34px 38px 36px;position:relative;overflow:auto;box-shadow:0 26px 100px #0000005c}.panel.compact{max-width:520px}.panel.wide{width:min(1240px,95vw)}.panel-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:26px;padding-bottom:24px;display:flex}.panel-header h2,.panel>h2{letter-spacing:.12em;margin:0;font-family:STSong,SimSun,serif;font-size:30px;font-weight:400;line-height:1.35}.panel-header p{color:var(--muted);margin:9px 0 0;font-size:12px;line-height:1.85}.panel-header .eyebrow{margin-bottom:10px;font-size:10px}.panel-header .resource-count{margin:4px 32px 0 auto}.close-button{color:#a3bbbd;cursor:pointer;background:0 0;border:1px solid #c9dfd72e;border-radius:2px;flex:none;place-items:center;width:35px;height:35px;padding:0;font-size:23px;font-weight:300;line-height:1;transition:background .15s,color .15s;display:grid}.close-button:hover{color:var(--paper);background:#92b8b71f}.panel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.panel-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-grid.four-columns{grid-template-columns:repeat(4,minmax(0,1fr))}.card,.upgrade-card,.map-zone{background:#3d5c5e17;border:1px solid #c2d9d129;border-radius:2px;flex-direction:column;min-width:0;padding:22px;transition:border-color .2s,background .2s,transform .2s;display:flex;position:relative}.card:hover,.upgrade-card:hover,.map-zone:hover{background:#5b75701a;border-color:#ddc69173}.card h3,.upgrade-card h3,.map-zone h3{letter-spacing:.07em;margin:0 0 12px;font-size:16px;font-weight:500;line-height:1.5}.card p,.upgrade-card p,.map-zone p{color:#a6bcbd;text-wrap:pretty;margin:0 0 18px;font-size:12px;line-height:1.9}.card .button,.upgrade-card .button,.map-zone .button{width:100%;margin-top:auto}.card.locked,.map-zone.locked{opacity:.42;border-style:dashed}.card.locked:hover,.map-zone.locked:hover{background:#3d5c5e17;border-color:#c2d9d129}.card-number,.zone-number{color:var(--gold);opacity:.7;margin-bottom:26px;font-family:Georgia,serif;font-size:35px;font-weight:400;line-height:1;display:block}.card-icon{color:var(--gold);margin-bottom:18px;font-size:25px}.card-meta,.upgrade-level{color:var(--gold);letter-spacing:.09em;justify-content:space-between;gap:12px;margin-bottom:16px;font-size:10px;display:flex}.upgrade-cost{color:var(--gold);white-space:nowrap}.upgrade-levels{gap:5px;margin:0 0 19px;display:flex}.upgrade-levels span{background:#28484f;width:23px;height:3px}.upgrade-levels span.active{background:var(--gold)}.tabs{border-bottom:1px solid var(--line);scrollbar-width:none;gap:6px;margin:-8px 0 26px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{color:#87a4aa;letter-spacing:.12em;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:none;margin-bottom:-1px;padding:14px 18px;font-size:12px;transition:color .2s,background .2s}.tab:hover{color:var(--paper);background:#c5dacb0a}.lore-entry{border:1px solid var(--line);background:#536e6f11;border-left:2px solid #ddc69173;padding:21px 24px}.lore-entry+.lore-entry{margin-top:15px}.lore-entry h3{color:#e3d9bd;letter-spacing:.08em;margin:0 0 12px;font-family:STSong,SimSun,serif;font-size:20px;font-weight:400}.lore-entry p{color:#bdc9c5;letter-spacing:.035em;margin:0;font-size:13px;line-height:2.15}.lore-entry.locked{opacity:.4}.lore-location{color:#738f96;letter-spacing:.15em;margin-bottom:8px;font-size:10px;display:block}.empty-state{color:var(--muted);text-align:center;padding:48px 20px;font-size:13px;line-height:2}.menu-list{gap:10px;display:grid}.menu-item{border:1px solid var(--line);width:100%;min-height:48px;color:var(--paper);text-align:left;letter-spacing:.1em;cursor:pointer;background:#2e484e29;border-radius:2px;justify-content:space-between;align-items:center;padding:13px 16px;font-size:13px;display:flex}.menu-item:hover{border-color:var(--gold-dim);background:#859b881a}.menu-item span:last-child{color:var(--quiet);font-size:11px}.settings-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:19px 0;display:flex}.settings-row label{color:#d2ddd5;font-size:13px;line-height:1.7}.settings-row small{color:var(--quiet);margin-top:3px;font-size:11px;display:block}input[type=range]{width:180px;max-width:45%;accent-color:var(--gold);cursor:pointer}input[type=checkbox]{accent-color:var(--gold);cursor:pointer;width:17px;height:17px}select{min-width:145px;color:var(--paper);border:1px solid var(--line);background:#132f37;border-radius:2px;padding:9px 28px 9px 12px}.panel-note{border-top:1px solid var(--line);color:#7d9a9f;margin-top:22px;padding-top:16px;font-size:11px;line-height:1.9}.stat-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:23px 0;display:grid}.stat-block{border:1px solid var(--line);text-align:center;padding:15px}.stat-block strong{color:var(--gold);font-variant-numeric:tabular-nums;margin-bottom:8px;font-size:26px;font-weight:400;display:block}.stat-block span{color:var(--muted);letter-spacing:.12em;font-size:10px}#boss-hud{z-index:9;pointer-events:none;text-align:center;width:min(460px,39vw);position:fixed;top:32px;left:50%;transform:translate(-50%)}.boss-name{color:#ece1cf;letter-spacing:.24em;text-shadow:0 2px 10px #000;margin-bottom:12px;font-size:13px}.boss-health-fill{background:linear-gradient(90deg,#9d8178,#d3b89b);width:100%;height:100%;transition:width .22s;box-shadow:0 0 12px #d2977940}.boss-subtitle{color:#b9a999;letter-spacing:.12em;margin-top:9px;font-size:10px}#loading-screen{z-index:80;color:var(--paper);background:radial-gradient(at 50% 38%,#18333c,#06141d 65%);flex-direction:column;justify-content:center;align-items:center;display:flex}#loading-screen h2{letter-spacing:.22em;margin:0 0 12px;font-family:STSong,SimSun,serif;font-size:36px;font-weight:400}#loading-screen p{color:#8eafb4;letter-spacing:.13em;text-align:center;font-size:12px;line-height:2}.loading-emblem{color:var(--gold);margin-bottom:36px;font-size:39px;animation:3s ease-in-out infinite breathe}.loading-bar{background:#25434a;width:min(280px,62vw);height:2px;margin-top:26px;overflow:hidden}.loading-fill{background:var(--gold);width:0%;height:100%;transition:width .35s}.loading-detail{color:#6d8d95;letter-spacing:.08em;margin-top:13px;font-size:10px}#ending-screen{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(at 50% 25%,#283d3cb8,#041118f5 80%);justify-content:center;align-items:center;padding:44px;display:flex;overflow-y:auto}.ending-content{text-align:center;width:min(780px,90vw);padding:30px 0}.ending-content .eyebrow{justify-content:center;margin-bottom:26px}.ending-content .eyebrow:after{content:"";opacity:.65;background:currentColor;width:34px;height:1px}.ending-content h1,.ending-content h2{letter-spacing:.15em;margin:0;font-family:STSong,SimSun,serif;font-size:clamp(32px,4vw,58px);font-weight:400;line-height:1.4}.ending-content p{color:#bbc8c2;letter-spacing:.04em;white-space:pre-line;max-width:590px;margin:25px auto;font-size:14px;line-height:2.15}.ending-content .button-row{justify-content:center;margin-top:28px}.ending-choices{grid-template-columns:1fr 1fr;gap:22px;margin-top:34px;display:grid}.ending-card{text-align:left;border:1px solid #d2d7be3d;border-top-color:var(--gold-dim);background:#11282d8f;padding:27px 25px;transition:border-color .2s,background .2s}.ending-card:hover{border-color:var(--gold);background:#2c424180}.ending-card h3{letter-spacing:.08em;color:#e2d2af;margin:0 0 13px;font-family:STSong,SimSun,serif;font-size:25px;font-weight:400}.ending-card p{margin:0 0 22px;font-size:12px;line-height:2}.ending-card .button{width:100%}.ending-seal{width:58px;height:58px;color:var(--gold);border:1px solid #ddc6916b;border-radius:50%;place-items:center;margin-bottom:22px;font-size:25px;display:inline-grid}#mobile-controls{z-index:15;pointer-events:none;position:fixed;inset:0}.joystick{left:max(25px, env(safe-area-inset-left));bottom:max(30px, env(safe-area-inset-bottom));touch-action:none;pointer-events:auto;background:#11262b38;border:1px solid #e1ebdd3d;border-radius:50%;width:108px;height:108px;position:absolute}.joystick-knob{pointer-events:none;background:#d6dac42e;border:1px solid #eae9d680;border-radius:50%;width:42px;height:42px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mobile-action{bottom:45px;right:max(25px, env(safe-area-inset-right));color:#e4deca;letter-spacing:.08em;touch-action:none;pointer-events:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#10252d73;border:1px solid #dfdbc173;border-radius:50%;place-items:center;width:65px;height:65px;font-size:12px;display:grid;position:absolute}.mobile-action:active{background:#afa27859}.mobile-action.secondary{width:49px;height:49px;font-size:10px;bottom:32px;right:105px}.mobile-action.interact{width:49px;height:49px;font-size:10px;bottom:124px;right:43px}.mobile-action.echo{width:48px;height:48px;font-size:10px;bottom:100px;right:111px}@keyframes arrive{0%{opacity:0;transform:translateY(19px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes panelIn{0%{opacity:0;transform:translateY(12px)scale(.992)}to{opacity:1;transform:none}}@keyframes dialogueIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes promptIn{0%{opacity:0;transform:translate(-50%,5px)}to{opacity:1;transform:translate(-50%)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-7px)}to{opacity:1;transform:translate(-50%)}}@keyframes breathe{0%,to{opacity:.45;transform:scale(.95)}50%{opacity:.95;transform:scale(1.04)}}@media (min-width:1700px){.title-content{margin-left:9vw}.title-footer{left:9vw}.top-left{top:40px;left:46px}.top-right{top:38px;right:46px}.bottom-left{bottom:38px;left:46px}.bottom-right{bottom:38px;right:46px}#dialogue{bottom:64px}}@media (max-height:760px) and (min-width:901px){.title-content{margin-top:5vh;margin-bottom:0}.eyebrow{margin-bottom:16px}.subtitle{margin-top:21px;margin-bottom:25px}.title-footer{bottom:18px}.panel{max-height:91vh;padding:26px 32px}.panel-header{margin-bottom:20px;padding-bottom:18px}.card,.upgrade-card,.map-zone{padding:18px}#dialogue{min-height:144px;padding:23px 30px;bottom:27px}}@media (max-width:1050px){.title-content{width:70vw;margin-left:7vw}.title-footer{left:7vw}.panel-grid.four-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.top-left{top:24px;left:24px}.top-right{top:24px;right:24px}.bottom-left{bottom:24px;left:24px}.bottom-right{bottom:24px;right:24px}.controls-hint{gap:6px 12px}.dialogue-avatar{display:none}}@media (max-width:760px){.title-content{width:86vw;margin:0 7vw 7vh}#title-screen{background-position:63%;background-image:linear-gradient(90deg, #041017de, #05131a5c), var(--title-image,none);align-items:center}#title-screen:after{top:7%;bottom:12%;left:3.5%}h1{letter-spacing:.1em;font-size:clamp(52px,11vw,78px)}.title-subtitle,.title-chinese{font-size:31px}.eyebrow{letter-spacing:.27em;margin-bottom:22px;font-size:9px}.subtitle{max-width:85%;margin:23px 0 28px;font-size:12px}.button{min-width:130px;min-height:45px;padding:12px 21px;font-size:12px}.title-content .button.primary{min-width:172px}.title-footer{flex-wrap:wrap;gap:8px;font-size:9px;bottom:20px;right:7vw}.title-footer>:last-child{max-width:100%}.hint{max-width:85%;font-size:10px}.top-left{top:max(18px, env(safe-area-inset-top));width:38vw;left:18px}.top-right{top:max(18px, env(safe-area-inset-top));gap:10px;right:18px}.bottom-left{max-width:55vw;bottom:22px;left:18px}.bottom-right{max-width:35vw;bottom:22px;right:18px}.health-track{width:175px;height:4px}.resonance-track{width:136px}.hud-location{font-size:12px}.resource-count{font-size:16px}.quest-name{font-size:13px}.quest-description{max-width:220px;font-size:10px}.quest-label{font-size:9px}.controls-hint{gap:5px 9px;font-size:9px}.controls-hint .kbd{font-size:9px}.panel-overlay{padding:15px}.panel{width:100%;max-height:92vh;padding:24px 21px}.panel-header{gap:12px;margin-bottom:21px;padding-bottom:19px}.panel-header h2{font-size:25px}.panel-header p{font-size:11px}.panel-header .resource-count{margin-right:6px}.panel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card,.upgrade-card,.map-zone{padding:18px}.card h3,.upgrade-card h3{font-size:14px}.card p,.upgrade-card p{font-size:11px}.tabs{margin-bottom:20px}.tab{padding:12px 13px;font-size:11px}#dialogue{width:calc(100vw - 34px);min-height:0;padding:23px 25px 20px;bottom:22px}.dialogue-speaker{margin-bottom:10px;font-size:11px}.dialogue-text{padding-right:0;font-size:14px;line-height:1.9}.dialogue-next{margin-top:12px}#interaction{white-space:normal;text-align:center;gap:9px;padding:9px 15px 9px 10px;font-size:11px;bottom:27%}#toast{padding:12px 20px;font-size:12px;top:25%}#boss-hud{width:52vw;top:87px}.boss-name{letter-spacing:.16em;font-size:11px}#ending-screen{padding:25px}.ending-content{width:100%}.ending-content p{font-size:13px}.ending-choices{gap:13px}.ending-card{padding:22px 18px}.ending-card h3{font-size:23px}}@media (max-width:480px){.title-content{margin-bottom:9vh}h1{font-size:53px}.title-subtitle,.title-chinese{letter-spacing:.26em;font-size:27px}.button-row{gap:9px}.title-content .button{min-width:0;padding:13px 18px}.title-content .button.primary{min-width:158px}.panel-grid,.panel-grid.two-columns,.ending-choices{grid-template-columns:1fr}.panel-grid.four-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-header{flex-wrap:wrap}.panel-header .close-button{position:absolute;top:23px;right:20px}.panel-header>:first-child{max-width:calc(100% - 45px)}.card-number,.zone-number{margin-bottom:18px;font-size:28px}.panel-grid.four-columns .card,.panel-grid.four-columns .map-zone{padding:16px}.resource-count{font-size:14px}.hud-button{min-width:31px;height:32px;padding:5px 7px;font-size:10px}.stat-grid{gap:7px}.stat-block{padding:12px 6px}.stat-block strong{font-size:23px}.lore-entry{padding:18px}.lore-entry p{font-size:12px}#boss-hud{width:64vw}.ending-content{padding-top:70px;padding-bottom:35px}.ending-content h1,.ending-content h2{font-size:32px}}@media (max-height:540px) and (orientation:landscape){.title-content{width:64vw;margin:16px 0 15px 7vw}h1{font-size:46px}.title-subtitle,.title-chinese{margin-top:6px;font-size:24px}.title-content .eyebrow{margin-bottom:9px;font-size:8px}.subtitle{max-width:420px;margin:12px 0 18px;font-size:11px}.title-content .hint{margin-top:12px}.title-footer{font-size:8px;bottom:11px}#dialogue{padding:15px 24px;bottom:16px}.dialogue-speaker{margin-bottom:6px}.dialogue-text{font-size:13px;line-height:1.7}.dialogue-next{margin-top:5px}.panel{max-height:93vh;padding:20px 24px}.panel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.panel-header{margin-bottom:17px;padding-bottom:16px}.bottom-left,.bottom-right{bottom:16px}.quest-description{max-width:250px}#interaction{bottom:23%}.joystick{width:88px;height:88px;bottom:20px}.mobile-action{width:57px;height:57px;bottom:25px}.mobile-action.interact{bottom:100px}.mobile-action.echo{bottom:83px}#boss-hud{top:19px}.ending-content{padding-top:25px}}@media (pointer:coarse){.controls-hint{display:none}.bottom-left{max-width:64vw;bottom:155px}.bottom-right{bottom:162px}#interaction{bottom:34%}.button{min-height:46px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#app #dialogue{align-items:center;gap:22px;display:flex}#app #dialogue>img{flex:none}#app #dialogue .dialogue-body{flex:auto;min-width:0}#app #dialogue .dialogue-next{float:none}#app #boss-hud{left:50%;transform:translate(-50%)}#hud .top-right{flex-direction:column;align-items:flex-end;gap:0}#hud .resource-count:before{content:none}.panel-grid>.lore-entry{margin-top:0}.panel-grid>.lore-entry>small{color:var(--quiet);margin-bottom:10px;font-size:10px;line-height:1.7;display:block}.ending-choice>.panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#ending-screen .eyebrow{justify-content:center}#mobile-controls .mobile-directions{left:max(22px, env(safe-area-inset-left));bottom:max(28px, env(safe-area-inset-bottom));pointer-events:auto}#mobile-controls .mobile-directions button{pointer-events:auto;min-width:44px;min-height:44px}#mobile-controls .mobile-actions{right:max(20px, env(safe-area-inset-right));bottom:max(28px, env(safe-area-inset-bottom));pointer-events:auto;grid-template-columns:repeat(2,54px);gap:10px;display:grid}#mobile-controls .mobile-actions>.mobile-action{pointer-events:auto;width:54px;height:54px;margin:0;font-size:13px;position:relative;inset:auto}@media (max-width:700px){#app #dialogue{gap:12px;width:auto;animation:.2s fadeIn;transform:none;left:4%!important;right:4%!important}#app #dialogue>img{align-self:flex-start;margin-top:4px}#app #boss-hud{left:50%}.ending-choice>.panel-grid{grid-template-columns:1fr}}@media (max-height:540px) and (orientation:landscape){#mobile-controls .mobile-actions{grid-template-columns:repeat(2,46px);gap:7px;bottom:18px}#mobile-controls .mobile-actions>.mobile-action{width:46px;height:46px}#mobile-controls .mobile-directions{bottom:18px}}@media (pointer:coarse){#hud .bottom-right{display:none}}@media (max-width:480px){#title-screen .title-content>.eyebrow{letter-spacing:.16em;gap:8px;max-width:100%;font-size:8px}#title-screen .title-content>.eyebrow:before{width:24px}}#hud .top-left{isolation:isolate}#hud .top-left:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#05141b85,#05141b4d 74%,#0000);border-radius:2px;position:absolute;inset:-12px -20px -12px -14px}#hud .quest-name,#hud .quest-description,#hud .resource-count,#hud .hero-name{text-shadow:0 1px 2px #00080de6,0 2px 10px #00080d8c}#game-canvas{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#title-screen{z-index:10;background:linear-gradient(90deg,#081b21ed,#0a2028b3 32%,#0a20280f 72%),url(./world-keyart-B1z4oCfs.webp) 50%/cover no-repeat}.title-pre{letter-spacing:.9em;color:#d9c49b;margin:3rem 0 1rem;font-size:clamp(1rem,1.8vw,1.7rem)}.title-content h1{letter-spacing:.13em;white-space:nowrap;font-family:Noto Serif SC,Songti SC,SimSun,serif;font-size:clamp(3.3rem,6.3vw,7rem);font-weight:400;line-height:1.22}.title-rule{background:#bfa978;width:48px;height:1px;margin:2rem 0}.title-description{color:#c0cccc;font-size:14px;line-height:2}.title-menu{gap:12px;max-width:320px;margin-top:2.8rem;display:grid}.title-menu .button{justify-content:space-between}.title-menu .button span{font-size:19px}.title-menu .button-row{gap:24px;margin-top:.6rem}.text-button{color:inherit;font:inherit;cursor:pointer;opacity:.8;background:0 0;border:0;padding:8px 0}.text-button:hover{opacity:1;color:#e7d4a7}.hud-nav{justify-content:flex-end;gap:9px;margin:12px 0;display:flex}.hud-nav button{color:#e7e5d6;cursor:pointer;background:#0c202680;border:1px solid #eaddbb30;border-radius:5px;padding:8px 10px;font-size:11px}#minimap{float:right;opacity:.87;width:140px;height:140px}.resource-count small{letter-spacing:.13em;opacity:.7;margin-left:10px;font-size:9px}.hero-name{align-items:center;gap:12px;margin-bottom:9px;display:flex}.hero-name img{object-fit:cover;border:1px solid #d2bd8b;border-radius:50%;width:44px;height:44px}.hero-name div{gap:4px;display:grid}.hero-name span{letter-spacing:.3em;font-size:15px}.hero-name small{opacity:.75;font-size:10px}.meter-label{opacity:.6;letter-spacing:.1em;font-size:9px}.ability{flex-direction:column;align-items:center;gap:6px;display:flex}.ability span{font-size:10px}.ability small{color:#d8bf8e;font-size:9px}.bottom-right{gap:22px;display:flex}kbd{background:#102f3766;border:1px solid #b3b5a755;border-radius:3px;justify-content:center;align-items:center;min-width:23px;padding:3px 7px;font-family:inherit;font-size:10px;display:inline-flex}#zone-banner{text-align:center;pointer-events:none;color:#fff7e6;text-shadow:0 2px 25px #12333a;z-index:5;width:100%;animation:3.8s both zonein;position:fixed;top:26%;left:0}#zone-banner small{letter-spacing:.32em;font-size:10px}#zone-banner h2{letter-spacing:.4em;margin:14px 0;font-family:Songti SC,SimSun,serif;font-size:38px;font-weight:400}#boss-hud{pointer-events:none;z-index:5;text-align:center;width:36%;position:fixed;top:6%;left:32%}.boss-name{letter-spacing:.25em;margin-bottom:10px;font-size:15px}.boss-health-track{background:#172c3099;border:1px solid #cfbea955;height:5px}.boss-health-fill{background:linear-gradient(90deg,#a26858,#e3b992);height:100%;transition:width .15s}#dialogue{z-index:30;align-items:center;gap:22px}#dialogue>img{object-fit:cover;border:1px solid #c4b18166;border-radius:12px;width:92px;height:92px}.dialogue-body{flex:1}.dialogue-text{margin:10px 0;font-size:16px;line-height:1.9}.dialogue-next{float:right;color:#d7c39b;cursor:pointer;background:0 0;border:0;font-size:12px}.loading-emblem{color:#decaa0;font-size:60px;animation:2s infinite breath}.loading-fill{width:75%;animation:2s infinite loading}.setting-row{justify-content:space-between;align-items:center;gap:20px;margin:25px 0;font-size:13px;display:flex}.setting-row select{color:#e9e4d8;background:#17333b;border:1px solid #d1c09644;border-radius:4px;padding:8px}input[type=range]{accent-color:#cbb581;width:140px}.save-buttons{grid-template-columns:1fr 1fr;gap:10px;margin:20px 0;display:grid}.save-buttons .button{padding:12px;font-size:12px}.panel-bottom{align-items:center;margin-top:25px}.world-map{background:radial-gradient(#799e9825,#0000 70%);max-width:650px;height:260px;margin:25px auto 35px;position:relative}.map-orbit{border:1px solid #b2bb9e33;border-radius:50%;position:absolute;inset:30px 60px}.map-point{color:#c4d2cf;text-align:center;cursor:pointer;background:0 0;border:0;width:150px;font-family:inherit;font-size:12px;position:absolute}.map-point span{color:#d2bc86;margin:5px;font-size:22px;display:block}.map-point.complete span{color:#f3d68e}.map-point.locked{opacity:.3}.point-0{top:100px;left:0}.point-1{top:0;left:calc(50% - 75px)}.point-2{top:100px;right:0}.point-3{bottom:0;left:calc(50% - 75px)}.map-home{top:95px;left:calc(50% - 75px)}.upgrade-icon{color:#dcc58f;font-size:28px}.upgrade-level{gap:8px;margin:20px 0;display:flex}.upgrade-level i{background:#ffffff18;width:32px;height:3px;display:block}.upgrade-card .button{width:100%}.journal-summary{align-items:baseline;gap:15px;margin:10px 0 25px;display:flex}.journal-summary strong{color:#d6bd83;font-family:Georgia,serif;font-size:32px}.journal-summary span{opacity:.7;font-size:12px}.lore-entry p{font-size:13px;line-height:2}.card.locked{opacity:.45}.panel-note{color:#becbc7;font-size:13px;line-height:1.9}.guide-intro{margin-bottom:25px}.guide-intro p{opacity:.8;line-height:1.9}.guide-intro h3{color:#e2d0a5;font-weight:400}.credits-copy{color:#c9d3cf;max-width:660px;margin:30px auto;line-height:2.2}.credits-copy h3{color:#ebddbf;font-family:Songti SC,serif;font-size:30px;font-weight:400}.choice-symbol{color:#e1c58d;font-size:32px}.ending-choice>p{margin:10px 0 35px;font-size:16px;line-height:2}.ending-choice .card p{margin:18px 0 30px;line-height:2}#ending-screen{z-index:40;background:radial-gradient(at 50% 10%,#436367,#0d252e 75%);justify-content:center;align-items:center}.ending-card{text-align:center;max-width:740px;padding:40px}.ending-card h1{letter-spacing:.15em;color:#ead7ad;font-family:Songti SC,serif;font-size:56px;font-weight:400}.ending-card p{color:#d5d8cb;font-size:16px;line-height:2.3}.ending-card .button-row{justify-content:center;margin-top:38px}#ending-stats{color:#bdbca9;justify-content:center;gap:30px;margin-top:30px;font-size:12px;display:flex}.mobile-directions{text-align:center;position:fixed;bottom:120px;left:22px}.mobile-directions button,.mobile-action{color:#f8ebcc;touch-action:none;background:#17384188;border:1px solid #d5c19155;border-radius:50%;width:42px;height:42px;margin:3px}.mobile-actions{position:fixed;bottom:120px;right:18px}.reduced-motion *{transition:none!important;animation:none!important}@keyframes zonein{0%{opacity:0;transform:translateY(10px)}20%,75%{opacity:1;transform:none}to{opacity:0}}@keyframes loading{0%,to{width:30%}50%{width:90%}}@keyframes breath{50%{opacity:.5;transform:scale(.94)}}@media (max-width:700px){#title-screen{background-position:65%}.title-content h1{font-size:44px}.title-content{margin:0 26px!important;padding:0!important}.title-pre{margin-top:25px}.title-menu{margin-top:24px}.title-description{font-size:12px}.title-footer{gap:20px;font-size:8px!important}.top-right{right:16px!important}.top-left{max-width:55%;left:16px!important}#minimap{width:95px;height:95px}.bottom-left{max-width:160px;left:16px!important}.bottom-right{gap:10px;right:16px!important}.ability span{font-size:8px}.quest-name{font-size:15px!important}.quest-description{font-size:10px!important}.resource-count small{display:none}#dialogue{gap:12px;padding:16px!important;bottom:20px!important;left:4%!important;right:4%!important}#dialogue>img{width:50px;height:60px}.dialogue-text{font-size:13px}.map-point{width:110px}.point-1,.point-3,.map-home{left:calc(50% - 55px)}.world-map{height:250px}#boss-hud{width:60%;top:18%;left:20%}.ending-card h1{font-size:36px}.ending-card p{font-size:14px}.tabs{overflow:auto;flex-wrap:nowrap!important}.tab{white-space:nowrap}.save-buttons{grid-template-columns:1fr}.setting-row{flex-wrap:wrap}.panel-grid{grid-template-columns:1fr!important}}.pointer-lock-controls{text-align:center;justify-items:center;gap:7px;max-width:30vw;display:grid;position:absolute;bottom:27px;left:50%;transform:translate(-50%)}.pointer-lock-controls .hud-button{background:#091d24c7;border-color:#dad2b159;gap:8px;min-width:118px;height:35px;font-size:11px}.pointer-lock-controls small{letter-spacing:.06em;color:#e1decf;white-space:nowrap;font-size:9px}.pointer-lock-controls [hidden]{display:none!important}.pointer-locked #game-canvas{cursor:none}.pointer-locked #hud button{pointer-events:none}.pointer-locked .pointer-lock-controls{opacity:.7}#game-canvas:focus{outline:none}@media (pointer:coarse){.pointer-lock-controls{display:none}}@media (max-width:800px){.pointer-lock-controls{max-width:75vw;bottom:115px}.pointer-lock-controls small{font-size:8px}}.screen::selection{background:#9fc1dc40}.panel::selection{background:#9fc1dc40}.title-pre,.title-emblem,.loading-emblem,.text-button:hover,.dialogue-next,.upgrade-icon,.journal-summary strong,.guide-intro h3,.choice-symbol{color:var(--gold)}.title-rule{background:var(--gold-dim)}.title-description,.subtitle,.hint,.title-footer,.title-version,.panel-note,.credits-copy{color:var(--muted)}.title-footer a,.credits-copy h3,.lore-entry h3,.ending-card h3{color:var(--paper)}.button{border-color:var(--ui-field);color:var(--paper);letter-spacing:.04em;background:#1e2125d1;border-radius:10px;font-size:14px}.button:hover:not(:disabled){background:var(--ui-soft);border-color:var(--gold);transform:none}.button.primary{background:var(--gold);color:var(--ui-on-accent);border-color:var(--gold);box-shadow:none}.button.primary:hover:not(:disabled){background:var(--ui-accent-hover);border-color:var(--ui-accent-hover);box-shadow:none}.button.secondary{border-color:var(--ui-field);color:var(--paper);background:#1e2125d1}.button.quiet{color:var(--muted);background:0 0;border-color:#0000}.button.danger{color:#e0aaa0;border-color:#cd8b7a66}.text-button{min-height:44px;font-size:14px}.panel-overlay{background:#10141ac2}.panel{background:var(--glass);border-color:var(--line);scrollbar-color:var(--ui-field) var(--ink);border-radius:14px}.panel-header .eyebrow,.panel-header p,.panel-note,.panel .card p,.panel .card small,.panel .lore-entry p,.panel-grid>.lore-entry>small{color:var(--muted);font-size:13px}.close-button{border-color:var(--ui-field);width:44px;height:44px;color:var(--muted);border-radius:10px}.close-button:hover{background:var(--ui-soft);color:var(--paper)}.card,.upgrade-card,.map-zone,.lore-entry,.menu-item,.stat-block{border-color:var(--line);background:#2430396b;border-radius:10px}.card:hover,.upgrade-card:hover,.map-zone:hover,.menu-item:hover{background:var(--ui-soft);border-color:var(--gold-dim)}.card.locked:hover,.map-zone.locked:hover{border-color:var(--line);background:#2430396b}.panel .card h3{color:var(--paper)}.tab{color:var(--muted);letter-spacing:.04em;min-height:44px;font-size:14px}.tab:hover{background:var(--ui-soft);color:var(--paper)}.tab.active{color:var(--gold);border-bottom-color:var(--gold)}.lore-entry{border-left-color:var(--gold-dim)}.setting-row,.settings-row label{color:var(--paper);font-size:14px}select,.setting-row select{background:var(--ink);color:var(--paper);border:1px solid var(--ui-field);border-radius:8px;min-height:44px}input[type=range],input[type=checkbox]{accent-color:var(--gold)}.upgrade-level i.filled{background:var(--gold)}#dialogue{background:var(--glass);border-color:var(--line);border-left-color:var(--gold);border-radius:12px}#dialogue>img{border-color:var(--gold-dim)}.dialogue-text{color:var(--paper)}.dialogue-next{min-height:36px}.hud-nav button,.hud-button,.pointer-lock-controls .hud-button{border-color:var(--ui-field);color:var(--paper);background:#1e2125d1;border-radius:8px}.hud-nav button:hover,.hud-button:hover{background:var(--ui-soft);border-color:var(--gold)}.hero-name img{border-color:var(--gold-dim)}.kbd,kbd{border-color:var(--ui-field);color:var(--paper);background:#1e2125c7}#interaction,#toast,.notification{background:var(--glass);border-color:var(--gold-dim);color:var(--paper);border-radius:10px}.interaction-key{border-color:var(--gold-dim);color:var(--gold)}.mobile-directions button,.mobile-action{border-color:var(--ui-field);color:var(--paper);background:#1e2125d1}.mobile-action:active,.mobile-directions button:active{background:var(--ui-soft);border-color:var(--gold)}@media (max-width:700px){.panel .button,.panel .tab,.panel .setting-row{font-size:13px}}