.battle{position:absolute;inset:0;background:#6b8555;touch-action:none;user-select:none}#game-canvas{width:100%;height:100%;display:block;touch-action:none;outline:none}.battle-hud{position:absolute;top:15px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.player-hud{display:flex;align-items:center;gap:7px;color:#f9efcc;text-shadow:0 1px 2px #0008}.player-hud>img{width:42px;height:42px;background:#253d2ad9;border:2px solid #e0ce94;border-radius:50%}.player-hud>div{width:130px}.hud-name{display:flex;justify-content:space-between;font-size:11px;margin-bottom:6px}.hud-name b{font-size:9px;color:#f5df91;font-weight:400}.health-track{position:relative;height:12px;background:#293e29de;border:1px solid #b9c787;border-radius:6px;overflow:hidden}.health-track>div{height:100%;width:100%;background:linear-gradient(#b6dd73,#618a35);transition:width .15s}.health-track>span{position:absolute;inset:0;display:grid;place-items:center;font-size:8px;color:#fff}#pause-btn{pointer-events:auto;width:32px;height:32px;border:1px solid #e1cf97;border-radius:50%;color:#eee6c5;background:#2a473bcf}.battle-progress{position:absolute;left:20px;right:20px;top:66px;height:2px;background:#233e3066}.battle-progress>div{height:100%;background:#edd587;width:0}.battle-score{position:absolute;left:20px;right:20px;top:79px;display:flex;align-items:center;justify-content:space-between;color:#f5efd3;text-shadow:0 1px 3px #183024;font-size:10px}.battle-score>strong{font-size:21px;letter-spacing:1px}.battle-score>span{min-width:70px}.battle-score>span:last-child{text-align:right}.battle-score b{font-size:13px;margin-left:5px}.battle-controls{position:absolute;bottom:25px;left:22px;right:20px;display:flex;justify-content:space-between;align-items:end;pointer-events:none}.joystick{width:90px;height:90px;background:#20372b35;border:1px solid #e4ead34d;border-radius:50%;position:relative;pointer-events:auto;touch-action:none}.joystick:before{content:"";position:absolute;inset:12px;border:1px solid #f2ecd729;border-radius:50%}#joystick-knob{position:absolute;left:27px;top:27px;width:34px;height:34px;border:1px solid #dedaba9c;background:#c6d2a366;border-radius:50%;box-shadow:0 2px 7px #17362f38;pointer-events:none}.joystick>span{position:absolute;left:0;right:0;bottom:-15px;text-align:center;font-size:9px;color:#ede9cb99}.combat-buttons{display:flex;gap:15px;align-items:flex-end;pointer-events:auto}.combat-skill{width:70px;height:70px;position:relative;border-radius:50%;border:2px solid #dcc896;background:#254434d9;padding:5px;box-shadow:0 0 0 3px #203d3677;color:#fff4cf;touch-action:none}.combat-skill>img{width:100%;height:100%;border-radius:50%}.combat-skill.small{width:53px;height:53px;margin-bottom:0}.combat-skill>span{position:absolute;bottom:2px;left:-8px;right:-8px;font:13px var(--serif);text-shadow:0 1px 3px #00180b,0 1px 6px #00180b}.combat-skill kbd{position:absolute;right:-1px;top:-8px;background:#dfd3ac;color:#3e4b30;font-size:8px;font-family:var(--sans);padding:1px 3px;border-radius:2px}.combat-skill em{position:absolute;inset:0;border-radius:50%;display:grid;place-items:center;font-size:23px;font-style:normal;background:#18372ab8;opacity:0}.combat-skill.cooling em{opacity:1}.xp-track{height:5px;position:absolute;left:0;right:0;bottom:0;background:#1e4531}.xp-track>div{height:100%;width:0;background:#d8c56c;transition:width .2s}.battle-message{position:absolute;top:30%;left:0;right:0;text-align:center;color:#f4e4af;font:bold 27px var(--serif);letter-spacing:4px;text-shadow:0 2px 5px #223e25;pointer-events:none}
.game-overlay{position:absolute;inset:0;background:#102d28cc;backdrop-filter:blur(4px);z-index:10;display:flex;align-items:center;justify-content:center;padding:25px}.overlay-card{width:100%;text-align:center;color:#e9e7c9}.overlay-card .result-seal{font:55px var(--serif);color:#dbc080;display:block;margin-bottom:15px}.overlay-card h2{font:31px var(--serif);letter-spacing:3px;margin:0 0 12px}.overlay-card>p{font-size:11px;line-height:1.8;color:#b7c8b1}.overlay-card .primary-button{margin-top:20px}.overlay-card .secondary-button{margin-top:10px;border-color:#9aac8b;color:#d3ddc4}.results-grid{display:flex;justify-content:space-around;margin:25px 0;padding:20px 0;border-top:1px solid #e2ddb52a;border-bottom:1px solid #e2ddb52a}.results-grid strong{display:block;font:30px var(--serif);color:#e2c787}.results-grid span{font-size:10px;color:#b4c6b0;display:block;margin-top:7px}.blessing-card{width:100%;display:flex;align-items:center;gap:12px;padding:14px;margin:10px 0;border:1px solid #a5b28666;background:#e9e5c30d;color:#e7e5cc;text-align:left;border-radius:4px}.blessing-card:hover{background:#e9e5c327}.blessing-card img{width:42px;height:42px;border-radius:6px}.blessing-card h3{font:22px var(--serif);margin:0 0 6px}.blessing-card p{font-size:10px;color:#bcc8b0;margin:0}.blessing-card>b{margin-left:auto;font-weight:400;color:#d2c18e}
dialog{border:1px solid #9b9c7e;border-radius:7px;background:#f2efdc;color:var(--ink);box-shadow:0 25px 70px #14291f55;width:min(400px,calc(100vw - 38px));padding:32px;max-height:90dvh;overflow:auto}dialog::backdrop{background:#132e27a6;backdrop-filter:blur(3px)}dialog h2{font:29px var(--serif);text-align:center;letter-spacing:2px;margin:15px 0 10px}dialog p{font-size:12px;color:#7a8268;line-height:1.8}dialog form>p{text-align:center}.large{display:grid;margin:auto;width:31px;height:34px;font-size:23px}.dialog-close{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:26px;color:#8f957e;padding:2px 8px}.auth-tabs{display:flex;gap:0;border-bottom:1px solid #c3c7ab;margin:25px 0}.auth-tabs button{width:50%;padding:10px;background:transparent;border:0;color:#889079;font-size:12px}.auth-tabs .active{color:#36593c;border-bottom:2px solid #456b49}label{display:block;font-size:12px;margin:14px 0;color:#637155}input{display:block;width:100%;margin-top:8px;border:1px solid #b9c1a5;border-radius:3px;background:#f9f7e9;padding:12px;color:#254332;font-size:12px}input::placeholder{color:#a0a58e;font-size:11px}.form-error{min-height:18px;color:#a34535!important;font-size:11px!important;text-align:left!important}.primary-button{width:100%;border:1px solid #c8b577;background:linear-gradient(#e1d3a1,#c4ad73);color:#493a21;border-radius:3px;min-height:44px;font:20px var(--serif);letter-spacing:3px;padding:10px}.secondary-button{width:100%;border:1px solid #9aa98a;background:transparent;color:#586c4a;border-radius:3px;min-height:40px;padding:10px}.form-note{font-size:10px!important;margin-top:17px!important}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,12px);background:#253e32ef;color:#eeedda;padding:13px 22px;box-shadow:0 8px 28px #132b2d33;border:1px solid #9fa77c88;font-size:12px;border-radius:5px;opacity:0;pointer-events:none;z-index:1000;transition:.2s;max-width:90vw;line-height:1.7}.toast.show{opacity:1;transform:translate(-50%,0)}.guide-step{display:flex;gap:14px;align-items:center;margin:18px 0}.guide-step img{width:40px;height:40px}.guide-step h3{font:19px var(--serif);margin:0 0 5px}.guide-step p{font-size:11px;line-height:1.7;margin:0}.account-summary{text-align:center}.account-summary button{margin-top:12px}.save-error{color:#edbf98!important}.game-frame:fullscreen{width:min(100vw,71.2dvh);height:100dvh;aspect-ratio:auto;margin:auto;background:#315140}.game-frame:fullscreen::backdrop{background:#183c34}
@keyframes heroBreathe{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}

:root{--ink:#263b2f;--paper:#ece8cf;--gold:#cfad68;--jade:#456c50;--serif:"STKaiti","KaiTi","Songti SC","Noto Serif CJK SC",serif;--sans:"Microsoft YaHei","PingFang SC",sans-serif;color-scheme:light}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:var(--sans);color:var(--ink);background:#182b27;display:flex;justify-content:center;align-items:center;font-size:13px}button,input,select{font:inherit}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible{outline:2px solid #a36c26;outline-offset:3px}button img{pointer-events:none}a{color:inherit}img{object-fit:contain}h1,h2,h3,h4,p{margin-top:0}.hidden,.visually-absent{display:none!important}.world-backdrop{position:fixed;inset:-40px;background:linear-gradient(#122b27c9,#142a27e8),url('assets/dl_bg_003.webp') center/cover;filter:blur(15px);z-index:-1}.desktop-title{position:fixed;left:max(35px,calc(50vw - 520px));top:12vh;color:#d4ccab;display:flex;align-items:center;gap:16px}.desktop-title>span{background:#843c32;border:3px double #d0b28b;width:50px;height:61px;display:grid;place-items:center;font:36px var(--serif);transform:rotate(-4deg)}.desktop-title p{font:27px var(--serif);letter-spacing:4px;margin:0}.desktop-title small{display:block;font:12px var(--serif);letter-spacing:7px;color:#9eae9c;margin-top:12px}.desktop-notes{position:fixed;right:max(25px,calc(50vw - 520px));bottom:13vh;color:#aab9a3;text-align:right;font-size:11px;letter-spacing:1px}.desktop-notes p{margin:8px 0}.desktop-notes small{display:block;margin-top:20px;color:#819782;font-size:10px}
.game-app{position:relative;width:min(100vw,calc(100dvh * .5622));height:100dvh;max-height:980px;max-width:552px;display:flex;flex-direction:column;background:var(--paper);box-shadow:0 0 70px #001a16a6;border-left:1px solid #978f62;border-right:1px solid #978f62;isolation:isolate}.status-bar{flex:0 0 74px;display:flex;align-items:center;justify-content:space-between;padding:8px 12px 4px;background:linear-gradient(#334d3c,#243c30);color:#eee6c7;border-bottom:1px solid #bda365;z-index:3}.player-card{display:flex;align-items:center;gap:9px;min-width:0;border:0;background:none;padding:0;text-align:left;color:inherit}.avatar-rim{display:block;border:2px solid #c8ae71;background:#3e5e43;box-shadow:inset 0 0 0 2px #233d30,0 0 0 2px #7e8c5d;border-radius:50%;width:53px;height:53px;flex-shrink:0;padding:3px}.avatar-rim img{width:100%;height:100%;border-radius:50%}.player-copy{display:flex;flex-direction:column;gap:3px}.player-copy strong{font:18px var(--serif);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-copy>span{font-size:9px;color:#c2c8a7}.power-line{font:10px var(--serif)!important;color:#e5cd8e!important;letter-spacing:1px}.power-line b{font-size:13px;font-weight:normal;margin-left:4px}.header-controls{display:flex;align-items:center;gap:9px}.small-seal{background:transparent;border:1px solid #b8ba8a;position:relative;width:27px;height:27px;color:#cfceac;font:16px var(--serif)}.small-seal small{position:absolute;right:-6px;bottom:-6px;background:#263e30;font:8px var(--sans);border:1px solid #879774;padding:0 2px}.account-seal{border:1px solid #aba270;background:#d6c99612;color:#ded5b0;font-size:9px;max-width:95px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:7px 8px}.resource-bar{display:flex;flex:0 0 29px;align-items:center;justify-content:space-between;gap:9px;background:#d7d5b8;border-bottom:1px solid #b6b99a;padding:2px 10px;z-index:3}.resource-bar>div,.resource-bar>button{display:flex;align-items:center;gap:4px;min-width:0;flex:1;font-size:10px;background:none;border:0;padding:0}.resource-bar img{width:23px;height:23px}.resource-bar strong{font-size:12px;font-weight:500;color:#414d30}.resource-bar small{font-size:8px;color:#798068}.resource-bar i{font-size:12px;font-style:normal;color:#496549;margin-left:auto;border:1px solid #96a07b;line-height:13px;width:14px;height:14px}
.game-stage{position:relative;flex:1;min-height:0;overflow:hidden;background:url('assets/zjm_bg.webp') center/cover}.lobby{height:100%;position:relative;overflow:hidden;background:linear-gradient(0deg,#506744cc 0%,#a3b18a00 40%),url('assets/dl_bg_003.webp') center 57%/cover}.home-mist{position:absolute;inset:0;background:linear-gradient(#eef0d378,transparent 35%);pointer-events:none}.home-topline{position:relative;height:23px;padding:6px 11px 0;display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#708268}.home-topline span{display:flex;align-items:center;gap:4px}.home-topline i{display:inline-block;border-radius:50%;background:#998a5b;width:4px;height:4px}.home-topline i.online{background:#4c8859}.tiny-help{border:1px solid #8b9c7a;background:#f0efd850;border-radius:50%;width:16px;height:16px;font:11px Georgia;padding:0;color:#6f8663;line-height:13px}.home-events{position:relative;z-index:2;display:flex;justify-content:space-around;gap:7px;padding:7px 28px 0}.home-events button,.left-shortcuts button,.right-shortcuts button{border:0;background:transparent;padding:0;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;min-width:48px;color:#42503b}.home-events img{width:43px;height:43px;filter:drop-shadow(0 2px 2px #273b2638)}.home-events span,.left-shortcuts span,.right-shortcuts span{font:11px var(--serif);white-space:nowrap;text-shadow:0 1px 2px #f9f7d8}.red-dot{position:absolute;width:7px;height:7px;right:5px;top:1px;border:1px solid #f7ddac;background:#a74830;border-radius:50%}.chapter-plaque{position:relative;z-index:1;text-align:center;margin:12px 55px 0}.chapter-plaque button{width:100%;border:0;border-top:1px solid #83977466;border-bottom:1px solid #83977466;padding:9px 4px 8px;background:linear-gradient(90deg,#e8ead400,#e8ead491,#e8ead400);display:flex;align-items:center;flex-direction:column;gap:4px}.chapter-plaque button>span{font-size:8px;letter-spacing:5px;color:#6c8265}.chapter-plaque strong{font:25px var(--serif);letter-spacing:1px;color:#324e38;font-weight:bold}.chapter-plaque small{font:10px var(--serif);letter-spacing:1px;color:#6b8063}.chapter-plaque i{font-style:normal;font-size:8px;letter-spacing:2px;color:#637d58}.home-hero{position:absolute;left:55px;right:55px;top:37%;bottom:120px;display:flex;justify-content:center;align-items:center;pointer-events:none}.home-hero>img{position:relative;max-width:100%;height:100%;filter:drop-shadow(0 13px 5px #203a2859);animation:breathe 4s ease-in-out infinite}.hero-aura{position:absolute;width:75%;aspect-ratio:1;border:1px solid #e8e4ad70;border-radius:50%;box-shadow:0 0 0 6px #eae4ac10,0 0 0 7px #e8e4ad38;transform:rotate(-15deg);background:radial-gradient(#f8efc91c,transparent 70%)}.hero-aura:after{content:"";position:absolute;inset:15%;border:1px dashed #e1e8b370;border-radius:50%}.left-shortcuts,.right-shortcuts{position:absolute;top:40%;z-index:2;display:flex;flex-direction:column;gap:12px}.left-shortcuts{left:11px}.right-shortcuts{right:11px}.left-shortcuts img,.right-shortcuts img{width:38px;height:38px;filter:drop-shadow(0 2px 2px #1d2d2466)}.home-bottom{position:absolute;bottom:8px;left:25px;right:25px;z-index:2}.idle-chest{display:flex;align-items:center;gap:5px;padding:0 4px 5px;width:100%;border:0;background:linear-gradient(90deg,transparent,#314e305e,transparent);color:#eee5c1}.idle-chest img{height:47px;width:57px;filter:drop-shadow(0 3px 2px #203c3199)}.idle-chest>span{font:16px var(--serif);text-align:left;text-shadow:0 2px 2px #375734}.idle-chest small{display:block;font-size:8px;margin-top:3px;color:#d1ddba}.idle-chest b{margin-left:auto;font-size:9px;white-space:nowrap;font-weight:normal;color:#ecd49a}.gold-button,.start-button{border:1px solid #8c713f;background:linear-gradient(#e9d6a0,#c4a362);color:#49391e;box-shadow:inset 0 0 0 3px #85612f20,0 2px 0 #806442;border-radius:4px;padding:10px 17px;font:18px var(--serif);letter-spacing:1px}.start-button{width:100%;height:54px;display:block;position:relative}.start-button>span:first-child{display:block;font:bold 24px var(--serif);letter-spacing:5px}.start-button small{display:block;font-size:9px;margin-top:3px;letter-spacing:2px}.home-hint{font-size:8px;color:#c5d1ac;text-align:center;letter-spacing:1px;margin:7px 0 0}.bottom-nav{display:flex;flex:0 0 64px;background:linear-gradient(#405c43,#1e392d);border-top:2px solid #b2a46f;position:relative;z-index:3;box-shadow:0 -3px 10px #23392e38;padding:0 7px}.bottom-nav:before{content:"";position:absolute;top:3px;left:0;right:0;border-top:1px solid #7d8a57;pointer-events:none}.bottom-nav button{position:relative;flex:1;background:transparent;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3px 0;color:#a8b99b}.bottom-nav img{width:39px;height:37px;transition:transform .2s;opacity:.8;filter:drop-shadow(0 2px 2px #0b1e18)}.bottom-nav span{font:15px var(--serif);letter-spacing:3px;line-height:17px;position:relative}.bottom-nav button.active{color:#f0ddb0;background:radial-gradient(ellipse at 50% 70%,#a9b76a33,transparent 70%)}.bottom-nav button.active img{opacity:1;transform:translateY(-2px) scale(1.08)}.bottom-nav button.active:after{content:"";position:absolute;bottom:0;width:50%;height:2px;background:#dfc885}
.module-page{position:absolute;inset:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;background:linear-gradient(#eee8cdcc,#d7ddbe66),url('assets/zjm_bg.webp') center/cover;scrollbar-width:thin;scrollbar-color:#98aa81 transparent}.ghost-button{border:1px solid #8b9a77;background:#f3efda55;color:#4f6643;border-radius:3px;padding:9px 14px;font:15px var(--serif)}.tiny-seal{display:inline-grid;place-items:center;width:22px;height:24px;border:1px solid #a48759;color:#8d7047;font:16px var(--serif)}.small-note{font-size:10px;color:#7d886a;line-height:1.7}.is-battling .status-bar,.is-battling .resource-bar,.is-battling .bottom-nav{display:none}.is-battling .game-stage{height:100%;flex:1}.is-battling .module-page{display:none!important}dialog:not(#account-dialog){max-width:430px!important;max-height:88dvh!important;width:calc(100vw - 26px)!important;padding:29px 24px!important;background:#eee9d0 url('assets/zjm_bg.webp') center/cover!important;border:3px double #89956b!important;border-radius:5px!important}dialog:not(#account-dialog) h2{font-size:26px!important}dialog:not(#account-dialog)::backdrop{background:#102921bb!important}.dialog-close{z-index:2}#info-content{min-width:0}.toast{max-width:min(90vw,390px)!important;font-size:11px!important}.game-frame:fullscreen{width:min(100vw,70dvh);height:100dvh;background:#315140}.game-frame:fullscreen::backdrop{background:#183c34}
@keyframes breathe{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}
@media(max-width:850px){.desktop-title,.desktop-notes{display:none}}
@media(max-width:580px){.game-app{width:100vw;height:100dvh;max-height:none;max-width:none;border:0;padding-top:env(safe-area-inset-top)}.status-bar{flex-basis:74px}.bottom-nav{flex-basis:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.home-hero{top:36%;bottom:128px}.home-events{padding-left:35px;padding-right:35px}.home-events img{width:46px;height:46px}.home-topline{height:23px}.home-bottom{bottom:12px}.combat-skill kbd{display:none}.game-frame:fullscreen{width:100vw}.battle-controls{bottom:calc(25px + env(safe-area-inset-bottom))!important}}
@media(max-height:740px){.status-bar{flex-basis:65px}.avatar-rim{width:46px;height:46px}.player-copy strong{font-size:16px}.resource-bar{flex-basis:26px}.bottom-nav{flex-basis:59px}.bottom-nav img{height:33px}.home-events{padding-top:3px}.home-events img{width:36px;height:36px}.home-events span{font-size:10px}.chapter-plaque{margin-top:7px}.chapter-plaque button{gap:2px;padding:6px 2px}.chapter-plaque strong{font-size:22px}.chapter-plaque i{display:none}.home-hero{top:34%;bottom:117px}.left-shortcuts,.right-shortcuts{top:36%;gap:8px}.left-shortcuts img,.right-shortcuts img{width:32px;height:32px}.left-shortcuts span,.right-shortcuts span{font-size:10px}.idle-chest img{height:39px}.start-button{height:49px}.start-button>span:first-child{font-size:22px}.home-bottom{bottom:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}