@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;600;700;900&family=ZCOOL+XiaoWei&display=swap";:root{color:#f4f0e5;font-family:"Noto Serif SC",Songti SC,serif;font-synthesis:none;--ink: #171b18;--paper: rgba(244, 240, 229, .94);--paper-solid: #f4f0e5;--cinnabar: #a33b2b;--gold: #d4ae59;--jade: #5d8874;--line: rgba(218, 200, 163, .24)}*{box-sizing:border-box}html,body,#app,#world{width:100%;height:100%;margin:0;overflow:hidden}body{background:#141a17;-webkit-user-select:none;user-select:none;overscroll-behavior:none}button{font:inherit}button,[role=button]{touch-action:manipulation}button:focus-visible{outline:2px solid #f0ce75;outline-offset:2px}#world canvas{display:block;width:100%;height:100%;touch-action:none}.scene-select{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;overflow-y:auto;background:#151b18;color:#f2ead7}.scene-select:before{position:fixed;top:22px;right:22px;bottom:22px;left:22px;border:1px solid rgba(218,190,125,.2);pointer-events:none;content:""}.scene-select:after{position:fixed;right:5%;bottom:-30px;color:#ddd2b209;font:900 180px/1 ZCOOL XiaoWei,serif;letter-spacing:0;pointer-events:none;content:"江湖"}.scene-select-inner{position:relative;z-index:1;display:grid;align-content:center;gap:52px;width:min(920px,calc(100% - 64px));min-height:100%;padding:54px 0;margin:auto}.scene-select-header{display:flex;flex-direction:column;align-items:center;text-align:center}.scene-select-header small{margin-top:18px;color:#c2ab70;font-size:10px;letter-spacing:6px}.scene-select-header h1{margin:10px 0 5px;font:700 48px/1.25 ZCOOL XiaoWei,"Noto Serif SC",serif;letter-spacing:12px}.scene-select-header p{margin:0;color:#9da49b;font-size:12px;letter-spacing:5px}.scene-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid rgba(218,190,125,.28);border-bottom:1px solid rgba(218,190,125,.16)}.scene-option{display:grid;grid-template-columns:56px minmax(0,1fr) 30px;align-items:center;gap:18px;min-width:0;min-height:116px;padding:22px 28px;border:0;border-left:3px solid transparent;background:#e8e0c909;color:#eee7d5;text-align:left;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.scene-option+.scene-option{border-left-width:1px;border-left-color:#dabe7d2e}.scene-option:hover,.scene-option:focus-visible{border-left-color:#688c78;background:#688c7821;transform:translateY(-2px)}.scene-option-high:hover,.scene-option-high:focus-visible{border-left-color:#b84a36;background:#9b372a21}.scene-option:disabled{cursor:wait;opacity:.55;transform:none}.scene-option-mark{display:grid;place-items:center;width:52px;height:52px;border:1px solid #9a8b63;color:#e6cf91;font:700 25px ZCOOL XiaoWei,serif}.scene-option-high .scene-option-mark{border-color:#a84938;color:#edc9a0;background:#63271f}.scene-option-copy{display:flex;min-width:0;flex-direction:column;gap:6px}.scene-option-copy strong{font-size:18px;letter-spacing:2px}.scene-option-copy small{color:#aeb3aa;font:11px/1.4 system-ui,sans-serif;letter-spacing:0}.scene-option-arrow{color:#bda969;font-size:16px;text-align:right}.scene-load-error{margin:-30px 0 0;color:#d3816e;font-size:12px;text-align:center}.game-brand,.vitals,.right-hud,.desktop-actions,.skillbar,.mobile-controls{position:fixed;z-index:5}.game-brand{top:calc(22px + env(safe-area-inset-top));left:calc(26px + env(safe-area-inset-left));display:flex;align-items:center;gap:10px;filter:drop-shadow(0 2px 8px #000)}.seal{display:grid;place-items:center;width:38px;height:38px;color:#f5dfb6;background:#9f3027;border:2px solid #c6604c;border-radius:3px;font:700 22px ZCOOL XiaoWei,serif;transform:rotate(-2deg);box-shadow:inset 0 0 0 2px #772219}.seal.large{width:66px;height:66px;font-size:38px}.game-brand div{display:flex;flex-direction:column}.game-brand strong{font-size:18px;letter-spacing:2px}.game-brand small{color:#d8c89f;font-size:10px;letter-spacing:4px}.vitals{top:calc(75px + env(safe-area-inset-top));left:calc(26px + env(safe-area-inset-left));display:flex;gap:11px;width:270px;filter:drop-shadow(0 3px 12px rgba(0,0,0,.6))}.portrait{position:relative;display:grid;place-items:center;flex:0 0 54px;height:54px;border:2px solid #bfa267;border-radius:50%;background:radial-gradient(circle at 40% 30%,#6d8a75,#28362f 70%);font-size:22px;font-weight:900}.portrait:before{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid rgba(255,255,255,.2);border-radius:50%;content:""}.portrait i{position:absolute;right:-4px;bottom:-2px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#151915;color:#e6c970;font: 11px sans-serif}.vital-bars{flex:1;padding-top:2px}.name-line{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:5px;text-shadow:0 1px 4px #000}.name-line strong{font-size:15px}.name-line span{color:#cabf9c;font-size:10px}.meter{position:relative;height:12px;margin-bottom:4px;overflow:hidden;border:1px solid rgba(225,216,193,.35);border-radius:2px;background:#090d0bbf}.meter i{display:block;width:100%;height:100%;transform-origin:left;transition:transform .25s ease}.meter span{position:absolute;top:0;right:0;bottom:0;left:0;color:#ffffffd9;font:8px/10px system-ui;text-align:center;text-shadow:0 1px 1px #000}.health i{background:linear-gradient(90deg,#71332f,#b84c3c)}.energy i{background:linear-gradient(90deg,#315d57,#5c9b88)}.meter.xp{height:3px;border:0;background:#00000073}.xp i{background:#d8bb62}.right-hud{top:calc(22px + env(safe-area-inset-top));right:calc(24px + env(safe-area-inset-right));width:245px}.minimap-shell{position:relative;width:152px;height:152px;margin-left:auto;border:1px solid rgba(221,204,162,.55);border-radius:50%;background:#0f1411b3;box-shadow:0 6px 22px #00000059,inset 0 0 0 5px #181e1abf;overflow:hidden}#minimap{width:100%;height:100%;opacity:.9}.compass{position:absolute;color:#f1d57e;font-size:10px;text-shadow:0 1px 2px #000}.compass.north{top:8px;left:50%;transform:translate(-50%)}.icon-button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid rgba(220,207,177,.28);border-radius:4px;background:#141916c7;color:#eee7d3;cursor:pointer;transition:background .15s,border-color .15s,transform .15s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.icon-button:hover{border-color:#cdb36f;background:#313831e6;transform:translateY(-1px)}.icon-button svg{width:18px}.map-button{position:absolute;right:4px;bottom:4px;width:32px;height:32px;border-radius:50%}.quest-tracker{width:230px;min-height:92px;padding:13px 15px;margin-top:14px;margin-left:auto;border-top:1px solid rgba(226,205,158,.4);border-bottom:1px solid rgba(226,205,158,.18);background:linear-gradient(90deg,transparent,rgba(17,23,19,.72) 15%,rgba(17,23,19,.72));text-shadow:0 1px 3px #000}.panel-heading{display:flex;align-items:center;gap:6px;margin-bottom:7px;color:#d2b461;font-size:10px;letter-spacing:2px}.panel-heading svg{width:13px;height:13px}.quest-tracker strong{display:block;margin-bottom:5px;font-size:14px}.quest-tracker p{margin:0;color:#d7d3c5;font-size:12px;line-height:1.5}.quest-progress{height:3px;margin-top:9px;background:#ffffff1f}.quest-progress i{display:block;width:0;height:100%;background:#d5b762;transition:width .3s}.location-toast{position:fixed;top:11%;left:50%;z-index:6;display:flex;flex-direction:column;align-items:center;min-width:210px;padding:9px 34px 11px;border-top:1px solid rgba(229,214,175,.55);border-bottom:1px solid rgba(229,214,175,.25);background:linear-gradient(90deg,transparent,rgba(14,18,15,.55),transparent);text-shadow:0 2px 5px #000;transform:translate(-50%);animation:location 5s both}.location-toast small{color:#d3bd7b;font-size:9px;letter-spacing:5px}.location-toast strong{font-size:20px;letter-spacing:7px}@keyframes location{0%,to{opacity:0;transform:translate(-50%,-8px)}12%,70%{opacity:1;transform:translate(-50%)}}.notice-stack{position:fixed;top:28%;left:50%;z-index:12;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;transform:translate(-50%)}.notice{padding:8px 18px;border:1px solid rgba(219,195,133,.35);border-radius:3px;background:#141915e0;color:#f2e9d2;box-shadow:0 6px 24px #0000004d;font-size:12px;animation:notice 3s both}.notice strong{color:#e3c366}@keyframes notice{0%{opacity:0;transform:translateY(9px)}12%,80%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}.world-label{position:fixed;z-index:4;display:flex;flex-direction:column;align-items:center;pointer-events:none;text-shadow:0 1px 4px #000,0 1px 8px #000;transform:translate(-50%,-100%)}.world-label strong{font-size:13px}.world-label span{color:#d7c491;font-size:9px}.interaction{position:fixed;bottom:145px;left:50%;z-index:7;display:flex;align-items:center;gap:8px;padding:7px 13px;border:1px solid rgba(232,217,178,.35);border-radius:4px;background:#111613cc;color:#f4f0e5;box-shadow:0 6px 20px #0000004d;cursor:pointer;transform:translate(-50%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}kbd{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 4px;border:1px solid rgba(246,228,181,.42);border-radius:3px;background:#00000059;color:#e5ca79;font:10px system-ui}.dialogue{position:fixed;right:max(12%,env(safe-area-inset-right));bottom:max(8%,env(safe-area-inset-bottom));left:max(12%,env(safe-area-inset-left));z-index:30;display:flex;gap:18px;max-width:980px;min-height:168px;padding:22px 25px;margin:auto;border:1px solid rgba(201,174,108,.55);border-radius:4px;background:linear-gradient(105deg,#161b17f7,#1f221cf0);box-shadow:0 15px 60px #0000008c,inset 0 0 35px #ba94530d}.dialogue:before{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid rgba(255,255,255,.05);pointer-events:none;content:""}.speaker-avatar{display:grid;place-items:center;flex:0 0 84px;height:104px;border:1px solid #bda365;border-radius:2px;background:radial-gradient(circle at 50% 25%,#b79b59,#38473c 72%);color:#f6e7c1;font-size:35px;font-weight:900;box-shadow:inset 0 0 28px #00000059}.dialogue-copy{flex:1;min-width:0}.speaker-line{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}.speaker-line strong{color:#e8cd7f;font-size:18px}.speaker-line span{color:#9ca89d;font-size:10px}.voice-wave{width:15px;height:15px;margin-left:auto;color:#d2b763;opacity:.22}.dialogue.speaking .voice-wave{opacity:1;animation:voice-pulse .7s ease-in-out infinite alternate}.dialogue.speaking .speaker-avatar{box-shadow:inset 0 0 28px #00000059,0 0 22px #d8b75e2e}@keyframes voice-pulse{to{transform:scale(1.18);color:#f0d987}}.dialogue p{min-height:44px;margin:0 0 13px;color:#e8e2d2;font-size:14px;line-height:1.85}.dialogue-options{display:flex;flex-wrap:wrap;gap:8px}.dialogue-options button{padding:7px 14px;border:1px solid rgba(220,194,128,.36);border-radius:3px;background:#5f553a2e;color:#eee5ce;cursor:pointer;font-size:12px}.dialogue-options button:hover{border-color:#d7b95f;background:#95743b38}.skillbar{bottom:calc(24px + env(safe-area-inset-bottom));left:50%;display:flex;gap:7px;transform:translate(-50%)}.skill{position:relative;display:grid;place-items:center;width:62px;height:62px;padding:5px;overflow:hidden;border:1px solid rgba(220,207,177,.33);border-radius:5px;background:linear-gradient(145deg,#303831ed,#111613f0);color:#eee8d8;box-shadow:0 5px 18px #00000059;cursor:pointer}.skill:before{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid rgba(255,255,255,.06);border-radius:3px;content:""}.skill:hover,.skill.active{border-color:#d2b767}.skill svg{width:24px;height:24px;stroke-width:1.5}.skill span{font-size:9px}.skill kbd{position:absolute;top:3px;right:3px;min-width:14px;height:14px;border:0;background:transparent;color:#c8b885;font-size:8px}.skill em{position:absolute;inset:auto 0 0;height:0;background:#0f1210c7;transition:height .1s}.skill.locked{filter:grayscale(1);opacity:.45}.skill.locked:after{position:absolute;content:"锁";color:#aaa;font-size:11px}.desktop-actions{right:calc(25px + env(safe-area-inset-right));bottom:calc(27px + env(safe-area-inset-bottom));display:flex;gap:7px}.drawer{position:fixed;top:0;right:0;z-index:50;width:min(430px,100%);height:100%;height:100dvh;padding:calc(28px + env(safe-area-inset-top)) calc(28px + env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) 28px;border-left:1px solid rgba(214,193,143,.35);background:linear-gradient(135deg,#f2eddefa,#dad2bcfa);color:#232922;box-shadow:-15px 0 50px #00000059;animation:drawer-in .22s ease both}@keyframes drawer-in{0%{transform:translate(100%)}}.drawer header{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid rgba(42,48,42,.2)}.drawer header small{color:#86672b;font-size:10px;letter-spacing:4px}.drawer h2{margin:3px 0 0;font-size:24px}.drawer .icon-button{border-color:#1f252033;background:#fff3;color:#2c332e}.tabs{display:flex;gap:22px;border-bottom:1px solid rgba(42,48,42,.17)}.tab{position:relative;padding:15px 3px 12px;border:0;background:none;color:#697067;cursor:pointer}.tab.active{color:#8d3227;font-weight:700}.tab.active:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;background:#9a382c;content:""}.tab-content{height:calc(100% - 120px);padding-top:18px;overflow-y:auto}.journal-card{padding:15px 0;border-bottom:1px solid rgba(42,48,42,.14)}.journal-card header{padding:0;border:0}.journal-card h3{margin:0;font-size:15px}.journal-card .state{color:#9a392e;font-size:10px}.journal-card p{margin:8px 0 0;color:#596158;font-size:12px;line-height:1.7}.reward{display:flex;gap:12px;margin-top:10px;color:#7c652f;font-size:10px}.skill-entry{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid rgba(42,48,42,.14)}.skill-icon{display:grid;place-items:center;width:45px;height:45px;border:1px solid rgba(51,58,51,.25);border-radius:3px;background:#ffffff40}.skill-entry h3,.skill-entry p{margin:0}.skill-entry p{margin-top:4px;color:#667066;font-size:10px}.skill-entry small{color:#9b3a2d}.bag-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.bag-item{position:relative;display:grid;place-items:center;aspect-ratio:1;border:1px solid rgba(45,53,46,.18);background:#ffffff38;font-size:24px}.bag-item span{position:absolute;right:5px;bottom:4px;font:10px system-ui}.bag-item small{position:absolute;right:3px;bottom:-18px;left:3px;overflow:hidden;color:#535c53;font-size:8px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.pause-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));overflow-y:auto;background:#080c0aa6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pause-panel{display:flex;width:min(380px,100%);max-height:100%;flex-direction:column;align-items:center;padding:30px 32px;overflow-y:auto;overscroll-behavior:contain;border:1px solid rgba(220,196,136,.45);background:#191e1af2;box-shadow:0 20px 70px #00000080}.pause-panel h2{margin:12px 0 22px;letter-spacing:6px}.primary-button,.text-button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:44px;padding:10px 11px;border:1px solid #aa8748;border-radius:3px;background:#8e352a;color:#f6ecd4;cursor:pointer}.primary-button svg,.text-button svg{width:16px}.text-button{margin-top:18px;border-color:transparent;background:transparent;color:#aaa99e}.scene-home-button{margin-top:2px}.pause-account-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;margin-top:10px}.pause-action-button{display:grid;grid-template-columns:24px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;min-width:0;min-height:58px;padding:9px 10px;border:1px solid rgba(218,196,144,.2);border-radius:3px;background:#efe5c90b;color:#eee5d0;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}.pause-action-button:hover{border-color:#d6b76ba6;background:#d7bf831a}.pause-action-button svg{grid-row:1 / 3;width:18px;height:18px;color:#d5ba73}.pause-action-button span{min-width:0;overflow-wrap:anywhere;font-size:11px}.pause-action-button small{min-width:0;overflow:hidden;color:#8f978e;font:9px/1.3 system-ui,sans-serif;text-overflow:ellipsis;white-space:nowrap}.setting-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:12px}.toggle{position:relative;width:40px;height:22px;border:0;border-radius:11px;background:#3b423c;cursor:pointer}.toggle:before{position:absolute;top:-7px;right:-4px;bottom:-7px;left:-4px;content:""}.toggle i{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#bbb;transition:left .2s}.toggle.on{background:#6c806d}.toggle.on i{left:21px;background:#e7d495}.segmented{display:flex;padding:2px;border:1px solid rgba(255,255,255,.13);border-radius:3px}.segmented button{padding:4px 9px;border:0;background:transparent;color:#aaa;cursor:pointer;font-size:10px}.segmented button.active{background:#59685a;color:#fff}.account-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90}.account-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:#080c0a9e;cursor:default;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.account-drawer{position:absolute;top:0;right:0;display:flex;width:min(520px,100%);height:100%;height:100dvh;flex-direction:column;overflow:hidden;border-left:1px solid rgba(126,103,52,.34);background:linear-gradient(145deg,#f4f0e5fc,#ded7c3fc);color:#252c26;box-shadow:-20px 0 65px #0000006b;animation:drawer-in .22s ease both}.account-drawer-header{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;min-height:91px;padding:calc(22px + env(safe-area-inset-top)) calc(26px + env(safe-area-inset-right)) 18px 26px;border-bottom:1px solid rgba(49,58,50,.16)}.account-drawer-header small,.auth-intro small,.save-list-heading small,.account-profile small{color:#89692c;font-size:9px;letter-spacing:4px}.account-drawer h2{margin:4px 0 0;font-size:23px;letter-spacing:2px}.account-drawer .account-close{border-color:#1f252033;background:#fff3;color:#2c332e}.account-status{display:flex;flex:0 0 auto;align-items:center;gap:8px;min-height:44px;padding:8px calc(26px + env(safe-area-inset-right)) 8px 26px;border-bottom:1px solid rgba(51,58,51,.11);background:#51695813;color:#58635a;font:10px/1.4 system-ui,sans-serif}.account-status-mark{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#78897b}.account-status[data-state=loading] .account-status-mark{border:1px solid rgba(91,105,94,.35);border-top-color:#8e352a;background:transparent;animation:account-spin .8s linear infinite}.account-status[data-state=success] .account-status-mark{background:#5c806c}.account-status[data-state=error]{background:#97372a13;color:#853a30}.account-status[data-state=error] .account-status-mark{background:#a34435}.account-status[data-state=offline]{background:#8e6b3017;color:#735f39}.account-status[data-state=offline] .account-status-mark{background:#9b7c3f}.account-status span{min-width:0;flex:1;overflow-wrap:anywhere}.account-status button{min-width:44px;min-height:32px;padding:3px 8px;border:1px solid rgba(73,83,74,.22);border-radius:2px;background:transparent;color:inherit;cursor:pointer;font-size:9px}@keyframes account-spin{to{transform:rotate(360deg)}}.account-drawer-body{min-height:0;flex:1;padding:24px calc(26px + env(safe-area-inset-right)) calc(30px + env(safe-area-inset-bottom)) 26px;overflow-y:auto;overscroll-behavior:contain}.auth-view{max-width:390px;margin:3vh auto 0}.auth-intro h3,.save-list-heading h3{margin:5px 0 0;font-size:20px;letter-spacing:1px}.auth-intro p{margin:10px 0 23px;color:#626a61;font-size:12px;line-height:1.7}.auth-switch{display:grid;grid-template-columns:repeat(2,1fr);border-bottom:1px solid rgba(49,58,50,.18)}.auth-switch button{position:relative;min-height:44px;padding:11px 5px;border:0;background:transparent;color:#737a72;cursor:pointer;font-size:12px}.auth-switch button.active{color:#8d3328;font-weight:700}.auth-switch button.active:after{position:absolute;right:15%;bottom:-1px;left:15%;height:2px;background:#9b392d;content:""}.auth-form{display:flex;flex-direction:column;padding-top:20px}.auth-form label{margin:0 0 7px;color:#4f594f;font-size:11px}.auth-form input{width:100%;min-width:0;height:44px;padding:0 12px;border:1px solid rgba(48,58,49,.23);border-radius:3px;outline:0;background:#ffffff61;color:#252c26;font:13px system-ui,sans-serif;-webkit-user-select:text;user-select:text;transition:border-color .15s,background .15s}.auth-form input:focus{border-color:#8a7350;background:#ffffff9e}.auth-form>input{margin-bottom:16px}.password-field{position:relative}.password-field input{padding-right:45px}.password-field button{position:absolute;top:0;right:0;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:#697169;cursor:pointer}.password-field button svg{width:16px;height:16px}.auth-form-error{margin:10px 0 -4px;color:#943b30;font:11px/1.55 system-ui,sans-serif}.auth-submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;margin-top:20px;border:1px solid #8d392f;border-radius:3px;background:#91382d;color:#f7edd8;cursor:pointer}.auth-submit:disabled{cursor:wait;opacity:.58}.auth-submit svg{width:16px;height:16px}.account-profile{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;padding:0 0 20px;border-bottom:1px solid rgba(49,58,50,.16)}.account-profile-mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid #a98655;border-radius:3px;background:#89352b;color:#f2dfba;font:700 23px ZCOOL XiaoWei,serif}.account-profile div{display:flex;min-width:0;flex-direction:column;gap:3px}.account-profile strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.account-profile button{display:flex;align-items:center;gap:5px;min-height:44px;padding:7px 10px;border:1px solid rgba(65,73,66,.2);border-radius:3px;background:transparent;color:#626962;cursor:pointer;font-size:10px}.account-profile button svg{width:13px;height:13px}.save-list-heading{display:flex;align-items:center;justify-content:space-between;margin-top:24px}.refresh-saves{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(54,64,55,.2);border-radius:3px;background:#fff3;color:#515b52;cursor:pointer}.refresh-saves:disabled{cursor:wait;opacity:.5}.refresh-saves svg{width:15px;height:15px}.refresh-saves.is-loading svg{animation:account-spin .8s linear infinite}.save-list-note{margin:8px 0 16px;color:#6f766e;font-size:10px;line-height:1.6}.save-list{border-top:1px solid rgba(48,57,49,.18)}.save-slot{display:grid;grid-template-columns:39px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:92px;padding:13px 0;border-bottom:1px solid rgba(48,57,49,.14)}.save-slot-mark{display:grid;place-items:center;width:37px;height:37px;border:1px solid rgba(92,107,94,.3);border-radius:3px;background:#ffffff3d;color:#637467;font-size:14px}.save-slot-mark svg{width:16px;height:16px}.save-slot-copy{min-width:0}.save-slot-copy>div{display:flex;align-items:center;gap:7px}.save-slot-copy strong{font-size:13px}.save-slot-badge{padding:1px 4px;border:1px solid rgba(124,97,45,.28);border-radius:2px;color:#87692f;font:7px/1.4 system-ui,sans-serif}.save-slot-copy p{min-height:15px;margin:4px 0 1px;overflow:hidden;color:#656e65;font:10px/1.5 system-ui,sans-serif;text-overflow:ellipsis;white-space:nowrap}.save-slot-copy time{display:block;min-height:14px;color:#8a9088;font:9px/1.5 system-ui,sans-serif}.save-slot[data-state=empty] .save-slot-copy p{color:#92978f}.save-slot[data-state=error] .save-slot-copy p{color:#963e32}.save-slot[data-state=loading] .save-slot-mark{color:transparent}.save-slot[data-state=loading] .save-slot-mark:after{width:13px;height:13px;border:1px solid rgba(91,105,94,.3);border-top-color:#8d382d;border-radius:50%;animation:account-spin .8s linear infinite;content:""}.save-slot-actions{display:grid;grid-template-columns:repeat(3,37px);gap:4px}.save-slot-actions button{display:grid;place-items:center;width:37px;height:37px;padding:0;border:1px solid rgba(54,64,55,.2);border-radius:3px;background:#ffffff3b;color:#526056;cursor:pointer}.save-slot-actions button:hover:not(:disabled){border-color:#887142;background:#ffffff7a;color:#283129}.save-slot-actions button:disabled{cursor:default;opacity:.3}.save-slot-actions button.danger:hover:not(:disabled){border-color:#a04a3d;color:#9a382d}.save-slot-actions svg{width:14px;height:14px}.save-slot-actions span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.save-slot.is-busy .save-slot-actions button{pointer-events:none;opacity:.3}.save-slot.is-busy .save-slot-actions button[data-save-action].is-active{opacity:1}.save-slot.is-busy .save-slot-actions button.is-active svg{animation:account-spin .8s linear infinite}.mobile-controls{display:none}.cinematic-bars{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none}.cinematic-bars i{position:absolute;right:0;left:0;height:9%;background:#080a09;animation:bar-in .35s ease both}.cinematic-bars i:first-child{top:0}.cinematic-bars i:last-child{bottom:0}@keyframes bar-in{0%{height:0}}.boot-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:#151a17;transition:opacity 1.2s ease,visibility 1.2s}.boot-screen.done{opacity:0;visibility:hidden}.boot-mark{display:flex;flex-direction:column;align-items:center;gap:7px}.boot-mark strong{margin-top:10px;font-size:29px;letter-spacing:9px}.boot-mark small{color:#a9a18d;font-size:10px;letter-spacing:4px}.loading-line{position:absolute;bottom:19%;width:170px;height:1px;overflow:hidden;background:#ffffff1a}.loading-line i{display:block;width:40%;height:100%;background:#c8ad63;animation:load 1.5s ease-in-out infinite}@keyframes load{0%{transform:translate(-100%)}to{transform:translate(350%)}}[hidden]{display:none!important}@media(max-width:760px),(hover:none)and (pointer:coarse){.scene-select:before{top:calc(12px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));left:calc(12px + env(safe-area-inset-left))}.scene-select:after{right:-24px;bottom:-8px;font-size:100px}.scene-select-inner{gap:34px;width:min(480px,calc(100% - 40px - env(safe-area-inset-left) - env(safe-area-inset-right)));padding:calc(34px + env(safe-area-inset-top)) 0 calc(34px + env(safe-area-inset-bottom))}.scene-select-header small{margin-top:13px;letter-spacing:4px}.scene-select-header h1{margin-top:8px;font-size:36px;letter-spacing:7px}.scene-select-header p{font-size:11px;letter-spacing:4px}.scene-options{grid-template-columns:1fr}.scene-option{grid-template-columns:48px minmax(0,1fr) 24px;min-height:92px;padding:17px 18px}.scene-option+.scene-option{border-top:1px solid rgba(218,190,125,.18);border-left-width:3px;border-left-color:transparent}.scene-option-mark{width:46px;height:46px;font-size:22px}.scene-option-copy strong{font-size:16px}.game-brand{top:calc(12px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));transform:scale(.82);transform-origin:left top}.vitals{top:calc(57px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));width:min(220px,calc(100vw - 132px - env(safe-area-inset-left) - env(safe-area-inset-right)));min-width:166px;transform:none}.portrait{flex-basis:48px;height:48px;font-size:19px}.vital-bars{min-width:0}.name-line span{max-width:52%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.right-hud{top:calc(10px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));width:min(175px,calc(100vw - 24px - env(safe-area-inset-left) - env(safe-area-inset-right)))}.minimap-shell{width:104px;height:104px}.map-button{right:0;bottom:0;width:44px;height:44px}.quest-tracker{width:175px;min-height:84px;padding:9px 10px;margin-top:8px}.quest-tracker p{font-size:10px}.location-toast{top:calc(211px + env(safe-area-inset-top));min-width:172px;padding-right:22px;padding-left:22px}.location-toast strong{font-size:17px;letter-spacing:5px}.skillbar{right:auto;bottom:calc(126px + env(safe-area-inset-bottom));left:calc(42px + env(safe-area-inset-left));display:block;width:48px;height:48px;transform:none;pointer-events:none}.skillbar .skill{display:none}.skillbar .skill[data-action=dash]{display:grid;width:48px;height:48px;padding:3px;border-color:#dfc47e7a;border-radius:50%;background:#181f1a94;color:#eee5cf;box-shadow:0 5px 18px #0000004d;pointer-events:auto;touch-action:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.skillbar .skill[data-action=dash]:before{border-radius:50%}.skillbar .skill[data-action=dash]:active{border-color:#e0c676;background:#5b694db8;transform:scale(.96)}.skillbar .skill[data-action=dash] kbd{display:none}.skillbar .skill[data-action=dash] svg{width:18px;height:18px}.skillbar .skill[data-action=dash] span{font-size:8px}.desktop-actions{top:calc(116px + env(safe-area-inset-top));right:auto;bottom:auto;left:calc(12px + env(safe-area-inset-left));display:flex}.desktop-actions .icon-button{width:44px;height:44px}.mobile-controls{inset:auto 0 calc(14px + env(safe-area-inset-bottom));display:flex;align-items:flex-end;justify-content:space-between;padding:0 calc(14px + env(safe-area-inset-right)) 0 calc(14px + env(safe-area-inset-left));pointer-events:none}.joystick,.mobile-buttons button{border:1px solid rgba(235,218,178,.3);background:#181f1a7a;color:#eee5cf;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto}.joystick{position:relative;width:104px;height:104px;border-radius:50%;touch-action:none}.joystick:after{position:absolute;top:40%;right:40%;bottom:40%;left:40%;border:1px solid rgba(255,255,255,.15);border-radius:50%;content:""}.joystick i{position:absolute;top:33px;left:33px;width:38px;height:38px;border:1px solid rgba(223,196,126,.65);border-radius:50%;background:#78765973}.mobile-buttons{display:grid;grid-template-columns:48px 48px 62px;align-items:end;gap:7px}.mobile-buttons button{display:grid;place-items:center;width:48px;height:48px;border-radius:50%}.mobile-buttons button svg{width:20px}.mobile-buttons .large-action{grid-row:1 / 3;grid-column:3;width:62px;height:62px;border-color:#dfbe6999}body:has(.dialogue:not([hidden])) :is(.mobile-controls,.skillbar,.right-hud,.desktop-actions,.location-toast,.interaction){visibility:hidden;pointer-events:none}.interaction{min-height:44px;bottom:calc(130px + env(safe-area-inset-bottom))}.dialogue{right:calc(8px + env(safe-area-inset-right));bottom:calc(8px + env(safe-area-inset-bottom));left:calc(8px + env(safe-area-inset-left));max-height:min(58dvh,460px);gap:10px;min-height:0;padding:15px;overflow-y:auto;overscroll-behavior:contain}.speaker-avatar{flex-basis:55px;height:72px;font-size:24px}.dialogue p{font-size:12px;line-height:1.7}.dialogue-options button{min-height:44px;padding:8px 11px;font-size:11px}.notice-stack{top:calc(34% + env(safe-area-inset-top));width:min(90%,420px)}.drawer{width:100%;padding:calc(16px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));border-left:0}.drawer header>.icon-button{width:44px;height:44px}.tabs{gap:12px}.tab{min-height:44px;padding-right:10px;padding-left:10px}.tab-content{height:calc(100% - 112px);padding-bottom:22px}.pause-panel{padding:24px 22px}.toggle{width:46px;height:26px;border-radius:13px}.toggle i{top:4px;left:4px;width:18px;height:18px}.toggle.on i{left:24px}.segmented button{min-width:48px;min-height:44px;padding:6px 10px}.account-drawer-header{min-height:calc(76px + env(safe-area-inset-top));padding:calc(15px + env(safe-area-inset-top)) calc(18px + env(safe-area-inset-right)) 13px calc(18px + env(safe-area-inset-left))}.account-drawer h2{font-size:20px}.account-drawer .account-close{width:44px;height:44px}.account-status{padding-right:calc(18px + env(safe-area-inset-right));padding-left:calc(18px + env(safe-area-inset-left))}.account-status button{min-height:44px}.account-drawer-body{padding:19px calc(18px + env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) calc(18px + env(safe-area-inset-left))}.auth-view{margin-top:1vh}.auth-form input{font-size:16px}.save-slot{grid-template-columns:36px minmax(0,1fr);gap:10px;min-height:121px}.save-slot-actions{grid-column:2;grid-template-columns:repeat(3,minmax(0,1fr))}.save-slot-actions button{display:flex;width:100%;height:44px;gap:5px;justify-content:center;font-size:9px}.save-slot-actions span{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal}}@media(max-width:380px){.game-brand{transform:scale(.76)}.vitals{width:calc(100vw - 126px - env(safe-area-inset-left) - env(safe-area-inset-right));min-width:158px;gap:7px}.portrait{flex-basis:43px;height:43px}.right-hud{width:160px}.minimap-shell{width:96px;height:96px}.quest-tracker{width:160px}.desktop-actions{top:calc(109px + env(safe-area-inset-top));gap:5px}.location-toast{top:calc(201px + env(safe-area-inset-top))}.mobile-controls{padding-right:calc(10px + env(safe-area-inset-right));padding-left:calc(10px + env(safe-area-inset-left))}.skillbar{bottom:calc(116px + env(safe-area-inset-bottom));left:calc(33px + env(safe-area-inset-left))}.joystick{width:94px;height:94px}.joystick i{top:29px;left:29px;width:36px;height:36px}.mobile-buttons{grid-template-columns:44px 44px 58px;gap:5px}.mobile-buttons button{width:44px;height:44px}.mobile-buttons .large-action{width:58px;height:58px}.dialogue{display:grid;grid-template-columns:45px minmax(0,1fr);padding:13px}.speaker-avatar{width:45px;height:60px}.pause-panel{padding-right:16px;padding-left:16px}.pause-account-actions{grid-template-columns:1fr}.pause-action-button{min-height:52px}.account-profile{grid-template-columns:44px minmax(0,1fr)}.account-profile button{grid-column:2;justify-self:start}}@media(orientation:landscape)and (max-height:520px){.game-brand{top:calc(8px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));transform:scale(.7);transform-origin:left top}.vitals{top:calc(47px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));width:205px;min-width:0;gap:8px;transform:scale(.88);transform-origin:left top}.right-hud{top:calc(8px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));width:180px}.minimap-shell{width:82px;height:82px}.map-button{width:44px;height:44px}.quest-tracker{width:180px;min-height:72px;padding:7px 9px;margin-top:6px}.panel-heading{margin-bottom:4px}.quest-tracker strong{margin-bottom:3px;font-size:12px}.quest-tracker p{font-size:9px}.desktop-actions{top:calc(104px + env(safe-area-inset-top));right:auto;bottom:auto;left:calc(12px + env(safe-area-inset-left));display:flex}.desktop-actions .icon-button{width:44px;height:44px}.skillbar{right:auto;bottom:calc(96px + env(safe-area-inset-bottom));left:calc(33px + env(safe-area-inset-left));display:block;width:44px;height:44px;transform:none;pointer-events:none}.skillbar .skill{display:none}.skillbar .skill[data-action=dash]{display:grid;width:44px;height:44px;padding:3px;border-color:#dfc47e7a;border-radius:50%;background:#181f1a94;color:#eee5cf;pointer-events:auto;touch-action:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.mobile-controls{inset:auto 0 calc(8px + env(safe-area-inset-bottom));display:flex;align-items:flex-end;justify-content:space-between;padding:0 calc(14px + env(safe-area-inset-right)) 0 calc(14px + env(safe-area-inset-left));pointer-events:none}.joystick,.mobile-buttons button{border:1px solid rgba(235,218,178,.3);background:#181f1a7a;color:#eee5cf;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto}.joystick{position:relative;width:82px;height:82px;border-radius:50%;touch-action:none}.joystick:after{position:absolute;top:40%;right:40%;bottom:40%;left:40%;border:1px solid rgba(255,255,255,.15);border-radius:50%;content:""}.joystick i{position:absolute;top:24px;left:24px;width:34px;height:34px;border:1px solid rgba(223,196,126,.65);border-radius:50%;background:#78765973}.mobile-buttons{display:grid;grid-template-columns:44px 44px 56px;align-items:end;gap:5px}.mobile-buttons button{display:grid;place-items:center;width:44px;height:44px;border-radius:50%}.mobile-buttons button svg{width:18px}.mobile-buttons .large-action{grid-row:1 / 3;grid-column:3;width:56px;height:56px;border-color:#dfbe6999}body:has(.dialogue:not([hidden])) :is(.mobile-controls,.skillbar,.right-hud,.desktop-actions,.location-toast,.interaction){visibility:hidden;pointer-events:none}.interaction{min-height:44px;bottom:calc(100px + env(safe-area-inset-bottom))}.location-toast{top:calc(26px + env(safe-area-inset-top));min-width:170px;padding:6px 24px 8px}.location-toast strong{font-size:16px;letter-spacing:5px}.notice-stack{top:38%;width:min(55%,420px)}.dialogue{right:calc(8px + env(safe-area-inset-right));bottom:calc(6px + env(safe-area-inset-bottom));left:calc(8px + env(safe-area-inset-left));max-height:calc(100dvh - 12px - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:0;padding:13px 15px;overflow-y:auto}.speaker-avatar{flex-basis:52px;width:52px;height:64px;font-size:22px}.dialogue p{min-height:34px;margin-bottom:8px;font-size:11px;line-height:1.6}.dialogue-options button{min-height:44px;padding:7px 10px}.drawer{width:min(480px,100%);padding:calc(12px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) 16px}.drawer header{padding-bottom:9px}.drawer header>.icon-button{width:44px;height:44px}.drawer h2{font-size:19px}.tabs{gap:12px}.tab{min-height:44px;padding:8px}.tab-content{height:calc(100% - 90px);padding-top:8px}.pause-menu{align-items:start}.pause-panel{width:min(420px,100%);margin:auto;padding:12px 20px}.pause-panel .seal.large{display:none}.pause-panel h2{margin:0 0 8px;font-size:20px}.pause-account-actions{margin-top:6px}.pause-action-button{min-height:50px;padding-top:6px;padding-bottom:6px}.setting-row{min-height:44px;padding:5px 0}.text-button{min-height:44px;margin-top:2px;padding:5px}.account-drawer{width:min(650px,100%)}.account-drawer-header{min-height:calc(62px + env(safe-area-inset-top));padding:calc(8px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) 7px calc(16px + env(safe-area-inset-left))}.account-drawer-header .account-close{width:44px;height:44px}.account-status{min-height:40px;padding:4px calc(16px + env(safe-area-inset-right)) 4px calc(16px + env(safe-area-inset-left))}.account-drawer-body{padding:12px calc(16px + env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left))}.auth-view{max-width:520px;margin-top:0}.auth-intro p{margin:5px 0 9px}.auth-form{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:7px 10px;padding-top:9px}.auth-form label{margin:0}.auth-form>input{margin-bottom:0}.auth-form-error,.auth-submit{grid-column:2}.auth-submit{margin-top:2px}.account-profile{padding-bottom:9px}.save-list-heading{margin-top:10px}.save-list-note{margin:4px 0 7px}.save-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}.save-slot{grid-template-columns:34px minmax(0,1fr);gap:8px;min-height:100px;padding:7px 0}.save-slot-actions{grid-column:2;grid-template-columns:repeat(3,minmax(44px,1fr))}.save-slot-actions button{display:flex;width:100%;height:44px;gap:4px;justify-content:center;font-size:9px}.save-slot-actions span{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal}}@media(max-height:620px){.scene-select-inner{gap:22px;padding:calc(24px + env(safe-area-inset-top)) 0 calc(24px + env(safe-area-inset-bottom))}.scene-select-header .seal{width:50px;height:50px;font-size:30px}.scene-select-header small{margin-top:9px}.scene-select-header h1{margin-top:5px;font-size:32px}.scene-option{min-height:78px;padding-top:12px;padding-bottom:12px}.pause-menu{align-items:start}.pause-panel{margin:auto;padding-top:18px;padding-bottom:18px}.pause-panel .seal.large{width:48px;height:48px;font-size:29px}.pause-panel h2{margin:7px 0 12px}.setting-row{padding:9px 0}.text-button{margin-top:8px;padding:7px}.scene-home-button{margin-top:0}}