:root{color-scheme:dark;--bg:#101d28;--panel:#1a2c36;--border:#34464b;--ink:#e4e7d5;--muted:#91a296;--gold:#dbb875;--green:#8bb493;--mint:#acd2aa;--red:#e48678}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Noto Sans SC','Microsoft YaHei',sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}body:before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 0,#33554530,transparent 65%);z-index:-1}button,a,input{font:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;touch-action:manipulation}button:disabled{cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #e5bd76;outline-offset:4px}button:hover:not(:disabled){filter:brightness(1.12)}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button{transition:filter .15s,background .15s}button,dialog{border:0}#app{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.topbar{height:86px;border-bottom:1px solid #344b493d;display:flex;align-items:center;justify-content:space-between;padding:0 max(26px,calc((100vw - 1430px)/2));background:#15262f;gap:20px}.brand{display:flex;gap:13px;align-items:center}.brand-mark{display:grid;place-items:center;width:44px;height:44px;background:#293d3d;border:1px solid #7a7953;border-radius:9px;color:#e8c47e;font-size:28px;box-shadow:inset 0 0 0 3px #1d3031}.brand strong{font-size:23px;letter-spacing:2px;font-weight:800;color:#ead9af}.brand small{display:block;font-size:8px;letter-spacing:1.8px;color:#8d9e8f;margin-top:5px}.top-actions{display:flex;align-items:center;gap:10px}.top-actions>button{height:37px;min-width:38px;border:1px solid #3b5050;border-radius:7px;background:#20333a;font-size:19px;color:#a9b8a0}.top-actions>.book-button{font-size:11px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 15px;color:#becab0;min-width:152px}.top-actions .muted{color:#647d77}.game-layout{max-width:1482px;width:calc(100% - 52px);margin:29px auto 25px;display:grid;grid-template-columns:215px minmax(0,1fr) 212px;gap:22px;align-items:start;flex:1}.hero-panel,.journey-panel{background:linear-gradient(#1b2d36,#192a33);border:1px solid #34484a;border-radius:12px;padding:21px 17px;box-shadow:0 6px 22px #07121c20}.panel-eyebrow{font-size:8px;letter-spacing:1.4px;color:#7e9687;line-height:1.7;font-weight:600}.portrait-box{position:relative;margin-top:18px;background:radial-gradient(ellipse at center,#59715a42,#1c3033 70%);border:1px solid #40534a;border-radius:8px;overflow:hidden;height:157px;display:flex;justify-content:center}.portrait-box:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#5673540d 1px,transparent 1px),linear-gradient(90deg,#5673540d 1px,transparent 1px);background-size:16px 16px}.portrait-box canvas{width:154px;height:139px;image-rendering:pixelated;position:relative}.portrait-rarity{position:absolute;bottom:0;left:0;right:0;text-align:center;color:#a8bc90;background:#203330d9;border-top:1px solid #4960446b;padding:7px 5px;font-size:9px}.hero-panel h1{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:15px;font-weight:600;margin:17px 0 20px;color:#d9dcbf}.hero-panel h1>span{font-family:monospace;font-size:11px;color:#d6ba7a;background:#3c3d2a;border:1px solid #60583a;padding:4px 6px;border-radius:4px}.xp-heading,.life-heading{display:flex;justify-content:space-between;font-size:10px;color:#97aa95;gap:8px}.xp-heading strong{font-size:9px;font-family:monospace;color:#b7c9a5;font-weight:500}.xp-track{margin:9px 0 23px;height:7px;border-radius:2px;border:1px solid #43554a;background:#101f25;overflow:hidden}.xp-track>span{display:block;height:100%;background:linear-gradient(90deg,#6f9f7a,#b7d69d);transition:width .3s}.life-heading{font-size:10px}.life-heading>span:last-child{font-family:monospace;color:#c6b199;font-size:11px}.hearts{display:flex;justify-content:space-between;font-size:29px;margin-top:5px;line-height:1.5;gap:3px;text-shadow:0 2px 0 #6c3a32}.hearts .full{color:#d88875}.hearts .empty{color:#3d4a48;text-shadow:none}.life-rule{font-size:8px;line-height:1.8;color:#9e9280;margin-top:6px;white-space:nowrap;letter-spacing:-.3px}.hero-divider{height:1px;background:#344848;margin:22px 0}.equipment{display:flex;align-items:center;gap:9px}.equipment-icon{height:35px;width:35px;background:#344039;border:1px solid #5a5a42;border-radius:6px;display:grid;place-items:center;color:#d5bc82;font-size:24px;flex-shrink:0}.equipment>span:nth-child(2){display:flex;flex-direction:column;gap:5px}.equipment small{font-size:8px;color:#899d8a}.equipment strong{font-size:11px;color:#b9c5a2;font-weight:500}.equipment>b{font-size:8px;color:#aab687;font-weight:400;margin-left:auto;white-space:nowrap}.coin-row{display:flex;justify-content:space-between;align-items:center;color:#aa9a71;font-size:10px;margin-top:18px}.coin-row strong{font-family:monospace;font-size:16px;font-weight:500;color:#e1c482}.journal-button{width:100%;min-height:44px;padding:12px 9px;border:1px solid #4a5845;background:#2c3d33;border-radius:6px;color:#b4c49b;font-size:10px;display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:20px}.journal-button>span{background:#1d3028;border:1px solid #506344;border-radius:4px;font-size:8px;padding:1px 5px;color:#c2cfaa}.hero-note{display:flex;gap:10px;margin:26px 0 2px;padding:0 6px;color:#81967e}.hero-note>span{font-size:23px;color:#acac77}.hero-note p{font-size:10px;line-height:2}.adventure-main{min-width:0}.chapter-top{height:53px;display:flex;align-items:center;justify-content:space-between;margin:0 0 18px;gap:15px}.chapter-top h2{font-size:26px;font-weight:700;letter-spacing:1px;color:#e8e2c6;margin-top:4px}.chapter-top .panel-eyebrow{font-size:8px;color:#83998b;letter-spacing:1.5px}.map-button{border:1px solid #47564c;border-radius:6px;background:#24373b;min-height:35px;padding:8px 12px;color:#b6c4a8;font-size:10px}.world-frame{position:relative;border:5px solid #253a3c;border-radius:10px;background:#577b57;outline:1px solid #53604d;overflow:hidden;box-shadow:0 8px 25px #06101a30}.world-frame:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 70px #0e252a35}.world-frame canvas{display:block;width:100%;height:auto;aspect-ratio:896/576;image-rendering:pixelated;cursor:crosshair;touch-action:none}.world-top-overlay{position:absolute;z-index:1;top:13px;left:13px;right:13px;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none}.world-top-overlay>span{font-size:8px;border:1px solid #aac49b60;background:#21382ee0;color:#d2dfb6;padding:6px 9px;border-radius:4px;backdrop-filter:blur(3px)}.world-top-overlay>span:last-child{font-size:7px;color:#d4ddb2;border-color:#c2c49755;background:#3a4931c9}.map-location{position:absolute;bottom:42px;left:17px;font-family:monospace;font-size:9px;letter-spacing:2px;color:#e0e7b9a8;text-shadow:0 1px 3px #162f20;pointer-events:none}.world-bottom-overlay{position:absolute;bottom:0;left:0;right:0;background:#1c332fdf;border-top:1px solid #8b9d6b47;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;font-size:8px;color:#b5c99a;pointer-events:none}.world-bottom-overlay>span:first-child{display:flex;align-items:center;gap:7px}.world-bottom-overlay>span:last-child{font-size:7px;color:#93ac8a}.live-dot{height:5px;width:5px;border-radius:50%;display:inline-block;background:#abc792;box-shadow:0 0 7px #b3df7f40}.quest-strip{display:flex;align-items:center;gap:12px;padding:15px;background:#243832;border:1px solid #435743;border-radius:8px;margin-top:16px}.quest-icon{display:grid;place-items:center;flex-shrink:0;width:27px;height:31px;border:1px solid #9b8b52;background:#4c4830;color:#dfc17b;border-radius:5px;font-weight:700;font-family:monospace;font-size:20px}.quest-strip>div{flex:1}.quest-strip small{display:block;font-size:8px;color:#97aa84;margin-bottom:5px}.quest-strip strong{font-size:11px;line-height:1.8;font-weight:500;color:#c6d3ad}.primary{display:inline-flex;align-items:center;justify-content:center;gap:13px;border:1px solid #d5ba76;border-bottom:3px solid #98743d;border-radius:6px;padding:13px 22px;min-height:48px;color:#324033;font-weight:700;background:linear-gradient(#e4cb91,#d0ae6c);font-size:14px;box-shadow:0 3px 0 #081d1d50}.primary.small{font-size:11px;min-height:39px;padding:8px 12px;gap:9px;white-space:nowrap}.primary kbd{font:9px monospace;color:#695e3f;padding:1px 4px;border:1px solid #b19357;border-radius:2px;background:#fff0b730}.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #586b59;background:#2b403b;color:#bdcdae;border-radius:6px;padding:11px 18px;min-height:44px;font-size:13px}.wide{width:100%}.control-deck{display:flex;align-items:center;gap:18px;border:1px solid #30484a;background:#172b33;border-radius:8px;margin-top:15px;padding:12px 14px}.direction-pad{display:grid;grid-template-columns:repeat(3,30px);grid-template-rows:repeat(3,28px);gap:3px;flex-shrink:0}.direction-pad button{background:#2d4142;border:1px solid #53614c;border-radius:4px;color:#bacaa0;font-size:15px;touch-action:none}.direction-pad button:active{background:#4c634f}.direction-pad [data-direction=up]{grid-area:1/2}.direction-pad [data-direction=left]{grid-area:2/1}.direction-pad [data-direction=right]{grid-area:2/3}.direction-pad [data-direction=down]{grid-area:3/2}.direction-pad>span{grid-area:2/2;text-align:center;align-self:center;color:#728775;font-size:12px}.travel-controls{flex:1;min-width:0}.travel-controls>p{font-size:9px;color:#819b8a;margin-bottom:9px}#travel-buttons{display:flex;gap:6px;flex-wrap:wrap}#travel-buttons button{padding:6px 8px;border:1px solid #41564c;background:#233934;border-radius:4px;font-size:9px;color:#b0c198;min-height:32px}#travel-buttons button:disabled{opacity:.4}.map-caption{display:flex;justify-content:space-between;gap:10px;margin-top:14px;font-size:8px;color:#667e73;line-height:1.8}.map-caption>span:last-child{color:#78927a}.announcement{font-size:11px;color:#becea4;line-height:1.9;margin-top:14px;min-height:24px}.journey-panel{padding:22px 17px}.journey-panel>h2{font-size:15px;color:#d7d6b3;font-weight:600;margin-top:15px;line-height:1.9;letter-spacing:.2px}.journey-panel>p{font-size:9px;line-height:2;color:#8da18b;margin-top:10px}.journey-list{display:grid;gap:0;margin-top:24px}.journey-node{display:flex;gap:10px;align-items:center;text-align:left;position:relative;background:transparent;border:1px solid transparent;border-radius:6px;padding:13px 7px;min-height:62px;color:#8ca18d;width:100%}.journey-node:after{content:'';position:absolute;width:1px;height:17px;background:#40564d;bottom:-8px;left:20px;z-index:1}.journey-node:last-child:after{display:none}.journey-node.current{border-color:#778654;background:#344331;color:#d4d8a0}.journey-dot{width:25px;height:25px;flex-shrink:0;border:1px solid #4c6353;border-radius:5px;background:#263c38;display:grid;place-items:center;font-size:11px;color:#8da180;font-family:monospace}.current .journey-dot{background:#b3b579;color:#36432f;border-color:#c5c78f}.journey-node.complete .journey-dot{background:#5e805a;color:#c2d9a1;border-color:#839762}.journey-node>span:nth-child(2){display:flex;flex-direction:column;gap:5px}.journey-node strong{font-size:10px;font-weight:500}.journey-node small{font-size:7px;color:#758d7c}.journey-node.current small{color:#a7b386}.journey-node>b{margin-left:auto;font-size:11px;font-weight:400;color:#6e8373}.journey-node.current>b{color:#b7bd7f}.journey-node.locked{opacity:.65}.treasure-note{display:flex;gap:10px;padding:18px 2px 0;border-top:1px solid #344947;margin-top:22px}.treasure-note>span{font-size:22px;color:#a38f5e}.treasure-note strong{font-size:9px;color:#b5ac7e;font-weight:500}.treasure-note p{font-size:8px;color:#85947d;line-height:2;margin-top:7px}.restart-button{width:100%;background:transparent;border:1px solid #43564b;color:#879d86;border-radius:5px;font-size:8px;padding:10px 5px;min-height:35px;margin-top:22px}footer{max-width:1430px;width:calc(100% - 52px);border-top:1px solid #2b423e;margin:0 auto;min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:8px;color:#647b6f;line-height:1.8}.storage-error{padding:15px 25px;border-bottom:1px solid #986c53;background:#453a2d;color:#e2c59b;font-size:13px;line-height:1.9}.storage-error button{background:#7c6341;border:1px solid #c6a56a;color:#fff0ce;padding:8px 13px;border-radius:4px;margin-left:10px}.storage-error[hidden]{display:none}
/* 原生对话框负责焦点圈定，地图在弹窗期间暂停。 */
dialog{padding:0;background:#1c3036;color:#e3e6d0;border:1px solid #7a8060;border-radius:12px;box-shadow:0 25px 100px #020d16b3;max-height:90dvh;overscroll-behavior:contain}dialog::backdrop{background:#07141dbd;backdrop-filter:blur(5px)}.panel-dialog{width:min(640px,calc(100% - 30px))}.panel-dialog:has(.glossary),.panel-dialog:has(.world-map-list){width:min(760px,calc(100% - 30px))}#panel-content{padding:35px;position:relative;text-align:center}.dialog-close{position:absolute;right:13px;top:11px;height:35px;width:35px;border-radius:5px;border:1px solid #4c6155;background:#263d3b;color:#a8b89b;font-size:22px;line-height:1}.dialog-eyebrow{font-size:9px;letter-spacing:1.6px;color:#a0b28c;line-height:1.8;margin:4px 0 14px}.panel-dialog h2{font-size:27px;line-height:1.6;color:#e2d4a7;letter-spacing:.2px}.dialog-intro{font-size:13px;line-height:2.1;color:#a6b99e;margin:17px 0 22px}.dialog-intro.compact{font-size:12px;margin:12px 0}.welcome-emblem,.defeat-emblem,.portal-emblem{height:70px;width:70px;margin:5px auto 25px;border:1px solid #8e8352;border-radius:12px;background:#3c4632;display:grid;place-items:center;color:#e7ce8c;font-size:43px;box-shadow:inset 0 0 0 5px #293b31}.defeat-emblem{background:#473a35;border-color:#906451;color:#d98d7c;box-shadow:inset 0 0 0 5px #302d2b}.portal-emblem{color:#bdd6a1;background:#3e5438;border-color:#94ad6c}.welcome-rules{display:grid;gap:15px;margin:24px 0 28px;padding:20px;border:1px solid #465c46;background:#233c33;border-radius:8px;text-align:left;font-size:13px;color:#bdcba5;line-height:1.8}.welcome-rules>span:nth-child(2){color:#d7b799}.welcome-rules>span:nth-child(3){color:#c8b47d}.dialog-footnote{display:block;color:#7f9682;font-size:10px;line-height:2;margin-top:17px}.last-mistake{border:1px solid #685d45;background:#343d30;border-radius:8px;padding:20px;text-align:left}.last-mistake>small{color:#a69770;font-size:10px}.last-mistake strong{display:block;font-size:21px;color:#d7c799;margin-top:10px;overflow-wrap:anywhere}.last-mistake p{font-size:13px;color:#b6ba95;line-height:1.9;margin-top:10px}.gentle-line{font-size:12px;color:#a6b68e;line-height:1.8;margin:22px 0}.panel-dialog .secondary.wide{margin-top:12px}.win-stats{display:flex;justify-content:center;gap:25px;margin:25px 0 30px}.win-stats>span{display:flex;flex-direction:column;font-size:11px;color:#9dad8f;gap:10px}.win-stats b{font-family:monospace;font-size:29px;color:#d7c28a;font-weight:500}.battle-dialog{width:min(820px,calc(100% - 28px));border-color:#7d8259}.battle-heading{display:flex;justify-content:space-between;align-items:center;padding:13px 22px;background:#283b36;border-bottom:1px solid #4c5e48;gap:15px}.battle-heading>span{font-size:9px;color:#b6c39d;letter-spacing:1.4px}.retreat-button{font-size:10px;color:#a1b191;background:transparent;border:0;min-height:30px}.battle-bars{display:flex;justify-content:space-between;gap:20px;padding:19px 25px 0;background:#213740}.battle-bars>div{display:flex;flex-direction:column;gap:8px;max-width:45%;min-width:130px}.battle-bars strong{font-size:13px;color:#ccdab5;font-weight:500}.battle-bars strong>small{font-size:10px;font-family:monospace;color:#d4b77b;margin-left:8px}.battle-bars>div:nth-child(2){text-align:right;align-items:flex-end}.battle-bars h2{font-size:14px;font-weight:500;color:#d2c5a5}.battle-hearts{font-size:20px;letter-spacing:3px;color:#e59b87}.enemy-hp{width:160px;height:7px;background:#101f25;border:1px solid #6a6a50;border-radius:2px;overflow:hidden;display:block}.enemy-hp>i{display:block;height:100%;background:#cbb97d}.battle-bars>div>small{font-size:9px;font-family:monospace;color:#a69d79}.battle-dialog canvas{display:block;width:100%;height:auto;image-rendering:pixelated;background:#213740}.question-area{padding:24px 27px 21px;border-top:1px solid #65714d}.question-type{display:flex;justify-content:space-between;align-items:center;gap:15px;color:#97b18a;font-size:10px}.question-type>span:first-child{padding:5px 8px;background:#304637;border:1px solid #4b654b;border-radius:4px;font-size:10px}.question-type>span:last-child{font-size:9px;color:#a59c7c}.question-area h3{font-size:22px;color:#e5e8d1;line-height:1.8;font-weight:600;margin:18px 0 20px;overflow-wrap:anywhere}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:17px 0}.answer-option{display:flex;align-items:center;gap:13px;min-height:64px;padding:14px 16px;border:1px solid #5a6b55;border-bottom:3px solid #293d35;border-radius:7px;background:#30443c;text-align:left;color:#dbe1c8;line-height:1.7;word-break:break-word}.answer-option>span{display:grid;place-items:center;height:25px;width:25px;flex-shrink:0;border:1px solid #61754f;background:#40563c;color:#bdca9d;font-family:monospace;font-size:12px;border-radius:4px}.answer-option strong{font-size:16px;font-weight:500;overflow-wrap:anywhere}.answer-option>b{margin-left:auto;color:#c9ddae}.answer-option.correct{background:#3b5c3f;border-color:#94b16b;color:#e5eecb}.answer-option.wrong{background:#68463d;border-color:#b28367;color:#f0d0b9}.answer-option.dim{opacity:.4}.battle-bottom-tip{font-size:10px;color:#8ea081;line-height:1.8;text-align:center;margin-top:20px}.battle-feedback{padding:19px 20px;border:1px solid #5d7750;background:#2c4837;border-radius:7px;margin-top:18px}.battle-feedback.negative{border-color:#907151;background:#493d31}.battle-feedback>strong{font-size:15px;font-weight:500;color:#cfdfb2}.battle-feedback.negative>strong{color:#e5b797}.battle-feedback>p{font-size:13px;color:#a9be97;line-height:2;margin:10px 0 17px}.battle-feedback.negative>p{color:#d3bda0}.battle-feedback .primary{font-size:13px;min-height:44px;padding:11px 18px}.audio-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.audio-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:45px;padding:11px 16px;background:#365451;border:1px solid #6a8d75;color:#c6dec0;border-radius:6px;font-size:13px}.text-link{background:none;border:0;color:#a5b896;text-decoration:underline;text-underline-offset:4px;font-size:11px;min-height:40px;padding:6px}.audio-controls>span{font-size:10px;color:#8ea086}.audio-controls>strong{font-size:20px;color:#e4d29e;border:1px solid #7e7a50;background:#394839;padding:9px 17px;border-radius:5px}.audio-controls>strong[hidden]{display:none}.mentor-icon{font-size:45px;margin:10px 0 20px}.glossary{text-align:left;max-height:45dvh;overflow:auto;padding:5px 4px 13px;margin:20px 0}.glossary h3{font-size:14px;font-weight:500;color:#b6c7a2;margin:10px 0 15px}.word-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:27px}.word-chip{padding:13px 12px;background:#283e37;border:1px solid #465f4a;border-radius:6px;text-align:left;line-height:1.8}.word-chip strong{font-size:14px;color:#c8d7b2;font-weight:500;display:flex;justify-content:space-between;gap:8px;overflow-wrap:anywhere}.word-chip strong>span{font-size:10px;color:#7e9b7d}.word-chip small{display:block;font-size:11px;color:#8fa68a;margin-top:4px;overflow-wrap:anywhere}.notebook-tabs{display:flex;gap:10px;justify-content:center;border-bottom:1px solid #42564a;padding-bottom:16px;margin-top:20px}.notebook-tabs button{border:1px solid #4c644b;background:#283d35;color:#97ae8e;border-radius:5px;padding:10px 15px;min-height:44px;font-size:12px}.notebook-tabs .active{color:#d1d7a7;background:#3f5138;border-color:#8a9361}.wrong-list{max-height:48dvh;overflow:auto;text-align:left;padding-right:5px}.wrong-list article{padding:22px 0;border-bottom:1px solid #3d5546}.wrong-status{font-size:9px;color:#cca887;border:1px solid #746045;background:#443d2e;padding:4px 7px;border-radius:4px}.wrong-status.solved{color:#abc696;border-color:#627c4f;background:#344c33}.wrong-list h3{font-size:16px;color:#d6dfc3;line-height:1.9;margin:14px 0 8px}.wrong-list p{color:#a4b597;font-size:12px;line-height:2;margin-bottom:15px}.wrong-list .secondary{font-size:11px;padding:8px 13px;min-height:39px}.empty-note{padding:45px 15px 30px;color:#8aab88}.empty-note>span{font-size:39px;color:#c1bd7a}.empty-note h3{font-size:19px;font-weight:500;margin:15px 0}.empty-note p{font-size:12px;line-height:2}.practice-question{font-size:20px;color:#d2dcbd;line-height:1.8;margin:24px 0;text-align:left}.practice-feedback{font-size:14px;color:#d8c28d;background:#3b4933;border:1px solid #64784b;border-radius:6px;padding:18px;margin:20px 0;line-height:1.9}.practice-feedback p{font-size:13px;color:#aebe94;margin-top:9px}.panel-dialog .answer-option strong{font-size:15px}.panel-dialog:has(.practice-question) .secondary{margin-left:10px}.world-map-list{display:grid;gap:10px;margin:23px 0 4px;text-align:left}.world-map-list>div{display:flex;gap:15px;align-items:center;padding:14px 16px;border:1px solid #415947;background:#263c34;border-radius:7px;color:#8ba181}.world-map-list>div>span{height:37px;width:37px;flex-shrink:0;background:#364c37;border:1px solid #5e764a;border-radius:5px;display:grid;place-items:center;font-family:monospace;font-size:17px}.world-map-list strong{display:block;font-size:15px;color:#b7c9a2;font-weight:500}.world-map-list small{display:block;color:#839d7b;font-size:10px;margin-top:6px;line-height:1.8}.world-map-list b{font-size:10px;font-weight:400;color:#889c79;margin-left:auto;white-space:nowrap}.world-map-list .current{border-color:#a7ac68;background:#3b5035}.world-map-list .current strong{color:#d9dcaa}.world-map-list .current>span{background:#a3ad71;color:#2c432b}.world-map-list .done>span{color:#b8cf9b}.book-choice{display:flex;align-items:center;gap:17px;width:100%;text-align:left;border:1px solid #546e52;background:#2b4236;padding:21px 18px;margin:16px 0;border-radius:8px}.book-choice.selected{border-color:#a0aa6b;background:#3a4d34}.book-choice>span{font-family:monospace;font-size:23px;color:#b8bd80}.book-choice>div{flex:1}.book-choice strong{font-size:17px;font-weight:500;color:#d0dab5;display:block}.book-choice small{display:block;margin-top:9px;font-size:10px;color:#95ad87;line-height:1.8}.book-choice>b{font-size:10px;font-weight:400;color:#b5c192}.help-list{text-align:left;margin:20px 0;color:#a7bc99;font-size:13px;line-height:2}.help-list p{margin:15px 0}#practice-transcript{font-size:21px;color:#dcc692;margin:14px 0}#app:fullscreen{overflow:auto;background:#101d28}
@media(min-width:1500px){.game-layout{margin-top:35px;gap:28px;grid-template-columns:230px minmax(0,1fr) 225px}.hero-panel,.journey-panel{padding:24px 20px}.hero-panel h1{font-size:16px}.portrait-box{height:170px}.portrait-box canvas{height:151px;width:167px}.life-rule{font-size:9px}.journey-node{min-height:68px}.journey-node strong{font-size:11px}.world-top-overlay>span{font-size:10px}.world-top-overlay>span:last-child{font-size:9px}.quest-strip strong{font-size:13px}#travel-buttons button{font-size:10px;min-height:36px}.travel-controls>p{font-size:11px}.map-caption{font-size:9px}}
@media(max-width:1200px){.game-layout{grid-template-columns:185px minmax(0,1fr);gap:20px;max-width:1100px}.journey-panel{grid-column:1/-1;display:grid;grid-template-columns:160px 1fr;gap:0 20px;padding:20px}.journey-panel>.panel-eyebrow{grid-column:1}.journey-panel>h2{grid-column:1;font-size:14px;margin-top:7px}.journey-panel>p{grid-column:1;margin-top:5px}.journey-list{grid-column:2;grid-row:1/5;display:grid;grid-template-columns:repeat(7,1fr);margin:0;align-items:center;gap:6px}.journey-node{flex-direction:column;gap:9px;padding:12px 5px;text-align:center;min-height:101px;justify-content:center}.journey-node:after{display:none}.journey-node strong{font-size:8px;white-space:nowrap}.journey-node small{font-size:7px}.journey-node>b{display:none}.journey-node>span:nth-child(2){gap:7px}.treasure-note{display:none}.restart-button{grid-column:1;margin-top:13px;font-size:8px}.hero-panel{padding:19px 14px}.panel-eyebrow{font-size:7px;letter-spacing:1px}.hero-panel h1{font-size:13px;gap:4px}.hero-panel h1>span{font-size:10px;padding:3px 5px}.life-rule{font-size:7px;letter-spacing:-.2px}.equipment{gap:7px}.equipment strong{font-size:10px}.equipment>b{font-size:7px}.equipment-icon{height:30px;width:30px;font-size:22px}.journal-button{font-size:9px;padding:11px 7px}.hero-note{padding:0}.portrait-box{height:145px}.portrait-box canvas{height:127px;width:141px}.map-caption{font-size:7px}.world-frame{border-width:4px}}
@media(max-width:850px){.topbar{height:75px;padding:0 21px}.brand strong{font-size:20px}.brand small{font-size:7px;letter-spacing:1px}.brand-mark{height:38px;width:38px;font-size:24px}.top-actions{gap:7px}.top-actions>button{height:34px;min-width:34px;font-size:17px}.top-actions>.book-button{font-size:10px;min-width:132px;padding:0 11px;gap:10px}.game-layout{width:calc(100% - 36px);grid-template-columns:1fr;margin:23px auto;gap:19px}.hero-panel{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;padding:15px 18px;border-radius:9px}.hero-panel>.panel-eyebrow,.hero-panel>.hero-divider,.hero-panel>.hero-note,.hero-panel>.life-rule{display:none}.portrait-box{width:63px;height:67px;flex-shrink:0;margin:0}.portrait-box canvas{height:66px;width:73px}.portrait-rarity{display:none}.hero-panel h1{font-size:14px;margin:0;width:142px;flex-wrap:wrap;line-height:1.9}.hero-panel h1>span{font-size:10px}.xp-heading{order:6;font-size:9px;width:115px}.xp-heading strong{font-size:9px}.xp-track{order:7;width:85px;margin:0;height:6px}.life-heading{margin-left:auto;font-size:9px;flex-direction:column;gap:6px;text-align:right}.life-heading>span:last-child{font-size:10px}.hearts{margin:0;font-size:26px;gap:4px;line-height:1}.equipment{order:8;margin-left:auto;min-width:145px}.equipment-icon{height:26px;width:26px;font-size:20px}.equipment strong{font-size:9px}.equipment small{font-size:7px}.equipment>b{font-size:8px}.coin-row{order:9;margin:0;font-size:9px;gap:8px}.coin-row strong{font-size:13px}.journal-button{width:auto;margin:0;order:10;min-height:34px;font-size:9px;gap:8px;padding:8px 10px}.chapter-top{height:auto;margin-bottom:15px}.chapter-top h2{font-size:26px}.chapter-top .panel-eyebrow{font-size:8px}.world-top-overlay>span{font-size:9px}.world-top-overlay>span:last-child{font-size:8px}.world-bottom-overlay{font-size:9px}.world-bottom-overlay>span:last-child{font-size:8px}.quest-strip{padding:14px;gap:11px;margin-top:15px}.quest-strip strong{font-size:12px}.quest-strip small{font-size:9px}.quest-icon{width:26px;height:29px;font-size:18px}.primary.small{font-size:12px;min-height:43px}.direction-pad{grid-template-columns:repeat(3,38px);grid-template-rows:repeat(3,32px);gap:4px}.direction-pad button{font-size:18px}.control-deck{gap:20px;padding:14px}.travel-controls>p{font-size:11px;margin-bottom:11px}#travel-buttons{gap:7px}#travel-buttons button{font-size:11px;padding:8px 10px;min-height:39px}.map-caption{font-size:9px;margin-top:13px}.announcement{font-size:12px}.journey-panel{display:block;padding:19px}.journey-panel>.panel-eyebrow{font-size:8px}.journey-panel>h2{font-size:15px;margin-top:8px}.journey-panel>p{display:none}.journey-list{margin-top:17px;gap:7px}.journey-node strong{font-size:9px}.journey-node small{font-size:7px}.journey-node{min-height:100px;padding:11px 4px}.restart-button{width:auto;padding:9px 14px;font-size:9px;min-height:37px;margin-top:15px}footer{width:calc(100% - 36px);font-size:8px;min-height:62px}.battle-dialog{width:min(760px,calc(100% - 24px))}.question-area h3{font-size:21px}.answer-option strong{font-size:16px}}
@media(max-width:600px){.topbar{height:72px;padding:0 15px;gap:10px}.brand{gap:9px}.brand-mark{height:34px;width:34px;font-size:23px;border-radius:7px}.brand strong{font-size:18px;letter-spacing:1px}.brand small{font-size:6px;letter-spacing:.5px}.top-actions{gap:5px}.top-actions>button{height:32px;min-width:31px;font-size:16px;border-radius:5px}.top-actions>.book-button{min-width:0;font-size:9px;padding:0 8px;max-width:130px;gap:5px}.top-actions>[data-action=fullscreen]{display:none}.game-layout{width:calc(100% - 24px);margin:17px auto;gap:18px}.hero-panel{padding:12px;gap:10px 11px}.portrait-box{width:43px;height:49px;border-radius:5px}.portrait-box canvas{width:54px;height:49px}.hero-panel h1{font-size:12px;width:119px;gap:5px;line-height:1.6}.hero-panel h1>span{font-size:9px;padding:2px 4px}.life-heading{font-size:8px;gap:5px}.life-heading>span:last-child{font-size:9px}.hearts{font-size:23px;gap:1px}.xp-heading{font-size:8px;width:91px;gap:7px}.xp-heading strong{font-size:8px}.xp-track{width:58px}.equipment{min-width:0;gap:6px;margin-left:auto}.equipment>b{display:none}.equipment-icon{height:23px;width:23px;font-size:18px}.equipment strong{font-size:8px}.equipment small{font-size:6px}.coin-row{font-size:8px;gap:5px}.coin-row strong{font-size:12px}.journal-button{font-size:8px;min-height:34px;padding:8px 9px}.chapter-top h2{font-size:24px}.chapter-top .panel-eyebrow{font-size:7px;letter-spacing:.8px}.map-button{font-size:9px;min-height:34px;padding:8px 10px}.world-frame{border-width:3px;border-radius:7px}.world-top-overlay{top:7px;left:7px;right:7px}.world-top-overlay>span{font-size:7px;padding:4px 6px;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.world-top-overlay>span:last-child{display:none}.world-bottom-overlay{padding:7px;font-size:7px;gap:4px}.world-bottom-overlay>span:last-child{display:none}.map-location{font-size:6px;left:10px;bottom:31px;letter-spacing:1px}.quest-strip{padding:12px 10px;gap:9px;border-radius:6px}.quest-strip strong{font-size:10px;line-height:1.9}.quest-strip small{font-size:8px;margin-bottom:3px}.quest-icon{width:24px;height:28px;font-size:17px}.primary.small{font-size:10px;min-height:40px;padding:8px 9px;gap:5px}.primary.small kbd{display:none}.control-deck{gap:13px;padding:11px 9px;border-radius:6px;align-items:center}.direction-pad{grid-template-columns:repeat(3,32px);grid-template-rows:repeat(3,34px);gap:3px}.direction-pad button{font-size:18px}.travel-controls>p{font-size:8px;line-height:1.8;margin-bottom:9px}#travel-buttons{gap:5px}#travel-buttons button{font-size:8px;padding:7px 8px;min-height:35px;line-height:1.6}.map-caption{font-size:7px;line-height:1.8;gap:8px}.map-caption>span:first-child{display:none}.map-caption>span:last-child{margin-left:auto}.announcement{font-size:11px;line-height:2;margin-top:10px}.journey-panel{padding:17px 13px}.journey-panel>h2{font-size:14px;margin-top:8px}.journey-list{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:15px}.journey-node{min-height:83px;gap:7px;padding:9px 4px}.journey-node strong{font-size:9px}.journey-node small{font-size:7px}.journey-dot{height:23px;width:23px;font-size:10px}.restart-button{font-size:8px;margin-top:14px}footer{width:calc(100% - 26px);font-size:7px;min-height:58px}footer>span:last-child{display:none}.panel-dialog{max-height:92dvh;width:calc(100% - 22px);border-radius:10px}#panel-content{padding:31px 20px 25px}.panel-dialog h2{font-size:23px;line-height:1.65}.dialog-eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:11px}.dialog-intro{font-size:12px;line-height:2.1;margin:14px 0 19px}.welcome-emblem,.defeat-emblem,.portal-emblem{height:58px;width:58px;font-size:34px;margin:3px auto 22px}.welcome-rules{font-size:11px;gap:13px;padding:17px;margin:20px 0 23px}.primary{font-size:12px;min-height:47px;padding:12px 16px;gap:8px}.secondary{font-size:12px;padding:11px 15px;min-height:44px}.dialog-footnote{font-size:9px;margin-top:15px}.dialog-close{height:32px;width:32px;right:10px;top:10px;font-size:20px}.battle-dialog{width:calc(100% - 16px);max-height:95dvh;border-radius:9px}.battle-heading{padding:10px 15px;gap:10px}.battle-heading>span{font-size:7px;letter-spacing:.7px}.retreat-button{font-size:9px;min-height:31px}.battle-bars{padding:16px 17px 0;gap:15px}.battle-bars strong{font-size:11px}.battle-bars strong>small{font-size:9px;margin-left:5px}.battle-bars h2{font-size:12px}.battle-bars>div{min-width:105px;gap:7px}.battle-hearts{font-size:18px;letter-spacing:1px}.enemy-hp{width:115px;height:6px}.battle-bars>div>small{font-size:8px}.battle-dialog canvas{height:110px;object-fit:cover}.question-area{padding:19px 16px 17px}.question-type{font-size:9px;gap:9px}.question-type>span:first-child{font-size:8px;padding:5px 7px}.question-type>span:last-child{font-size:8px}.question-area h3{font-size:18px;line-height:1.85;margin:16px 0}.answer-grid{gap:9px;margin:15px 0}.answer-option{padding:12px 10px;min-height:64px;gap:8px;border-bottom-width:2px}.answer-option>span{width:21px;height:23px;font-size:10px}.answer-option strong,.panel-dialog .answer-option strong{font-size:14px;line-height:1.8}.answer-option>b{font-size:12px}.battle-bottom-tip{font-size:9px;margin-top:17px}.battle-feedback{padding:17px 14px;margin-top:17px}.battle-feedback>strong{font-size:13px;line-height:1.8}.battle-feedback>p{font-size:12px;line-height:2;margin:9px 0 14px}.battle-feedback .primary{font-size:12px;padding:10px 13px;min-height:44px;width:100%}.audio-controls{gap:7px;margin-bottom:17px}.audio-button{font-size:12px;min-height:44px;padding:10px 13px}.text-link{font-size:10px;min-height:40px}.audio-controls>span{font-size:9px}.audio-controls>strong{font-size:18px}.word-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:23px}.word-chip{padding:12px 10px}.word-chip strong{font-size:13px}.word-chip small{font-size:10px}.glossary{max-height:48dvh;margin:17px 0}.glossary h3{font-size:13px}.notebook-tabs{gap:9px;margin-top:18px;padding-bottom:14px}.notebook-tabs button{font-size:11px;padding:9px 12px;min-height:42px}.wrong-list h3{font-size:15px}.wrong-list p{font-size:12px}.wrong-list article{padding:20px 0}.wrong-status{font-size:8px}.last-mistake{padding:17px}.last-mistake strong{font-size:19px}.last-mistake p{font-size:12px}.gentle-line{font-size:11px;margin:20px 0}.book-choice{gap:13px;padding:18px 14px;margin:14px 0}.book-choice>span{font-size:20px}.book-choice strong{font-size:16px}.book-choice small{font-size:9px}.book-choice>b{font-size:9px}.world-map-list{gap:9px}.world-map-list>div{padding:13px 11px;gap:11px}.world-map-list>div>span{height:31px;width:31px;font-size:15px}.world-map-list strong{font-size:13px}.world-map-list small{font-size:9px}.world-map-list b{font-size:8px}.help-list{font-size:12px}.win-stats{gap:21px}.win-stats>span{font-size:9px}.win-stats b{font-size:27px}.practice-question{font-size:18px}.practice-feedback{font-size:13px;padding:16px}.practice-feedback p{font-size:12px}.storage-error{padding:13px 17px;font-size:12px}}
@media(max-width:360px){.brand strong{font-size:16px}.brand small{font-size:5px}.brand-mark{width:30px;height:30px}.top-actions>.book-button{font-size:8px;max-width:110px}.hero-panel h1{width:103px;font-size:11px}.portrait-box{width:38px}.hearts{font-size:21px}.hero-panel{gap:10px 8px}.life-heading{font-size:7px}.xp-heading{width:82px}.xp-track{width:50px}.equipment strong{font-size:7px}.answer-option{gap:6px;padding:11px 8px}.answer-option strong{font-size:13px}}
.picture-question{display:flex;align-items:center;justify-content:center;min-height:100px;padding:15px;border:1px solid #4a6550;background:#253e35;border-radius:8px;margin:15px 0 20px}.picture-emoji{font-size:66px;line-height:1.3}.colour-gem{height:58px;width:58px;display:block;transform:rotate(45deg);background:var(--gem-colour);border:5px solid #ffffff40;box-shadow:inset -10px -10px 0 #00000020,0 5px 20px #0d1f1d40;border-radius:7px}.count-stars{font-size:27px;color:#e4c47d;display:grid;grid-template-columns:repeat(5,1em);gap:7px;word-break:break-all;max-width:220px;letter-spacing:6px}.count-stars{display:block;line-height:1.8;overflow-wrap:anywhere}.picture-question:has(.count-stars){min-height:100px}.panel-dialog .picture-question{margin-bottom:20px}
.count-stars{display:grid;grid-template-columns:repeat(5,1em);gap:7px;letter-spacing:0;max-width:none;line-height:1}.count-stars i{font-style:normal}
@media(max-width:850px){.direction-pad{grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,44px)}#travel-buttons button{min-height:44px}.primary.small{min-height:44px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
/* 卡通图集使用平滑缩放，和明亮的童话场景保持统一。 */
.portrait-box canvas,.world-frame canvas,.battle-dialog canvas{image-rendering:auto}.portrait-box{background:radial-gradient(ellipse at 50% 32%,#edf0cf,#bfd9b7 70%,#8ab6a0);border-color:#779b7d}.portrait-box:before{background:none}.portrait-rarity{background:#284e41eb}.world-frame{border-color:#416956;outline-color:#8eae78}.world-frame:after{box-shadow:inset 0 0 35px #2d655319}.battle-bars{background:#d5e7da}.battle-bars strong,.battle-bars h2{color:#405c55}.battle-bars strong>small{color:#a38550}.battle-bars>div>small{color:#6e896b}.battle-hearts{color:#d98279}.enemy-hp{background:#b0c5a5;border-color:#85a17a}.enemy-hp>i{background:#b59c62}.cartoon-mentor{width:128px;height:128px;background:radial-gradient(ellipse,#91c8b940,transparent 70%);margin:0 auto 15px}.cartoon-mentor canvas{width:128px;height:128px;image-rendering:auto}.battle-dialog canvas{height:auto}.world-top-overlay>span{background:#385e48e8;border-color:#dcf1ba66}.world-bottom-overlay{background:#32593fe8}.map-location{color:#fff7d9c9;text-shadow:0 1px 3px #4d7155}
/* 教材同步：题型轮换、课本表达和触屏词块拼句。 */
.lesson-progress{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.lesson-progress[hidden]{display:none}.lesson-progress>span{font-size:10px;color:#839e88;border:1px solid #3c5747;border-radius:5px;background:#20362d;padding:7px 9px}.lesson-progress>span.done{color:#cad8ab;background:#3b5033;border-color:#82935d}.question-source{font-size:10px;color:#a6b98f;line-height:1.8;margin:12px 0 -6px}.order-instruction{font-size:12px;color:#a6bc94;line-height:1.9;margin:15px 0}.sentence-built{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-height:73px;padding:14px;background:#243d34;border:1px dashed #8aa56e;border-radius:8px}.sentence-built>button{font-size:15px;line-height:1.5;min-height:44px;padding:10px 13px;color:#e3e9c9;border:1px solid #8da66b;border-radius:6px;background:#465b3a}.empty-sentence{color:#849b78;font-size:12px}.token-pool{display:flex;gap:9px;flex-wrap:wrap;padding:17px 0 9px;min-height:60px}.token-pool>button{min-height:44px;font-size:16px;line-height:1.5;padding:10px 14px;border:1px solid #627b53;border-radius:6px;background:#304a38;color:#dce9bd}.token-pool>button:disabled{opacity:.24}.sentence-built.correct{border-color:#bad78f;background:#365234}.sentence-built.wrong{border-color:#c29678;background:#544033}.order-submit{width:100%;margin-top:10px}.order-submit:disabled{opacity:.45}.expression-list{display:grid;gap:12px;margin-bottom:25px}.expression-list>button{text-align:left;display:flex;flex-direction:column;gap:9px;padding:17px 16px;background:#2b4437;border:1px solid #52704d;border-radius:8px;line-height:1.9}.expression-list strong{display:block;color:#d7e5ba;font-size:16px;font-weight:500;overflow-wrap:anywhere}.expression-list strong>span{font-size:12px;color:#91ae82;margin-left:8px}.expression-list>button>span{color:#acc398;font-size:13px}.expression-list small{font-size:10px;color:#849c78}.word-chip em{font-size:9px;font-style:normal;display:block;color:#819772;margin-top:7px}.retired-questions{border-top:1px solid #435944;margin-top:18px;padding-top:15px;text-align:left;font-size:11px;color:#a0b18b;line-height:2}.retired-questions summary{cursor:pointer;min-height:40px}.retired-questions p{padding:12px 0;border-top:1px solid #3d5540;color:#869c7b;font-size:11px}.notebook-tabs{flex-wrap:wrap}
@media(max-width:600px){.lesson-progress{gap:5px}.lesson-progress>span{font-size:8px;padding:7px}.order-instruction{font-size:11px}.sentence-built{padding:11px;gap:7px;min-height:67px}.sentence-built>button,.token-pool>button{font-size:14px;min-height:44px;padding:10px 11px}.token-pool{gap:8px}.expression-list>button{padding:15px 13px}.expression-list strong{font-size:15px}.expression-list>button>span{font-size:12px}.expression-list small{font-size:9px}.question-source{font-size:9px}}