:root{--ink:#382c50;--muted:#887b99;--purple:#79629f;--deep:#584173;--gold:#c5a271;--paper:#fffcf8;--line:#e9e0ed;--mint:#c9e5dd;--shadow:0 20px 70px #33214029}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#f6f2f8;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-size:14px}button,input{font:inherit}button{cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:3px solid #ad88dc;outline-offset:3px}button{touch-action:manipulation}button:disabled{cursor:default;opacity:.7}[hidden]{display:none!important}h1,h2,h3,p{margin:0}button{border:0}small{font-size:11px}.welcome{min-height:100svh;position:relative;overflow:hidden;background:#e8d7ea url('assets/academy.png') center/cover}.welcome-shade{position:absolute;inset:0;background:linear-gradient(90deg,#fffaf3f5 0%,#fffaf3e8 30%,#fffaf37a 53%,#e8d9ed10 80%)}.welcome-copy{position:relative;z-index:2;padding:18vh 0 130px max(7vw,30px);max-width:650px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;color:#9a819d}.welcome .eyebrow{letter-spacing:3px;color:#897094}.welcome h1{font-family:"STKaiti","KaiTi",serif;font-size:clamp(58px,7vw,98px);letter-spacing:8px;margin:26px 0 8px;font-weight:800}.welcome-sub{font-size:20px;letter-spacing:3px}.welcome-story{font-size:14px;line-height:2.2;color:#7d6c85;margin-top:28px}.primary{background:var(--deep);color:white;padding:15px 20px;border-radius:12px;font-weight:600;box-shadow:0 6px 18px #58417321;display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:48px}.primary:hover{background:#72588f;transform:translateY(-1px)}.enter{width:268px;margin-top:32px;border-radius:30px;padding:18px 30px}.welcome-note{font-size:11px;color:#8c7995;margin-top:20px;line-height:1.7}.welcome-student{position:absolute;height:73vh;right:7%;bottom:9%;filter:drop-shadow(0 22px 20px #34284f35);z-index:1}.welcome-foot{position:absolute;bottom:32px;left:7%;right:7%;border-top:1px solid #ffffff80;padding-top:18px;font-size:11px;letter-spacing:3px;display:flex;justify-content:space-between;color:#75657c}.topbar{height:88px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;background:#fffcf9;border-bottom:1px solid var(--line);gap:20px}.brand{background:none;display:flex;align-items:center;gap:12px;text-align:left;font-family:"STKaiti","KaiTi",serif;font-size:25px;font-weight:bold;padding:0}.brand-star{font-size:34px;color:var(--gold)}.brand small{font-family:system-ui;display:block;letter-spacing:2px;font-size:8px;color:#a68eae;margin-top:3px}.player-status{display:flex;align-items:center;gap:10px;min-width:225px}.player-status>img{width:46px;height:46px;object-fit:cover;object-position:center 18%;background:#eee4f6;border:1px solid #dacce6;border-radius:50%}.player-status b{font-size:12px}.player-status b span{margin-left:18px;color:#8e6baf;font-size:11px}.xp-track{height:5px;width:190px;background:#eae4ee;border-radius:10px;margin:7px 0 4px;overflow:hidden}.xp-track i{display:block;height:100%;background:linear-gradient(90deg,#ad92c5,#776299);width:0%;border-radius:10px;transition:width .5s}.player-status small{color:var(--muted);font-size:9px}.top-actions{display:flex;align-items:center;gap:24px}.crystals{color:#b99454;font-size:20px;white-space:nowrap}.crystals b{font-size:16px}.crystals small{display:inline-block;color:#897b91;margin-left:4px}.icon-button{background:none;font-size:22px;padding:8px;line-height:1}.icon-button small{display:block;font-size:9px;margin-top:5px;color:#9a87a6}.game-layout{max-width:1600px;margin:auto;display:grid;grid-template-columns:270px minmax(0,1fr);padding:26px 30px;gap:26px}.sidebar{padding:6px 0}.day-label{font-size:9px;letter-spacing:2px;color:#aa91b2;margin-bottom:14px;display:flex;justify-content:space-between}.sidebar h2{font-size:21px;font-family:"STKaiti","KaiTi",serif}.muted{color:var(--muted);font-size:11px;line-height:1.8;margin:9px 0 22px}.quest-card{padding:23px;background:linear-gradient(135deg,#fffdf8,#f2eaf5);border:1px solid #e5dbe9;border-radius:18px;box-shadow:0 5px 20px #58417306}.section-caption{font-size:10px;letter-spacing:1px;color:#958398;display:flex;justify-content:space-between}.section-caption span{color:var(--gold)}.quest-symbol{font-size:32px;margin:18px 0 12px}.quest-card h3{font-size:17px;margin-bottom:10px}.quest-card p{color:#8b7c98;font-size:12px;line-height:1.9}.quest-steps{margin:23px 0;display:grid;gap:15px;font-size:11px}.quest-steps span{display:flex;align-items:center;gap:10px;color:#877894}.quest-steps i{width:18px;height:18px;border:1px solid #d4c4de;border-radius:50%;font-style:normal;font-size:10px;display:grid;place-items:center}.quest-steps .done{color:#649387}.quest-steps .done i{background:#daece4;border-color:#b9d9ca}.quest-card .primary{width:100%;font-size:12px}.reward{display:block;color:#ac9474;font-size:9px;margin-top:14px}.mentor-card{border:1px solid var(--line);border-radius:15px;background:#fffcf9;padding:18px;margin-top:18px;display:grid;grid-template-columns:42px 1fr;gap:10px}.mentor-avatar{background:#ede3f2;border-radius:50%;font-size:26px;display:grid;place-items:center;height:42px}.mentor-card b{font-size:12px}.mentor-card small{display:block;color:#9c8ba8;font-size:9px;margin-top:5px}.mentor-card p{grid-column:1/-1;font-size:11px;line-height:1.8;color:#9a88a5}.text-button{background:none;color:#816699;font-size:12px;min-height:44px;padding:8px 0;text-align:left}.mentor-card button{grid-column:1/-1}.demo-note{font-size:10px;color:#a99bb0;margin:20px 0;text-align:center}.world-column{min-width:0}.world-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;height:54px}.world-header .eyebrow{font-size:9px;letter-spacing:2px}.world-header h2{font-family:"STKaiti","KaiTi",serif;font-size:25px;margin-top:8px}.world-header h2 span{font-family:system-ui;font-size:9px;color:#8c7b9a;background:#eae1f0;border:1px solid #e0d4e7;border-radius:4px;vertical-align:middle;padding:4px 7px;margin-left:10px;font-weight:400}.location-note{font-size:11px;color:#aa927a}.world-viewport{position:relative;aspect-ratio:3/2;border-radius:20px;overflow:hidden;border:5px solid #fffcf9;box-shadow:0 8px 30px #46345b19;background:#d9c6e1;isolation:isolate}.world{position:relative;width:100%;height:100%;overflow:hidden;touch-action:none}.map{width:100%;height:100%;object-fit:fill;display:block;user-select:none;pointer-events:none}.map-place{position:absolute;transform:translate(-50%,-50%);min-height:50px;border:1px solid #ffffffaa;box-shadow:0 4px 12px #34284f26;background:#fffaf1eb;backdrop-filter:blur(10px);border-radius:9px;padding:8px 13px;min-width:126px;text-align:left;z-index:3}.map-place:hover{background:#fffafc;box-shadow:0 0 0 3px #c8b3e3}.map-place i{float:left;font-style:normal;font-size:22px;color:#9273b3;margin-right:8px}.map-place b{font-size:12px;display:block}.map-place small{display:block;color:#9d8ba2;font-size:8px;margin-top:3px}.npc{position:absolute;transform:translate(-50%,-100%);background:none;z-index:4;padding:0;display:flex;align-items:center;flex-direction:column}.npc-portrait{font-size:45px;filter:drop-shadow(0 3px 2px #34284f35)}.npc small{background:#47355edb;color:#fff6ea;padding:4px 8px;border:1px solid #dac6f4;border-radius:5px;font-size:9px}.npc-mark{color:#fff;background:#ae8351;border:2px solid #ffe4a0;border-radius:50%;width:22px;height:22px;font-weight:bold;position:absolute;top:-18px;animation:bob 2s ease-in-out infinite}.avatar{position:absolute;transform:translate(-50%,-100%);width:88px;height:100px;z-index:5;pointer-events:none}.avatar>img{width:100%;height:100%;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 3px 2px #382c5050)}.avatar-name{position:absolute;left:50%;top:-4px;transform:translate(-50%,-50%);white-space:nowrap;background:#fff8e9e8;border:1px solid #ecd6ba;border-radius:5px;padding:3px 7px;color:#806a73;font-size:8px;z-index:3}.avatar i{position:absolute;background:#30224444;width:36px;height:12px;border-radius:50%;bottom:6px;left:26px;filter:blur(3px)}.avatar.walking img{animation:walk .25s ease-in-out infinite alternate}.destination{position:absolute;color:#fff4c2;transform:translate(-50%,-50%);font-size:24px;text-shadow:0 0 8px white;pointer-events:none}.map-spark{position:absolute;color:#fff3c2;pointer-events:none;animation:spark 3s ease-in-out infinite;font-size:19px}.s1{left:38%;top:48%}.s2{left:65%;top:66%;animation-delay:1s}.s3{left:50%;top:27%;animation-delay:2s}.world-tip{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);background:#392950b8;color:#fffbf4;font-size:10px;padding:9px 18px;border-radius:20px;pointer-events:none;white-space:nowrap;z-index:6}.dpad{position:absolute;left:12px;bottom:14px;width:104px;height:72px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:3px;z-index:7}.dpad button{background:#fffaf2d4;border:1px solid #ffffffb3;border-radius:9px;font-size:20px;padding:0;touch-action:none;user-select:none}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1}.dpad button:active{background:#ceb9e1}.interact{position:absolute;bottom:18px;right:14px;background:#6b528fe8;color:white;border:1px solid #e9d6f4;border-radius:50%;width:62px;height:62px;font-size:11px;z-index:7;box-shadow:0 4px 20px #34284f30}.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);background:#fffcf9;border:1px solid var(--line);border-radius:13px;margin-top:16px;padding:8px}.bottom-nav button{background:none;min-height:45px;display:flex;align-items:center;justify-content:center;gap:8px;color:#9987a5;font-size:11px;border-radius:9px}.bottom-nav span{font-size:22px}.bottom-nav .active{color:#765a98;background:#f0e8f6}.bottom-nav i{border-radius:50%;background:#e9dde9;font-style:normal;font-size:9px;padding:3px 5px}.bottom-nav button:hover{background:#f0e8f6}dialog{border:1px solid #e4d4ec;color:var(--ink);width:min(700px,calc(100% - 28px));padding:28px;border-radius:23px;background:#fffcf8;box-shadow:var(--shadow);max-height:88svh;overflow-y:auto}dialog::backdrop{background:#261b3b8a;backdrop-filter:blur(5px)}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:20px}.panel-header h2{font-size:23px;font-family:"STKaiti","KaiTi",serif;margin-top:8px}.close{background:#f0e8f3;border-radius:50%;width:40px;height:40px;font-size:25px;flex-shrink:0}.panel-intro{line-height:1.9;color:#8b7895;font-size:12px;margin-bottom:18px}.dialogue{background:#f2ecf7;border:1px solid #e7dcec;border-radius:14px;padding:20px;line-height:1.9;font-size:15px;margin-bottom:16px}.dialogue .speaker{font-size:11px;color:#997cad;display:block;margin-bottom:8px}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.secondary{border:1px solid #dacae2;background:#fffaf5;border-radius:11px;padding:13px 17px;min-height:46px;font-size:12px;color:#806994}.button-row .primary{font-size:12px}.knowledge-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.fact-card{padding:20px;border:1px solid #e2d6eb;background:linear-gradient(135deg,#fffdf8,#f6eff9);border-radius:13px}.fact-card .fact-icon{font-size:27px}.fact-card .term{font-size:9px;color:#af8bb1;margin-top:8px;letter-spacing:1px}.fact-card h3{font-size:14px;margin:8px 0}.fact-card p{font-size:12px;color:#8b7895;line-height:1.9}.fact-card .mistake{margin-top:12px;color:#a28662;background:#fcf2df;padding:9px;border-radius:7px;font-size:11px}.faq-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:17px 0}.faq-buttons button{background:#f2eaf6;border:1px solid #e4d6ec;border-radius:20px;padding:10px 13px;font-size:11px;min-height:42px}.chat-log{display:grid;gap:10px;max-height:240px;overflow-y:auto;padding:3px}.chat-bubble{background:#efe7f4;border-radius:12px 12px 12px 2px;padding:13px 16px;font-size:13px;line-height:1.9;max-width:94%}.chat-bubble.user{margin-left:auto;background:#e4eee7;border-radius:12px 12px 2px 12px}.chat-form{display:flex;gap:8px;margin-top:15px}.chat-form input{width:100%;border:1px solid #dacde4;background:white;border-radius:10px;padding:13px;min-width:0}.chat-form button{flex-shrink:0}.caption{color:#a394aa;font-size:10px;line-height:1.8;margin-top:12px}.lab-canvas{display:block;width:100%;height:auto;background:#f0edf9;border-radius:14px;border:1px solid #e7ddef}.lab-actions{display:flex;gap:8px;margin:14px 0;flex-wrap:wrap}.lab-actions button.selected{background:#e4d7ef;border-color:#bc9fd6}.lab-caption{min-height:78px;line-height:1.9;background:#eef5f0;border-radius:12px;padding:14px;color:#607e76;font-size:13px}.video{display:block;width:100%;border-radius:12px;background:#292138;margin:18px 0}.battle-scene{height:155px;position:relative;background:linear-gradient(120deg,#e7dcf5,#dcecea);border-radius:15px;overflow:hidden;display:flex;align-items:center;justify-content:space-around}.battle-student{height:135px;width:120px;object-fit:contain}.fog{font-size:63px;filter:drop-shadow(0 0 12px #9c8ab7);animation:bob 2.5s ease-in-out infinite}.battle-stars{color:#b78c45;letter-spacing:8px;position:absolute;left:50%;top:18px;transform:translateX(-50%);font-size:16px}.battle-note{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);font-size:10px;white-space:nowrap;color:#8a759a}.question-count{font-size:10px;color:#a48dad;margin:18px 0 9px}.question{font-size:17px;line-height:1.7;margin-bottom:15px}.options{display:grid;gap:10px}.option{border:1px solid #dfd3e8;background:#fffdfb;padding:14px;text-align:left;border-radius:10px;display:flex;gap:12px;line-height:1.7;min-height:52px}.option>span{color:#a588bb;font-size:12px}.option.correct{background:#e3f0e7;border-color:#9fc8b0}.option.wrong{background:#f8eee2;border-color:#dfc096}.feedback{padding:16px;background:#f5ede2;border-radius:12px;margin-top:14px;font-size:13px;line-height:1.9}.feedback.good{background:#e4f1e9}.feedback b{display:block;margin-bottom:5px}.battle-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px}.hint{font-size:12px;padding:13px;background:#f2edf8;border-radius:9px;line-height:1.9;margin:10px 0}.result{text-align:center;padding:10px}.result-icon{font-size:70px;margin:12px 0 20px}.result h3{font-size:23px}.result p{color:#8e789c;line-height:2;margin:18px 0}.result .primary{margin:20px auto;width:230px}.record-row{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #ece3ef;padding:15px 0;font-size:12px;line-height:1.8}.record-row b{color:#806494}.badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.badge{border:1px solid #e9dceb;background:#f9f2e7;padding:25px 10px;border-radius:15px;text-align:center}.badge span{font-size:35px}.badge b{display:block;margin:10px 0;font-size:12px}.badge small{font-size:10px;color:#ad997b}.empty{text-align:center;padding:35px;color:#a38eaf;line-height:2}.review-card{border:1px solid #e7d9ec;background:#f7f1f9;padding:18px;border-radius:12px;margin-bottom:12px}.review-card h3{font-size:14px;line-height:1.8;margin-bottom:8px}.review-card p{font-size:12px;color:#8e779b;line-height:1.9}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,30px);background:#47345eea;border:1px solid #d9c1ec;color:#fffaf1;padding:13px 22px;border-radius:13px;font-size:12px;box-shadow:0 5px 20px #34284f40;opacity:0;pointer-events:none;z-index:100;transition:.25s;max-width:90%;line-height:1.8}#toast.show{opacity:1;transform:translate(-50%,0)}@keyframes bob{50%{transform:translateY(-6px)}}@keyframes walk{to{transform:translateY(-3px) rotate(2deg)}}@keyframes spark{50%{opacity:.15;transform:scale(.7)}}
@media(min-width:1450px){.game-layout{grid-template-columns:295px minmax(0,1fr);gap:35px;padding-top:35px}.quest-card{padding:28px}.topbar{padding:0 50px}.world-viewport{max-height:calc(100svh - 226px);aspect-ratio:3/2}.world-column{display:flex;flex-direction:column}.world-viewport{width:100%;flex:1;min-height:460px}.world-header{flex-shrink:0}}
@media(max-width:1050px){.topbar{padding:0 20px}.game-layout{grid-template-columns:218px minmax(0,1fr);padding:20px 18px;gap:18px}.quest-card{padding:17px}.map-place{min-width:100px;padding:7px 9px}.map-place b{font-size:10px}.map-place small{font-size:7px}.map-place i{font-size:17px}.avatar{width:72px;height:82px}.npc-portrait{font-size:35px}.dpad{width:86px;height:60px}.world-tip{bottom:9px;font-size:8px;padding:6px 10px}.interact{width:50px;height:50px;bottom:10px}.mentor-card{padding:14px}}
@media(max-width:760px){.welcome-copy{padding:10vh 28px 280px}.welcome h1{font-size:61px;letter-spacing:4px}.welcome-sub{font-size:15px;letter-spacing:1px}.welcome-story{font-size:12px}.welcome-student{height:45vh;right:-60px;bottom:0;opacity:.95}.welcome-shade{background:linear-gradient(180deg,#fffaf3ee 0%,#fffaf3c9 55%,#fffaf334 100%)}.welcome-foot{font-size:9px;bottom:22px;left:28px;right:28px}.welcome-foot span{display:none}.welcome-copy .enter{width:225px}.topbar{height:74px;padding:0 14px;gap:10px}.brand{font-size:20px;gap:6px}.brand-star{font-size:26px}.brand small{font-size:6px;letter-spacing:1px}.player-status{min-width:0;flex:1;justify-content:center}.player-status>img{display:none}.player-status b{font-size:10px}.player-status b span{margin-left:6px;font-size:9px}.xp-track{width:115px}.player-status small{font-size:8px}.top-actions{gap:4px}.crystals{font-size:15px}.crystals b{font-size:12px}.crystals small{display:none}.icon-button{font-size:18px;padding:5px}.icon-button small{font-size:8px}.game-layout{display:flex;flex-direction:column;padding:12px;gap:15px}.sidebar{order:2;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0}.day-label,.sidebar>h2,.sidebar>.muted,.demo-note{display:none}.quest-card{padding:17px;margin:0}.quest-card .quest-symbol{display:none}.quest-card h3{font-size:14px;margin-top:13px}.quest-card p{font-size:11px}.quest-steps{margin:15px 0;gap:10px;font-size:10px}.quest-card .primary{padding:12px;font-size:10px;gap:4px}.reward{font-size:8px}.mentor-card{margin:0;display:block;padding:17px}.mentor-avatar{margin-bottom:10px}.mentor-card p{font-size:11px;margin-top:14px}.mentor-card .text-button{font-size:11px}.world-header{margin:0 4px 14px;height:45px}.world-header h2{font-size:22px}.world-header .eyebrow{font-size:8px}.location-note{font-size:10px}.world-viewport{aspect-ratio:3/3.3;border:3px solid #fffaf5;border-radius:15px}.world{width:165%;height:100%;left:-32.5%}.map{object-fit:fill}.map-place{min-width:92px;padding:7px 9px}.map-place b{font-size:10px}.map-place small{font-size:7px}.map-place i{font-size:16px;margin-right:5px}.avatar{height:90px;width:77px}.npc-portrait{font-size:37px}.world-tip{bottom:8px;padding:7px 10px;font-size:8px}.dpad{bottom:28px;left:10px;width:108px;height:82px;gap:3px}.dpad button{font-size:22px}.interact{bottom:31px;width:59px;height:59px;right:10px}.bottom-nav{padding:5px;margin-top:12px}.bottom-nav button{font-size:9px;gap:5px;min-height:49px}.bottom-nav span{font-size:20px}.knowledge-grid{grid-template-columns:1fr}.fact-card{padding:17px}dialog{padding:20px;border-radius:18px;max-height:90svh}.panel-header h2{font-size:21px}.dialogue{font-size:13px;padding:17px}.badge-grid{gap:7px}.badge{padding:20px 7px}.battle-scene{height:135px}.battle-student{height:120px}.question{font-size:16px}.option{font-size:13px}.chat-form input{font-size:12px}.chat-form .primary{padding:12px;gap:0}.lab-actions .secondary{padding:11px;font-size:11px}.button-row .primary{flex:1;justify-content:center}.welcome-note{max-width:215px}}
@media(max-width:760px) and (orientation:landscape){.welcome-copy{padding:25px 40px 80px}.welcome h1{margin:10px 0;font-size:46px}.welcome-story{margin-top:10px}.enter{margin-top:15px}.welcome-student{height:85vh;right:7%}.welcome-shade{background:linear-gradient(90deg,#fffaf3f0,#fffaf393 60%,#fffaf310)}.world-viewport{aspect-ratio:3/1.8}.world{width:100%;left:0}.sidebar{display:none}.world-header{height:35px}.topbar{height:58px}}
@media(max-width:760px) and (orientation:portrait){.map-place[data-place="weather"],.map-place[data-place="lab"]{left:70%!important}.map-place[data-place="library"],.map-place[data-place="battle"]{left:30%!important}.world-tip{max-width:94%;font-size:7px}}
.welcome h1{line-height:1.14;font-size:clamp(55px,6.3vw,88px);letter-spacing:5px}.welcome h1 span{font-size:1.02em}.welcome-copy{padding-top:13vh}.welcome-student{height:79vh;right:9%;bottom:5%}.welcome .welcome-story{margin-top:20px}.welcome-student{object-fit:contain}.player-status>img{object-position:center 18%}.npc-portrait{width:72px;height:98px;display:block}.npc-portrait img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 3px #33204455)}.mentor-avatar{overflow:hidden}.mentor-avatar img{width:70px;height:70px;object-fit:cover;object-position:center 20%}.water-clue{position:absolute;transform:translate(-50%,-50%);background:#effcffae;border:2px solid #a5dbe9;box-shadow:0 0 20px #8fe5ff80;border-radius:50%;font-size:24px;width:47px;height:47px;z-index:6;animation:bob 2s ease-in-out infinite}.water-clue small{display:block;position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#e4f7fbea;border-radius:5px;padding:3px 6px;font-size:8px}.water-clue.found{border-color:#e6c586}.map-place small{white-space:nowrap}.story-say{display:flex;align-items:center;gap:15px;border:1px solid #e4d4ec;background:linear-gradient(120deg,#f0e7f7,#fffaf1);border-radius:15px;padding:13px 18px;margin-bottom:17px}.story-say>img{width:65px;height:75px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 3px 5px #a58db52b)}.story-say p{font-size:14px;line-height:1.9}.story-say b{display:block;font-size:11px;color:#a280b4;margin-bottom:4px}.story-party{height:230px;display:flex;align-items:center;justify-content:center;gap:45px;border-radius:16px;background:radial-gradient(ellipse at center,#fffaf1,#e6dcef);position:relative;margin:15px 0}.story-party>img{height:215px;object-fit:contain;filter:drop-shadow(0 4px 8px #78629224)}.spirit{font-size:70px;animation:bob 2s ease-in-out infinite;position:relative;text-shadow:0 0 16px #9bdcec}.spirit i{position:absolute;bottom:-22px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:12px;color:#7b719d;font-style:normal}.story-flower{position:absolute;bottom:18px;right:30px;font-size:40px}.story-stage{height:340px;position:relative;overflow:hidden;border:1px solid #d9cfe4;border-radius:18px;isolation:isolate;background:linear-gradient(180deg,#e2e9f4 0%,#f7efe1 70%,#d9e7d6 100%);box-shadow:inset 0 0 50px #ffffffb0}.story-stage::before{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/academy.png') center/cover;opacity:.12;filter:blur(2px)}.story-message{font-size:14px;line-height:1.8;padding:14px 18px;border-radius:12px;background:#e9f1eb;color:#5c8076;margin-top:14px;min-height:76px}.scene-sun{position:absolute;top:17px;right:30px;color:#e8bb71;font-size:68px;text-shadow:0 0 40px #ffefba}.stone-path{position:absolute;bottom:-15px;left:15%;width:85%;height:50%;transform:skewX(-20deg);background:repeating-linear-gradient(90deg,transparent 0 55px,#ccc1b755 56px 58px),repeating-linear-gradient(0deg,#e8dfce 0 34px,#cfc2b659 35px 37px);border:1px solid #ded3c0;border-radius:50%}.puddle-water{position:absolute;width:190px;height:90px;left:43%;top:57%;border-radius:60% 45% 70% 35%;background:radial-gradient(ellipse at 40% 30%,#d4f1ff,#8dc5dcaa);box-shadow:inset 0 0 10px #ffffffd9,0 4px 8px #57788722;transform:translate(-50%,-50%)}.puddle-water::after{content:'✧';position:absolute;left:55%;top:8px;color:white;font-size:30px}.scene-xiaobao{height:255px;position:absolute;right:8px;bottom:6px;filter:drop-shadow(0 4px 5px #4d456326)}.game-tool{background:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.game-tool small{display:block;font-size:12px;color:#88718f;background:#fff9efed;padding:6px 9px;border-radius:8px;white-space:nowrap;box-shadow:0 4px 15px #33204c11}.magnifier{position:absolute;left:9%;bottom:15%;font-size:57px;filter:drop-shadow(0 0 10px #ffffff)}.observing .puddle-water{animation:puddleShrink 3s ease-in forwards}.vapor-clue{position:absolute;left:43%;top:30%;transform:translateX(-50%);opacity:0;text-align:center;color:#9f91b6}.vapor-clue span{display:inline-block;font-size:38px;margin:0 7px;font-weight:300;animation:bob 1.6s ease-in-out infinite}.vapor-clue small{display:block;font-size:11px;max-width:170px;line-height:1.8}.observing .vapor-clue{animation:appear 1s 1.2s forwards}.clothesline{position:absolute;left:15%;right:15%;top:25%;height:3px;background:#9f87ac;border-radius:5px}.clothesline::before,.clothesline::after{content:'';position:absolute;width:5px;height:176px;top:-7px;background:#b3a68c;box-shadow:2px 0 2px #fff}.clothesline::before{left:-2px}.clothesline::after{right:-2px}.towel{position:absolute;top:28%;width:100px;height:127px;border:3px solid #b594c5;background:linear-gradient(135deg,#d7c0e6,#b595ce);border-radius:5px 5px 30px 30px;transform:translateX(-50%);box-shadow:0 5px 10px #83679715}.towel::before{content:'✦';position:absolute;left:50%;top:25%;transform:translateX(-50%);color:#f2e3ce;font-size:42px;z-index:2}.towel i{position:absolute;inset:0;background:linear-gradient(0deg,#688caac9,#97b5d397);border-radius:inherit;transition:opacity 6s}.towel small{display:block;position:absolute;bottom:-34px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#fffaf1db;border-radius:5px;padding:5px 8px;color:#887391;font-size:10px}.towel-left{left:32%}.towel-right{left:69%}.drying .towel-right i{opacity:0}.drying .towel-left i{opacity:.65}.drying .towel-right{animation:sway .7s ease-in-out infinite alternate}.fan-zone{position:absolute;left:76%;top:76%;transform:translate(-50%,-50%);width:80px;height:72px;border:2px dashed #b795d4;border-radius:50%;background:#f8ecffad;color:#b595d1;box-shadow:0 0 25px #d9c1f0;font-size:25px}.fan-zone small{display:block;font-size:10px;color:#987ba6}.fan{position:absolute;left:28%;top:78%;transform:translate(-50%,-50%);padding:0;z-index:5;font-size:66px;color:#b4a1d0;filter:drop-shadow(0 4px 4px #4d305724);width:105px;height:105px;cursor:grab}.fan-blades{display:block;line-height:60px;position:relative;z-index:2;text-shadow:1px 2px #fff}.fan i{display:block;position:absolute;height:43px;width:7px;background:#bca279;left:49px;top:29px;z-index:1;border-radius:5px}.fan small{position:relative;z-index:3;font-size:10px;margin-top:9px}.fan.spinning .fan-blades{animation:spin 1s linear infinite}.fan[aria-pressed=true]{filter:drop-shadow(0 0 15px #cdabea)}.dry-spirit{position:absolute;right:7%;top:7%;font-size:38px;animation:bob 2s ease-in-out infinite}.air-trails{position:absolute;left:60%;top:16%;display:flex;gap:10px;font-size:30px;color:#b9a2ce;opacity:0}.air-trails i{font-style:normal;animation:bob 1s ease-in-out infinite}.drying .air-trails{opacity:1}.sun-platform{position:absolute;left:27%;top:29%;width:135px;height:105px;transform:translate(-50%,-50%);border:2px dashed #e3c694;border-radius:50%;background:#fff0c9c7;color:#e2b764;font-size:52px;box-shadow:0 0 35px #ffe1a5}.sun-platform small{display:block;white-space:nowrap;font-size:11px;position:absolute;left:50%;bottom:-20px;transform:translateX(-50%);color:#a18b68}.ice-crystal{position:absolute;left:53%;top:55%;transform:translate(-50%,-50%);font-size:79px;color:#9dd8ee;text-shadow:0 0 5px #ffffff,5px 5px #85bad9;z-index:6;cursor:grab}.ice-crystal small{font-size:11px}.garden-river{position:absolute;left:27%;top:41%;width:40%;height:32%;border-left:12px solid #cfc7b988;border-bottom:12px solid #cfc7b988;border-radius:0 0 0 50px;transition:border-color 3s;z-index:-1}.melting .garden-river{border-color:#98d7e5}.melting .ice-crystal{animation:iceMelt 3s forwards}.garden-flowers{position:absolute;left:40%;bottom:14%;display:flex;gap:22px;font-size:45px;align-items:end}.garden-flowers span{transition:transform 1s}.melting .garden-flowers span{animation:bloom .9s 2.6s both}.garden-xiaobao{position:absolute;right:4%;height:225px;bottom:7px;filter:drop-shadow(0 5px 4px #38224d23)}.garden-spirit{position:absolute;top:8%;right:12%;font-size:45px;animation:bob 2s infinite}.chat-form input{font-size:16px}.secondary{text-decoration:none}.dpad{width:132px;height:94px}.icon-button{min-height:44px}.brand{font-size:24px}
.dpad{pointer-events:none}.dpad button{pointer-events:auto}.water-clue{animation:clueGlow 2s ease-in-out infinite}@keyframes clueGlow{50%{box-shadow:0 0 25px #8fe5ffc0;border-color:#edffff}}@keyframes puddleShrink{to{transform:translate(-50%,-50%) scale(.16,.05);opacity:0}}@keyframes appear{to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes sway{to{transform:translateX(-50%) rotate(5deg)}}@keyframes iceMelt{to{opacity:0;transform:translate(-50%,-20%) scale(.4,.1)}}@keyframes bloom{from{transform:scale(.5)}to{transform:scale(1.05)}}
@media(max-width:1050px){.npc-portrait{width:60px;height:80px}.brand{font-size:21px}}
@media(max-width:760px){.welcome-copy{padding-top:7vh;padding-bottom:280px}.welcome h1{font-size:51px;margin:20px 0 14px}.welcome-student{height:48vh;right:10px;bottom:2%}.welcome-sub{font-size:14px}.brand{font-size:15px;gap:5px}.brand-star{font-size:20px}.brand small{font-size:5px;letter-spacing:.5px}.player-status{justify-content:center}.player-status b{font-size:11px}.xp-track{width:83px}.top-actions{gap:0}.icon-button{padding:5px;min-width:35px;font-size:19px}.topbar{gap:8px}.npc-portrait{width:63px;height:85px}.map-place{min-width:100px}.map-place small{font-size:6.5px}.world-tip{font-size:7px}.dpad{width:132px;height:94px}.story-stage{height:300px}.story-say{padding:11px 12px;gap:10px}.story-say>img{width:45px;height:64px}.story-say p{font-size:14px;line-height:1.8}.story-message{font-size:14px;padding:12px 14px}.scene-xiaobao{height:195px;right:1px;bottom:10px}.puddle-water{left:40%;width:132px;height:67px}.magnifier{font-size:45px;left:7%;bottom:14%}.magnifier small{font-size:9px}.vapor-clue{left:40%;top:33%}.vapor-clue span{font-size:28px;margin:0 5px}.vapor-clue small{font-size:9px}.towel{width:70px;height:105px}.towel-left{left:29%}.towel-right{left:68%}.towel::before{font-size:35px}.clothesline{left:12%;right:12%}.towel small{font-size:9px;bottom:-29px}.fan{font-size:53px;width:90px;height:95px}.fan i{left:44px}.fan-zone{width:70px;height:68px}.dry-spirit{font-size:32px}.air-trails{top:12%;font-size:25px;gap:4px}.sun-platform{width:98px;height:90px;font-size:42px}.sun-platform small{font-size:9px}.ice-crystal{font-size:66px}.garden-xiaobao{height:180px;right:0}.garden-flowers{font-size:34px;gap:9px;left:25%;bottom:13%}.garden-spirit{font-size:30px;right:10%}.story-party{height:215px;gap:30px}.story-party>img{height:195px}.spirit{font-size:58px}.fact-card p{font-size:14px}.chat-bubble{font-size:14px}.faq-buttons button{font-size:12px;min-height:44px}.panel-header h2{font-size:20px;line-height:1.6}.panel-header .eyebrow{font-size:9px;letter-spacing:1px}.close{width:44px;height:44px}}
@media(max-width:760px) and (orientation:portrait){.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:35px 37px;height:88px;padding:8px 12px;gap:0 8px}.brand{grid-column:1;grid-row:1;font-size:16px;white-space:nowrap}.brand small{display:none}.top-actions{grid-column:2;grid-row:1/3}.player-status{grid-column:1;grid-row:2;justify-content:flex-start;padding-left:26px}.xp-track{width:130px;height:4px;margin:4px 0 3px}.player-status b span{margin-left:14px}.bottom-nav button{flex-direction:column;gap:3px;min-height:59px;font-size:9px;white-space:nowrap;position:relative}.bottom-nav span{font-size:21px}.bottom-nav i{position:absolute;top:5px;right:8px}.water-clue{top:60%!important;left:44%!important}}
@media(max-width:760px) and (orientation:portrait){.topbar{height:101px;grid-template-rows:35px 50px}}
@media(max-width:760px) and (orientation:landscape){.welcome-copy{padding:25px 40px 75px}.welcome h1{font-size:40px;margin:6px 0}.welcome-student{height:85vh;right:10%;bottom:2%}.welcome-story{display:none}.welcome-note{font-size:8px;margin-top:8px}.enter{margin-top:15px}.dpad{height:82px;width:123px}.world-tip{bottom:8px}}
.voice-controls{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:-5px 0 17px;padding:10px 13px;background:#f4eef7;border:1px solid #e6daee;border-radius:12px}.voice-controls .secondary{padding:8px 13px;min-height:42px;font-size:12px}.voice-controls .voice-status{font-size:11px;color:#9a83a8;line-height:1.8;flex:1;min-width:150px}.voice-status[data-mode="playing"]{color:#65998a}.voice-status[data-mode="blocked"]{color:#ad875d}.story-say.speaking{border-color:#b9d4c7}.story-say.speaking b::after{content:'  ♫';color:#6f9d8d}.story-say.speaking img{filter:drop-shadow(0 0 7px #bce5d580)}
@media(max-width:760px){.voice-controls{padding:10px;gap:6px}.voice-controls .secondary{min-height:44px;padding:8px 9px;font-size:11px}.voice-controls .voice-status{width:100%;flex-basis:100%;font-size:11px}.welcome-note{max-width:270px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.observing .puddle-water{opacity:0}.observing .vapor-clue{opacity:1}.melting .ice-crystal{opacity:0}.melting .garden-flowers span{transform:scale(1)}}
/* Landscape keeps the academy controls visible and puts each experiment beside its guide. */
@media (orientation:landscape) and (max-height:600px){
  #game{height:100svh;overflow:hidden}
  .topbar{height:48px;padding:4px 14px;gap:8px}
  .brand{font-size:15px;gap:7px}.brand small{display:none}.brand-star{font-size:22px}
  .player-status{gap:6px}.player-status>img{height:36px;width:30px}.player-status small{font-size:9px}
  .top-actions{gap:10px}.icon-button{min-width:44px;min-height:44px}.crystals small{display:none}
  .game-layout{display:block;padding:5px 12px;height:calc(100svh - 48px)}
  .sidebar{display:none}.world-column{height:100%;display:flex;flex-direction:column;min-height:0}
  .world-header{height:30px;min-height:30px;padding:0 3px}.world-header .eyebrow{display:none}.world-header h2{font-size:16px}
  .world-viewport{flex:1;min-height:0;aspect-ratio:auto}.world{width:100%;left:0;height:100%}
  .map-place{padding:5px 7px}.map-place small{display:none}.map-place b{font-size:10px}.map-place i{font-size:16px}
  .avatar img{height:70px}.npc-portrait{height:60px}.npc-portrait img{height:60px}.world-tip{display:none}
  .dpad{width:132px;height:94px;bottom:6px;left:7px}.dpad button{min-height:44px;min-width:44px}
  .interact{bottom:8px;right:8px;min-height:44px;padding:10px 16px}
  .bottom-nav{margin-top:5px;padding:2px;flex-shrink:0}.bottom-nav button{min-height:44px;flex-direction:row;gap:5px;font-size:10px}.bottom-nav span{font-size:18px}
  dialog{width:calc(100% - 22px);max-width:950px;max-height:96svh;padding:12px 16px;border-radius:16px}
  .panel-header{padding-bottom:7px;margin-bottom:9px;gap:8px}.panel-header h2{font-size:18px;margin-top:2px;line-height:1.4}.panel-header .eyebrow{font-size:9px;letter-spacing:1px}.close{min-height:44px;min-width:44px}
  #panelbody:has(.story-stage){display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.85fr);gap:8px 12px;align-items:start}
  #panelbody:has(.story-stage)>.story-stage{grid-column:1;grid-row:1 / span 4;height:clamp(190px,calc(100svh - 118px),340px)}
  #panelbody:has(.story-stage)>.story-say{grid-column:2;grid-row:1;margin:0;padding:7px 10px;gap:7px}
  .story-say>img{width:35px;height:47px}.story-say p{font-size:14px;line-height:1.5}
  #panelbody:has(.story-stage)>.voice-controls{grid-column:2;grid-row:2;margin:0;padding:5px;gap:5px}.voice-controls .secondary{min-height:44px;padding:7px;font-size:11px}.voice-controls .voice-status{min-width:0;flex-basis:100%;line-height:1.4}
  #panelbody:has(.story-stage)>.story-message{grid-column:2;grid-row:3;margin:0;min-height:0;padding:8px 10px;font-size:14px;line-height:1.5}
  #panelbody:has(.story-stage)>.button-row{grid-column:2;grid-row:4;margin:0;gap:6px;flex-wrap:wrap}.button-row button{min-height:44px;padding:9px 11px;font-size:12px}
  #panelbody:has(.story-stage)>.caption{grid-column:1 / -1;margin:0;line-height:1.5}
  .scene-xiaobao,.garden-xiaobao{height:66%;max-height:190px}.game-tool small{font-size:11px}
}
@media (orientation:landscape) and (min-height:601px) and (max-height:1000px) and (min-width:900px){
  .game-layout{grid-template-columns:210px minmax(0,1fr);grid-template-rows:minmax(0,1fr);padding:18px 24px;height:calc(100svh - 88px)}
  .sidebar{overflow-y:auto;min-height:0}.world-column{display:flex;flex-direction:column;min-height:0;height:100%}.world-header{min-height:52px;height:52px}
  .world-viewport{flex:1;min-height:0;aspect-ratio:auto}.world{height:100%}.bottom-nav{flex-shrink:0;margin-top:10px}
}
.offline-entry{display:block;margin:12px auto 0;border:0;background:transparent;color:#554175;text-decoration:underline;text-underline-offset:4px;padding:8px 12px;min-height:44px;font:inherit;cursor:pointer}.offline-panel{width:min(560px,calc(100vw - 24px));padding:24px;max-height:calc(100svh - 28px);overflow:auto;color:#34284f}.offline-panel p,.offline-panel li{font-size:14px;line-height:1.8}.offline-panel ol{padding-left:24px}.offline-panel li{padding:3px 0}.offline-panel #offline-status{background:#ecf4ee;border-radius:12px;padding:14px}.offline-panel progress{width:100%;accent-color:#89759b}.offline-panel .button-row{margin-top:16px}.offline-panel .caption{font-size:12px}.offline-panel .panel-header{position:static}.top-actions #offline-open{flex-shrink:0}@media(max-height:600px) and (orientation:landscape){.offline-panel{padding:16px}.offline-panel h2{font-size:21px}.offline-panel li{padding:0}}