@charset "UTF-8";
:root{--ink:#203c34;--muted:#6c7c70;--cream:#fcf8ed;--line:#dfdfcc;--leaf:#345e45;--gold:#e7b75c;font:14px/1.6 "Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);color-scheme:light}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#91b57b}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d99735;outline-offset:4px}[hidden]{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%;touch-action:none}.top-nav{position:fixed;z-index:10;top:0;left:0;right:0;display:flex;align-items:center;gap:15px;padding:22px 30px;pointer-events:none}.top-nav>*{pointer-events:auto}.site-back{display:flex;justify-content:center;align-items:center;width:39px;height:39px;background:#fff8ebdb;border:1px solid #fff8;border-radius:12px;font-weight:900;box-shadow:0 2px 10px #1f44241a}.site-back span{font-size:9px;margin:12px 0 0 3px}.game-brand b{display:block;font-size:15px;letter-spacing:2px;line-height:1.3}.game-brand small{display:block;font-size:9px;letter-spacing:4px;margin-top:3px}.connection{padding:5px 9px;background:#fff9e4c9;border:1px solid #fff8;border-radius:20px;font-size:9px;color:#536b59;backdrop-filter:blur(8px)}.connection.online:before{content:'';display:inline-block;width:5px;height:5px;background:#559970;border-radius:50%;margin-right:6px}.nav-actions{margin-left:auto;display:flex;gap:8px}.nav-actions button{border:1px solid #fff8;background:#fff9edd9;color:var(--ink);border-radius:8px;padding:8px 12px;font-size:11px;backdrop-filter:blur(8px)}kbd{font:9px ui-monospace,monospace;border:1px solid #b9c1ae;border-radius:3px;padding:1px 4px;color:#758372;margin-left:6px;white-space:nowrap}.lobby{position:fixed;inset:80px 0 0;z-index:3;display:flex;align-items:center;justify-content:center;gap:8vw;padding:25px 5vw 55px;background:linear-gradient(90deg,#f9f5e5ed 0,#f8f4e6bd 32%,#f3f1dd22 60%,#f3f1dd05 100%);overflow:auto}.lobby-story{max-width:480px;margin-bottom:25px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:2px;color:#6d876c;margin:0 0 23px}.lobby h1{font-size:clamp(45px,5.6vw,78px);font-weight:800;line-height:1.18;letter-spacing:-3px;margin:0 0 25px}.lobby h1 span{color:#52865f}.lead{font-size:13px;color:#647a63;line-height:2;letter-spacing:.2px}.lobby-tags{display:flex;gap:7px;margin:23px 0 37px;flex-wrap:wrap}.lobby-tags span{font-size:9px;border:1px solid #728a6445;padding:5px 9px;border-radius:15px;background:#fff6}.story-note{display:flex;gap:12px;align-items:center;font-size:11px;color:#4e6d53}.story-note i{display:block;width:3px;height:35px;background:#97ae79;border-radius:3px}.story-note small{font-size:10px;color:#7f9279}.join-card{width:355px;flex-shrink:0;padding:27px 28px 20px;background:#fffbedf2;border:1px solid #fff;border-radius:18px;box-shadow:0 20px 60px #233a2626;backdrop-filter:blur(18px)}.card-head{display:flex;justify-content:space-between;align-items:center;font:8px ui-monospace,monospace;letter-spacing:1.7px;color:#879477}.tiny-leaf{font-size:25px;color:#91a87d;line-height:1}.join-card h2{font-size:20px;margin:18px 0 22px;font-weight:700;letter-spacing:-.5px}.join-card>label{display:block;color:#74806a;font-size:10px;margin-bottom:6px}.join-card>input{background:#f7f4e6;border:1px solid #d7ddc8;padding:10px 12px;border-radius:7px;width:100%;font-size:12px;color:#385340}.origin-choice{padding:0;border:0;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:19px 0}.origin-choice legend{font-size:10px;color:#74806a;margin-bottom:8px}.origin-choice>label{position:relative;text-align:center;cursor:pointer;border:1px solid #d9dfcc;border-radius:9px;padding:10px 3px;background:#f6f3e8}.origin-choice>label:has(input:checked){border-color:#799d71;background:#e6edda;box-shadow:0 0 0 1px #799d7144}.origin-choice>label:focus-within{outline:2px solid #c6a044;outline-offset:2px}.origin-choice input{position:absolute;opacity:0;inset:0}.origin-icon{display:block;color:#779b73;font-size:26px;line-height:1.25}.origin-choice b{font-size:12px;font-weight:650;display:block;margin:4px 0}.origin-choice small{font-size:8px;color:#84917b;display:block}.start-button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border:0;border-radius:8px;background:#365d45;color:#fffbed;font-size:13px;font-weight:650;box-shadow:0 4px 10px #365d4526}.start-button:hover{background:#477251}.start-button span{font-size:20px}.join-status{font-size:9px;line-height:1.8;color:#8a927a;min-height:30px;margin:12px 0}.join-controls{display:flex;gap:10px;flex-wrap:wrap;font-size:8px;color:#8c947d;padding:12px 0 15px;border-bottom:1px solid #e4e5d3}.join-controls kbd{margin-left:0}.local-record{font-size:9px;color:#8b967c;display:flex;gap:7px;align-items:center;margin-top:14px}.local-record strong{color:#537653;font-weight:500}.local-record>span{margin-left:auto}.evolution-hud{position:fixed;z-index:4;top:20px;left:50%;transform:translateX(-50%);min-width:265px;padding:12px 18px 10px;background:#fff9e8e8;border:1px solid #fff9;border-radius:12px;box-shadow:0 3px 18px #193e1a12;backdrop-filter:blur(10px)}.evolution-hud>div:first-child{display:flex;gap:12px;justify-content:space-between;align-items:center}.evolution-hud strong{font-size:15px;font-weight:750}.evolution-hud span{font-size:9px;color:#7c8b71}.evolution-hud #score{color:#a27a2f;font:10px ui-monospace,monospace}.xp-track,.quest-track{height:5px;background:#dce4cd;border-radius:4px;margin:8px 0 3px;overflow:hidden}.xp-track i{display:block;height:100%;width:0;background:#d8ad54;border-radius:4px;transition:width .2s}.evolution-hud small{font-size:8px;color:#8a957d}.leaderboard{position:fixed;z-index:3;right:25px;top:88px;width:186px;background:#fff9e9dc;border:1px solid #fff8;border-radius:12px;padding:13px 14px;backdrop-filter:blur(10px)}.leaderboard h2{font-size:11px;margin:0 0 12px;display:flex;justify-content:space-between;align-items:center}.leaderboard h2 span{font-size:8px;color:#8f997f;font-weight:400}.leaderboard ol{list-style:none;padding:0;margin:0;display:grid;gap:8px}.leaderboard li{display:flex;align-items:center;gap:7px;font-size:9px;color:#5d7359}.leaderboard li>span{width:15px;color:#a8aa88;font-size:8px}.leaderboard li b{font-weight:500;max-width:86px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.leaderboard li small{color:#9da48a;font:7px ui-monospace,monospace}.leaderboard li strong{margin-left:auto;font:9px ui-monospace,monospace;color:#8f8156}.leaderboard li.you{color:#b47832}.quest-panel{position:fixed;z-index:3;left:25px;top:105px;width:195px;border:1px solid #fff6;border-radius:10px;background:#fff9e2cf;padding:14px 15px;backdrop-filter:blur(10px)}.quest-panel>div:first-child{display:flex;justify-content:space-between;color:#9b9875;font-size:8px;letter-spacing:1px}.quest-panel strong{display:block;font-size:11px;margin:9px 0;font-weight:600}.quest-panel>small{font-size:8px;color:#969776}.quest-track{height:3px}.quest-track i{height:100%;display:block;background:#8ba672}.location-label{position:fixed;bottom:202px;left:26px;display:flex;align-items:center;gap:10px;color:#fcf9e6;font-size:11px;text-shadow:0 1px 5px #183f31}.location-label small{font-size:8px;color:#e2ead1}#minimap{position:fixed;left:25px;bottom:25px;width:190px;height:135px;border:3px solid #fff9e6c9;border-radius:11px;box-shadow:0 3px 12px #203e221a}.vitals{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);width:240px;background:#fffbedeb;border:1px solid #fff8;border-radius:11px;padding:11px 14px;backdrop-filter:blur(8px);z-index:3}.vitals>div{display:flex;align-items:center;gap:9px;font-size:8px;margin:5px 0}.vitals span{color:#7e8b75;width:24px}.vitals>div>div{height:5px;flex:1;background:#e2e7d3;border-radius:3px;overflow:hidden}.vitals i{display:block;height:100%;transition:width .15s;border-radius:3px}.vitals b{width:22px;font:8px ui-monospace,monospace;color:#859171;text-align:right}#hp-fill{background:#d88a7a}#water-fill{background:#77afc3}#energy-fill{background:#d4b664}.ability-controls{position:fixed;right:24px;bottom:25px;display:flex;gap:8px;z-index:4}.ability-controls button{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:64px;height:76px;background:#fff9e8e8;border:1px solid #fff9;border-radius:12px;color:#5c7656;box-shadow:0 3px 12px #29462b16;touch-action:none;user-select:none}.ability-controls button>span{font-size:24px;line-height:1.1}.ability-controls b{font-size:9px;font-weight:500;margin-top:4px}.ability-controls kbd{margin:3px 0 0;font-size:7px}.ability-controls small{font-size:8px;position:absolute;top:-19px;background:#496951cf;color:#fff8e6;padding:1px 6px;border-radius:6px}.ability-controls button.ready{border-color:#ddc17a;box-shadow:0 0 0 2px #e1cc8980}.ability-controls button.active{background:#e6e8bc}.evolve-button{position:fixed;left:50%;bottom:143px;transform:translateX(-50%);z-index:4;padding:11px 20px;border-radius:20px;border:1px solid #fff4bc;background:#f3d889;color:#6c562b;font-size:12px;font-weight:650;box-shadow:0 5px 25px #52411d2a}.notices{position:fixed;left:50%;top:115px;transform:translateX(-50%);display:flex;flex-direction:column;gap:7px;pointer-events:none;z-index:5;align-items:center}.notice{background:#284e3edb;color:#fff4d4;padding:7px 15px;border:1px solid #ffffff26;border-radius:20px;font-size:11px;white-space:nowrap;animation:notice-in .2s ease-out}.danger{position:fixed;bottom:121px;left:50%;transform:translateX(-50%);padding:7px 13px;background:#b95c46ed;color:#fff9e5;border-radius:12px;font-size:10px;z-index:3;white-space:nowrap}.dialog-backdrop{position:fixed;inset:0;z-index:30;background:#173b3059;backdrop-filter:blur(6px);display:grid;place-items:center;padding:25px}.dialog{position:relative;width:min(720px,100%);max-height:85vh;overflow:auto;background:#fffbed;color:#38503c;border:1px solid #fff;border-radius:19px;padding:34px;box-shadow:0 25px 80px #102b303d}.dialog-close{position:absolute;right:14px;top:10px;background:none;border:0;font-size:25px;color:#829174}.dialog h2{font-size:28px;letter-spacing:-.8px;margin:0 0 9px}.dialog .eyebrow{margin:0 0 14px;font-size:9px}.dialog .sub{color:#819075;font-size:11px;margin:0 0 23px;line-height:1.9}.dialog .primary{border:0;border-radius:8px;padding:11px 22px;background:#426c4c;color:#fff9e5;font-size:12px}.dialog .secondary{border:1px solid #ccd7bc;border-radius:8px;padding:10px 18px;background:#f3f1e1;color:#64795a;font-size:12px}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.evolve-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.evolve-card{border:1px solid #dce1c7;border-radius:11px;padding:18px 12px;background:#f6f3e1;color:#526947;text-align:center}.evolve-card:hover{border-color:#8ba47b;background:#eaf0da}.evolve-card canvas{display:block;width:86px;height:86px;margin:0 auto 10px}.evolve-card strong{display:block;font-size:15px}.evolve-card small{display:block;font-size:9px;color:#929a80;margin:7px 0;line-height:1.8}.evolve-card span{font-size:9px;background:#e4e9cf;padding:4px 8px;border-radius:10px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.guide-card{background:#f3f0df;border:1px solid #e0e3cc;padding:17px;border-radius:10px}.guide-card h3{margin:0 0 8px;font-size:13px}.guide-card p{font-size:11px;color:#7a8d70;margin:0;line-height:1.9}.guide-card kbd{margin-left:0}.book-tabs{display:flex;gap:8px;margin-bottom:20px}.book-tabs button{border:1px solid #cdd8be;border-radius:20px;padding:6px 13px;font-size:11px;color:#718364;background:#f3f1e2}.book-tabs button.active{background:#4b7352;color:#fff8e3;border-color:#4b7352}.book-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.book-card{padding:12px 8px;background:#f2f1df;border:1px solid #e2e5cb;border-radius:10px;text-align:center}.book-card canvas{width:64px;height:64px;display:block;margin:0 auto 4px}.book-card b{font-size:11px;display:block}.book-card small{font-size:8px;color:#8f9c7f;display:block}.book-card span{font-size:8px;color:#a18b58}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.result-grid>div{padding:15px;background:#f3f0de;border:1px solid #e0e2c7;border-radius:10px}.result-grid small{font-size:10px;color:#8c9578}.result-grid strong{display:block;font-size:24px;color:#658459;font-weight:650}.result-grid span{font-size:10px;color:#9a9b7b}.disconnect{position:fixed;z-index:40;top:100px;left:50%;transform:translateX(-50%);width:min(90vw,430px);padding:25px;background:#fff8e5;border:1px solid #ddc9a3;border-radius:14px;box-shadow:0 10px 40px #203a3033;text-align:center}.disconnect strong{font-size:16px}.disconnect p{font-size:11px;color:#8e9076}.disconnect button{border:0;background:#4a6c4b;color:#fff6e4;border-radius:7px;padding:8px 15px}.disconnect a{display:inline-block;margin-left:13px;font-size:11px;color:#819276}.joystick{display:none}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}.in-game .top-nav .game-brand{display:none}.in-game .connection{max-width:130px}.in-game .top-nav{padding:20px 25px}.in-game .nav-actions button{font-size:9px;padding:7px 9px}.in-game .nav-actions kbd{display:none}
@keyframes notice-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.lobby{gap:4vw;padding-left:5vw;padding-right:5vw}.lobby h1{font-size:57px}.lobby-story{max-width:350px}.join-card{width:330px;padding:24px}.leaderboard{right:15px;width:165px}.quest-panel{left:15px;width:170px}.in-game .top-nav .connection{display:none}.evolution-hud{top:17px;min-width:245px}.top-nav{padding:20px}.game-brand b{font-size:12px}.game-brand small{font-size:8px}.connection{font-size:8px}.nav-actions button{font-size:10px}}
@media(max-width:700px){.top-nav{padding:14px;gap:10px}.site-back{width:33px;height:33px;border-radius:9px}.game-brand b{font-size:10px;letter-spacing:1px}.game-brand small{font-size:7px;letter-spacing:2px}.connection{display:none}.nav-actions{gap:5px}.nav-actions button{font-size:9px;padding:7px 8px}.nav-actions kbd{display:none}.lobby{inset:65px 0 0;display:block;padding:15px 20px 30px;background:linear-gradient(180deg,#f6f3e2db,#f6f3e280);overflow:auto}.lobby-story{max-width:100%;margin:0 auto 22px}.lobby .eyebrow{font-size:8px;margin:10px 0 13px;letter-spacing:1.4px}.lobby h1{font-size:43px;line-height:1.1;letter-spacing:-1.8px;margin-bottom:13px}.lobby h1 br{display:block}.lead{font-size:11px;margin:0;line-height:1.8}.lobby-tags{margin:13px 0 0;gap:5px}.lobby-tags span{font-size:8px;padding:3px 7px}.story-note{display:none}.join-card{width:100%;max-width:430px;margin:0 auto;padding:22px}.join-card h2{font-size:18px;margin:13px 0 18px}.join-status{font-size:9px;min-height:0}.join-controls{padding:10px 0}.in-game .top-nav{padding:12px}.in-game .nav-actions #guide-button,.in-game .nav-actions #book-button{display:none}.in-game .nav-actions button{font-size:9px}.evolution-hud{top:10px;min-width:205px;width:210px;padding:8px 12px}.evolution-hud strong{font-size:12px}.evolution-hud span,.evolution-hud #score{font-size:8px}.evolution-hud small{font-size:7px}.evolution-hud>div:first-child{gap:7px}.leaderboard{top:85px;right:10px;width:138px;padding:10px}.leaderboard h2{font-size:9px;margin-bottom:8px}.leaderboard li{font-size:8px;gap:4px}.leaderboard li b{max-width:65px}.leaderboard li strong{font-size:8px}.leaderboard h2 span{font-size:7px}.quest-panel{top:86px;left:10px;width:155px;padding:10px 11px}.quest-panel strong{font-size:10px;margin:6px 0}.quest-panel>div:first-child{font-size:7px}.quest-panel>small{font-size:7px}#minimap{width:112px;height:79px;right:10px;left:auto;bottom:191px;border-width:2px}.location-label{left:13px;bottom:158px;font-size:10px;gap:6px}.location-label small{font-size:7px}.vitals{width:170px;bottom:19px;padding:8px 10px;left:50%;transform:translateX(-50%)}.vitals>div{font-size:7px;gap:6px}.vitals span{width:20px}.vitals b{font-size:7px;width:19px}.ability-controls{bottom:89px;right:12px;gap:6px}.ability-controls button{min-width:46px;width:46px;height:54px;border-radius:11px}.ability-controls button>span{font-size:20px}.ability-controls b{font-size:8px}.ability-controls kbd{display:none}.ability-controls small{top:-17px;font-size:7px}.joystick{position:fixed;display:block;left:26px;bottom:63px;width:95px;height:95px;border-radius:50%;border:1px solid #fff8;background:#fff8e824;z-index:7;touch-action:none;user-select:none}.joystick span{position:absolute;left:28px;top:28px;width:38px;height:38px;border-radius:50%;border:2px solid #fff9eaaa;background:#f8f3d975;pointer-events:none}.notices{top:211px;width:90%;gap:5px}.notice{font-size:9px;padding:6px 11px;max-width:100%;white-space:normal;text-align:center}.evolve-button{bottom:191px;font-size:10px;padding:9px 13px;max-width:220px}.danger{bottom:156px;font-size:8px;padding:6px 8px;max-width:95%;white-space:normal;text-align:center}.dialog-backdrop{padding:13px}.dialog{padding:25px 19px;max-height:88vh}.dialog h2{font-size:24px}.guide-grid{grid-template-columns:1fr}.guide-card{padding:12px}.guide-card h3{font-size:12px}.guide-card p{font-size:10px}.evolve-options{gap:7px}.evolve-card{padding:12px 5px}.evolve-card canvas{width:64px;height:64px}.evolve-card strong{font-size:12px}.evolve-card small{font-size:8px}.evolve-card span{font-size:8px}.book-grid{grid-template-columns:repeat(3,1fr);gap:7px}.book-card{padding:10px 4px}.book-card canvas{width:55px;height:55px}.result-grid{gap:8px}.result-grid>div{padding:10px}.result-grid strong{font-size:19px}.result-grid small,.result-grid span{font-size:8px}}
@media(max-height:650px) and (min-width:701px){.lobby{inset:65px 0 0;align-items:center;padding-bottom:20px}.join-card{padding:18px 23px}.join-card h2{margin:9px 0 12px}.origin-choice{margin:12px 0}.origin-choice>label{padding:6px 3px}.origin-icon{font-size:21px}.join-status{margin:7px 0}.lobby h1{font-size:52px}.lobby-tags{margin-bottom:18px}.story-note{display:none}.top-nav{padding:15px 25px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.touch-hint{display:none}@media(max-width:700px){.join-controls{display:none}.touch-hint{display:block;color:#8a927a;font-size:9px;line-height:1.8;margin:12px 0}.evolve-button{bottom:285px}}