.city-world{min-height:100svh;display:grid;place-items:center;background:#d9eff7;color:#284763;font-family:PingFang SC,Microsoft YaHei,sans-serif}.city-shell{position:relative;isolation:isolate;container-type:size;width:min(100vw,177.7778svh);height:min(100svh,56.25vw);overflow:hidden;background:linear-gradient(#c9f1ff22,#fff9df33),url(/assets/city-background.png) center/cover}.city-top{position:absolute;top:3cqh;left:3cqw;right:3cqw;z-index:20;display:flex;align-items:center;gap:1cqw;font-weight:800;color:#28536e}.city-round{width:42px;height:42px;border-radius:50%;background:#ffffffde;border:2px solid #d7eff4;display:grid;place-items:center;color:#42809b;box-shadow:0 4px #6d9cab25}.city-score{margin-left:auto;display:flex;gap:8px;align-items:center;background:#fffbe8;padding:9px 20px;border-radius:25px;color:#b18225}.city-score svg{color:#ffd65d}.city-welcome{position:absolute;left:50%;top:22%;transform:translate(-50%);width:70%;text-align:center}.city-eyebrow{display:inline-block;background:#fff9e7d9;border:1px solid #f4d796;color:#8b794a;padding:9px 22px;border-radius:30px;font-size:14px;letter-spacing:3px}.city-welcome h1{font-size:7cqw;color:#79572d;text-shadow:0 4px 0 #fff4d6,0 8px 20px #a46b2b20;font-weight:900;letter-spacing:1cqw;margin:2cqh 0}.city-welcome p{color:#365e70;font-size:clamp(14px,1.7cqw,23px);letter-spacing:2px;margin:1cqh 0 4cqh}.city-primary{background:linear-gradient(#ffe998,#ffd15a);color:#684626;border:2px solid #fff4c0;box-shadow:0 5px #c59a43,0 8px 15px #87642415;border-radius:35px;padding:1.8cqh 3cqw;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:clamp(17px,1.7cqw,25px);font-weight:800;min-height:44px}.city-primary:hover{transform:translateY(-2px)}.city-footer{position:absolute;bottom:2.5cqh;left:4cqw;right:4cqw;color:#548278;font-size:clamp(11px,1cqw,14px);letter-spacing:1px;display:flex;justify-content:space-between}.city-rotate{display:none}.module-link{background:#fff5d8dc;border:1px solid #fff5c4;border-radius:25px;color:#5d764d;padding:8px 14px;font-size:13px;margin-left:4px;font-weight:700}@media(orientation:portrait)and (max-width:900px){.city-shell{display:none}.city-rotate{display:block;text-align:center;padding:40px}.city-rotate h2{font-size:28px}.city-rotate p{font-size:17px}}.game-shell .topbar .module-link{width:auto;height:auto;min-width:68px;min-height:34px;padding:7px 13px;white-space:nowrap;border-radius:24px}.city-content{position:absolute;inset:0}.city-scene-tint{position:absolute;inset:0;background:linear-gradient(#ebf8ff35,transparent 45%,#fbf9dd33);pointer-events:none}.city-training-active .city-scene-tint{background:#d9f0eddc;backdrop-filter:blur(5px)}.city-top{gap:1cqw}.city-brand{font-size:clamp(14px,1.5cqw,21px);text-shadow:0 1px 2px white}.city-round{width:4cqw;height:4cqw;min-width:36px;min-height:36px;max-width:48px;max-height:48px}.city-round:hover{background:#fff;transform:translateY(-2px)}.city-round svg{width:21px;height:21px}.city-score{padding:1cqh 1.7cqw;font-size:clamp(14px,1.5cqw,21px)}.city-score svg{width:23px;height:23px}.city-sprite{background-repeat:no-repeat;aspect-ratio:1}.city-building-art{position:relative;width:100%;aspect-ratio:1;isolation:isolate}.city-building-art>.city-sprite{position:absolute;inset:0;mix-blend-mode:multiply}.city-building-art .built-layer{transition:clip-path .9s cubic-bezier(.2,.8,.3,1)}.city-home-title{position:absolute;top:14%;left:41%;right:8%;text-align:center}.city-home-title h1{font-size:6cqw;color:#6f542e;font-weight:900;letter-spacing:.7cqw;margin:1.5cqh 0;text-shadow:0 4px 0 #fff8dc,0 10px 20px #65807733}.city-home-title p{font-size:clamp(14px,1.5cqw,22px);color:#375d6c;margin:1cqh 0;letter-spacing:2px}.city-home-plots{position:absolute;left:31%;right:6%;top:40%;display:flex;align-items:flex-end;gap:1cqw;height:28%}.city-home-plot{position:relative;flex:1;min-width:0;padding:.4cqw;border-radius:18px;background:#fffbeddf;box-shadow:0 5px #8ba88e40;border:2px solid #fdfcebbb;isolation:isolate;color:#618279;filter:saturate(.65);transition:transform .2s}.city-home-plot.available{filter:none;border-color:#ffdf8e;box-shadow:0 0 0 4px #ffe7a84f,0 5px #b5a16d3d;animation:city-node-pulse 2.5s infinite}.city-home-plot span{display:flex;justify-content:center;align-items:center;gap:5px;font-size:clamp(11px,1.1cqw,16px);font-weight:700;white-space:nowrap;margin:.4cqh 0 1cqh}.city-home-plot:hover{transform:translateY(-4px)}.city-guide{display:flex;align-items:center;gap:1cqw;min-width:0;isolation:isolate}.city-guide>.city-sprite{width:12cqh;height:12cqh;border-radius:50%;background-color:#fffdf3;flex-shrink:0;box-shadow:0 3px #b4d6dc55}.city-bubble{background:#fffff4;border:2px solid #fff;box-shadow:0 7px 20px #5383931a;border-radius:20px 20px 20px 4px;padding:1.3cqh 1.4cqw;min-width:15cqw;max-width:26cqw;color:#395e72}.city-bubble strong{font-size:clamp(10px,.95cqw,14px);color:#72a2b6;font-weight:600;letter-spacing:1px}.city-bubble p{font-size:clamp(12px,1.22cqw,18px);line-height:1.55;margin:4px 0 0}.home-guide{position:absolute;left:4%;bottom:14%;width:29%;height:53%;display:block}.home-guide>.city-sprite{position:absolute;width:19cqw;height:19cqw;left:0;bottom:0;border-radius:45%;box-shadow:0 8px #aacccd44}.home-guide .city-bubble{position:absolute;left:4cqw;top:0;min-width:19cqw;max-width:26cqw;border-radius:20px 20px 20px 4px}.home-guide .city-bubble strong{font-size:1.5cqw}.home-guide .city-bubble p{font-size:1.3cqw}.city-start{position:absolute;left:62%;bottom:15%;transform:translate(-50%);padding:1.8cqh 4cqw}.city-start:hover{transform:translate(-50%,-2px)}.city-home-progress{position:absolute;left:62%;bottom:8.5%;transform:translate(-50%);font-size:clamp(11px,1.1cqw,16px);color:#527569;text-shadow:0 1px 3px #fff8dc}.city-heading{position:absolute;left:5%;right:5%;top:13%;color:#365e7c}.city-heading.centered{text-align:center}.city-heading h1{font-size:clamp(25px,3cqw,43px);font-weight:900;margin:1.3cqh 0 .8cqh;letter-spacing:2px}.city-heading p{font-size:clamp(12px,1.15cqw,17px);margin:.8cqh 0;color:#62887e}.city-heading .city-eyebrow{padding:.7cqh 2cqw;font-size:clamp(11px,1cqw,15px)}.city-route{position:absolute;top:32%;left:6%;width:88%;height:46%}.city-route>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.city-node{position:absolute;transform:translate(-50%,-50%);width:14.8cqw;background:#fffdf1ed;padding:.6cqw .7cqw 1.3cqh;border:2px solid #eef5d8;border-radius:20px;color:#365c6d;box-shadow:0 6px #7d9a7f38;display:flex;align-items:center;flex-direction:column;isolation:isolate}.city-node.current{border-color:#f5d47a;box-shadow:0 0 0 5px #ffedaa47,0 6px #a9a17642;animation:city-node-pulse 2s infinite}.city-node.locked{filter:saturate(.3);background:#eff6f3d4;color:#819999}.city-node.locked .city-building-art{opacity:.6;filter:blur(.4px)}.city-node.finished{border-color:#a6d8b0}.city-node-number{position:absolute;left:-.9cqw;top:-1.4cqh;width:3.2cqw;height:3.2cqw;min-width:24px;min-height:24px;display:grid;place-items:center;border-radius:50%;background:#74b694;border:2px solid #fafff1;color:#fff;font-size:clamp(14px,1.6cqw,22px);font-weight:800;z-index:3}.city-node.locked .city-node-number{background:#9eb8b7}.city-node strong{font-size:clamp(12px,1.35cqw,19px);font-weight:800;margin-top:.5cqh;white-space:nowrap}.city-node small{font-size:clamp(10px,.92cqw,13px);margin-top:.5cqh;color:#8b9b84}.city-node .star-rating{margin-top:1cqh}.city-node .star-rating svg{width:1.5cqw;height:1.5cqw}.city-build-meter{display:block;width:70%;height:5px;background:#e3ead5;border-radius:10px;margin-top:1.2cqh;overflow:hidden}.city-build-meter i{display:block;height:100%;background:#eac361;transition:width .8s}.city-map-footer{position:absolute;bottom:6%;left:6%;right:6%;height:12%;display:flex;align-items:center;gap:1.5cqw;color:#50766d;font-size:clamp(12px,1.2cqw,17px)}.city-map-footer>.city-sprite{height:100%;aspect-ratio:1;border-radius:50%;border:2px solid #fff8e7;background-color:#fff;box-shadow:0 4px #b2d7ce55}.city-map-energy{margin-left:auto;display:flex;align-items:center;gap:8px;background:#fff8ddcc;padding:1cqh 1.4cqw;border-radius:20px;font-size:clamp(11px,1.05cqw,15px)}.city-training-heading{position:absolute;left:5%;right:5%;top:12%;display:flex;align-items:center;gap:2cqw;height:12%}.city-training-heading h1{font-size:clamp(22px,2.45cqw,35px);margin:.8cqh 0;font-weight:850;letter-spacing:2px}.city-kicker{font-size:clamp(11px,1cqw,15px);color:#6a8e92;letter-spacing:1px}.city-task-progress{margin-left:auto;display:flex;align-items:center;gap:1.5cqw}.city-task-progress strong{font-size:clamp(13px,1.3cqw,19px);white-space:nowrap;color:#6d98a1}.city-task-dots{display:flex;gap:.55cqw}.city-task-dots i{width:.9cqw;height:.9cqw;min-width:7px;min-height:7px;border-radius:50%;background:#b7d0d1}.city-task-dots .active{background:#edbf65;box-shadow:0 0 0 3px #fff0c670}.city-task-dots .passed{background:#6daf8b}.city-task-dots .skipped{background:#aabec6}.city-mini-building{height:12cqh;min-width:10cqw;display:flex;align-items:center;gap:.7cqw;border-left:1px solid #bed5d2;padding-left:1cqw;color:#79936d;font-size:clamp(12px,1.1cqw,17px)}.city-mini-building .city-building-art{width:7cqw;background:#fffbed;border-radius:50%;border:2px solid #fff}.city-lesson-layout{position:absolute;inset:26% 5% 23%;display:grid;grid-template-columns:55% 45%;background:#fffff7;border:3px solid #fffdf1;border-radius:25px;overflow:hidden;box-shadow:0 9px 30px #62968f26;animation:city-card-in .3s ease-out}.city-picture-panel{position:relative;background:linear-gradient(130deg,#e9f5e3,#e1f1f7);border-right:1px solid #d5e8e3;overflow:hidden;display:flex;flex-direction:column;align-items:center;min-width:0;min-height:0}.city-scene-frame{position:relative;display:flex;justify-content:center;width:100%;height:100%;overflow:hidden;min-height:0}.city-scene-frame>.city-sprite{height:100%;width:auto;aspect-ratio:1;flex-shrink:0}.city-picture-tag{position:absolute;bottom:1.4cqh;left:50%;transform:translate(-50%);background:#fffceae8;box-shadow:0 3px 8px #3a5f4422;padding:.6cqh 1.3cqw;border-radius:20px;white-space:nowrap;font-size:clamp(11px,1cqw,14px);color:#6c8367}.city-expression-panel{padding:3cqh 2.7cqw;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-width:0;overflow:auto;overscroll-behavior:contain}.city-support-tag{font-size:clamp(11px,1.02cqw,15px);color:#82a3a7;letter-spacing:2px;background:#ecf5ef;padding:.6cqh 1.2cqw;border-radius:20px;margin-bottom:1.5cqh}.city-expression-panel h2{font-size:clamp(24px,3cqw,42px);line-height:1.55;color:#355e78;font-weight:850;margin:1cqh 0 2cqh;letter-spacing:1px;max-width:100%}.city-expression-panel .city-stem{font-size:clamp(24px,2.7cqw,39px)}.city-expression-panel .city-open-question{font-size:clamp(22px,2.5cqw,36px)}.city-expression-panel>p{font-size:clamp(12px,1.1cqw,16px);line-height:1.7;color:#89a19f;margin:1cqh 0 2.5cqh}.city-listen{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#e2f1fa;color:#4886aa;border:1px solid #cae4ed;border-radius:30px;padding:1.2cqh 1.7cqw;font-size:clamp(13px,1.25cqw,18px);font-weight:700;min-height:36px}.city-listen svg{width:20px;height:20px}.city-listen:disabled{opacity:.5}.city-listen:hover{background:#d3ebf7}.city-blank{display:inline-block;min-width:3cqw;border-bottom:3px dashed #b2d3d5;color:#90b5ba;padding:0 .6cqw;margin:0 .3cqw}.city-blank.filled{background:#fff0bd;border:0;border-radius:9px;color:#9b7738;animation:city-word-in .3s}.city-expression-panel .city-fill-sentence{font-size:clamp(22px,2.6cqw,38px);line-height:1.9;margin-bottom:2.5cqh}.city-word-options{display:flex;gap:1cqw;justify-content:center;flex-wrap:wrap;margin:0 0 2cqh;width:100%}.city-word-options button{padding:1.2cqh 1.2cqw;border:2px solid #d8e7e0;background:#f4f8f0;border-radius:13px;color:#54816b;font-size:clamp(15px,1.6cqw,23px);font-weight:750;display:flex;align-items:center;gap:5px;min-height:42px}.city-word-options button.selected{border-color:#f4cd7d;background:#fff3cf;color:#987840}.city-word-options button.correct{border-color:#82bfa2;background:#e2f4df;color:#49866b}.city-sentence-slots{display:flex;gap:.6cqw;width:100%;margin:1cqh 0 2cqh}.city-sentence-slots button{flex:1;min-width:0;display:grid;align-content:center;gap:.8cqh;min-height:11cqh;border:2px dashed #c7dfe0;background:#f7fbf5;border-radius:12px;padding:1cqh .6cqw;color:#8facaf}.city-sentence-slots small{font-size:clamp(10px,.9cqw,13px);font-weight:400}.city-sentence-slots strong{font-size:clamp(13px,1.45cqw,21px);line-height:1.5;overflow-wrap:anywhere}.city-sentence-slots button.chosen{background:#e8f4ec;border-style:solid;border-color:#bddccd;color:#578771;animation:city-word-in .25s}.city-sentence-slots button.swapping{border-color:#efb663;box-shadow:0 0 0 3px #ffe1a745}.city-order-pool{display:flex;justify-content:center;gap:.7cqw;flex-wrap:wrap}.city-order-pool button{background:#fff0d2;border:1px solid #f0d9a7;box-shadow:0 3px #ddbd8155;color:#917849;border-radius:12px;padding:1.4cqh 1cqw;font-weight:700;font-size:clamp(13px,1.4cqw,20px);min-height:40px}.city-order-pool button:disabled{opacity:.3}.city-expression-panel .city-order-hint{font-size:clamp(11px,1.05cqw,15px);margin:2cqh 0 1cqh}.city-listen.small{min-height:30px;padding:.8cqh 1.5cqw;font-size:clamp(12px,1.15cqw,16px)}.city-speaker-name{font-size:clamp(11px,1cqw,14px);color:#a58b68;letter-spacing:2px;margin-top:0}.city-expression-panel .city-dialogue-question{font-size:clamp(21px,2.25cqw,32px);margin:.5cqh 0 1.5cqh}.city-dialogue-options{display:grid;gap:1cqh;width:100%}.city-dialogue-options button{display:flex;align-items:center;gap:10px;background:#eef7ee;border:1px solid #d4e7d6;color:#658973;text-align:left;padding:1cqh 1cqw;border-radius:12px;font-size:clamp(12px,1.3cqw,18px);min-height:36px}.city-dialogue-options button svg{color:#79aabc;flex-shrink:0}.city-dialogue-options button:disabled{opacity:.55}.city-dialogue-stem{font-size:clamp(23px,2.7cqw,40px);color:#71a2ab;padding:2cqh 1cqw;border-bottom:2px dashed #c9e0dc;margin:1cqh 0 2cqh}.city-lesson-layout.dialogue .city-expression-panel>p{margin:1.5cqh 0 0;font-size:clamp(11px,1cqw,14px)}.city-lesson-layout.story .city-scene-frame{height:73%}.city-story-thumbs{display:flex;gap:1cqw;align-items:center;justify-content:center;height:27%;padding:1cqh;width:100%;background:#f6f9ee}.city-story-thumbs>div{position:relative;height:100%;aspect-ratio:1;filter:grayscale(.8);opacity:.4;border-radius:9px;overflow:hidden;border:2px solid transparent}.city-story-thumbs>div.active{filter:none;opacity:1;border-color:#f4ce7b}.city-story-thumbs>div.done{filter:none;opacity:.85;border-color:#a1cdae}.city-story-thumbs .city-sprite{width:100%}.city-story-thumbs span{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:clamp(9px,.85cqw,12px);background:#fff9e4de;color:#6b876e;display:flex;justify-content:center;align-items:center;gap:3px}.city-story-sequence{display:flex;gap:1.2cqw;font-size:clamp(12px,1.2cqw,17px);color:#a1bbb9;margin:1cqh 0 2cqh}.city-story-sequence span{padding:.6cqh 1.3cqw;border-radius:20px;background:#f1f7f1}.city-story-sequence .active{color:#aa8552;background:#fff0cd}.city-speech-bar{position:absolute;left:5%;right:5%;bottom:7%;height:14%;display:flex;align-items:center;gap:2cqw}.city-speech-bar>.city-guide{width:44%;height:100%}.city-speech-bar .city-bubble{max-width:30cqw;min-width:0}.city-mic-group{position:relative;display:flex;align-items:center;gap:1.8cqw}.city-mic{width:11cqh;height:11cqh;min-width:54px;min-height:54px;max-width:110px;max-height:110px;display:grid;place-items:center;background:linear-gradient(140deg,#ff8ba4,#f6577f);border:4px solid #fff7e9;border-radius:50%;box-shadow:0 0 0 6px #f7bbcf33,0 6px #b7667b35;color:#fff;touch-action:none;-webkit-touch-callout:none;user-select:none;z-index:4}.city-mic svg{width:50%;height:50%;stroke-width:1.9}.city-mic:disabled{filter:saturate(.45);opacity:.6}.city-mic.breathing{animation:city-mic-breathe 2s infinite}.city-mic.recording{transform:scale(1.08);box-shadow:0 0 0 12px #f7bbcf44,0 0 0 22px #f7bbcf18}.city-mic-text{display:grid;gap:6px;min-width:11cqw;color:#537c8b}.city-mic-text strong{font-size:clamp(14px,1.55cqw,23px);font-weight:800}.city-mic-text small{font-size:clamp(11px,1cqw,15px);color:#8ea9ac}.city-waves{position:absolute;left:-3cqw;display:flex;gap:3px;align-items:center;height:45px;opacity:0}.city-waves.listening{opacity:1}.city-waves i{width:3px;background:#e997b0;max-height:42px;transition:height .06s}.city-skip{margin-left:auto;background:transparent;color:#91a9a9;display:flex;align-items:center;gap:5px;font-size:clamp(11px,1.05cqw,15px);padding:10px;white-space:nowrap}.city-skip:disabled{opacity:.25}.city-audio-error{position:absolute;left:8%;bottom:21%;font-size:clamp(11px,1cqw,14px);color:#ae8151}.city-combo-label{position:absolute;top:10cqh;left:50%;transform:translate(-50%);background:#fff0c5;border:1px solid #f5dba0;color:#a5814f;padding:.7cqh 1.4cqw;border-radius:25px;display:flex;align-items:center;gap:7px;font-size:clamp(11px,1.05cqw,15px);white-space:nowrap}.city-flying-energy{position:absolute;left:55%;top:69%;color:#e5b54d;display:flex;align-items:center;font-weight:900;font-size:2cqw;filter:drop-shadow(0 0 12px #ffedb8);animation:city-energy-fly 1.1s ease-in forwards;z-index:35}.city-stage-finish{position:absolute;inset:31% 10% 13% 13%;display:flex;align-items:center;gap:5cqw;text-align:center}.city-stage-finish>.city-building-art{width:28cqw;flex-shrink:0;background:#fffbece8;border:3px solid #fff7d6;border-radius:32px;box-shadow:0 10px 30px #9eaa872a}.city-stage-finish>div{flex:1}.city-stage-finish h2{font-size:clamp(25px,3cqw,43px);margin:2cqh 0;color:#547580}.city-stage-finish p{font-size:clamp(13px,1.4cqw,20px);line-height:1.7;color:#81a097}.city-stage-finish .star-rating svg{width:4cqw;height:4cqw}.city-stage-finish small{font-size:clamp(11px,1.1cqw,16px);color:#8ea8a1}.city-story-review{position:absolute;inset:27% 8% 8%;text-align:center}.city-story-review h2{font-size:clamp(23px,2.7cqw,39px);margin:0 0 2cqh;color:#658579}.city-story-review>div{display:flex;align-items:center;justify-content:center;gap:2cqw;height:72%}.city-story-review article{position:relative;height:89%;aspect-ratio:1;background:#fff8e7;padding:.6cqw;border-radius:18px;opacity:.55;transform:scale(.92);transition:all .4s}.city-story-review article.active{opacity:1;transform:scale(1);box-shadow:0 0 0 4px #ffe7a7}.city-story-review article.done{opacity:.95}.city-story-review article .city-sprite{width:100%;border-radius:12px}.city-story-review article span{position:absolute;bottom:4px;left:25%;right:25%;background:#fff4d9f0;border-radius:15px;padding:.5cqh;font-size:clamp(12px,1.2cqw,18px);color:#9b8554}.city-story-review>p{font-size:clamp(12px,1.15cqw,17px);color:#82a59c;margin:2cqh 0 0}.city-chapter-finish{position:absolute;inset:0}.city-chapter-castle{position:absolute;left:7%;top:30%;width:33%;background:#fff8eade;border:3px solid #fff5c3;border-radius:45%;box-shadow:0 0 70px #ffedb555;animation:city-node-pulse 3s infinite}.city-chapter-card{position:absolute;left:44%;right:6%;top:23%;padding:4cqh 2.5cqw;background:#fffff1ef;border:3px solid #fff2bf;border-radius:28px;text-align:center;box-shadow:0 14px 35px #75998730}.city-chapter-card h1{font-size:clamp(24px,3cqw,43px);font-weight:900;color:#79673e;margin:2cqh 0}.city-chapter-card>p{font-size:clamp(13px,1.25cqw,18px);color:#7f9880}.city-chapter-rewards{display:flex;flex-wrap:wrap;justify-content:center;gap:.8cqw;margin:2.5cqh 0}.city-chapter-rewards span{display:flex;align-items:center;gap:7px;border-radius:13px;background:#fff0c9;color:#af9254;font-size:clamp(11px,1.1cqw,16px);padding:1cqh 1cqw}.city-chapter-rewards svg{width:18px;height:18px}.city-chapter-card .city-chapter-pending{font-size:clamp(11px,1.1cqw,16px)}.city-next-label{display:block;font-size:clamp(11px,1cqw,15px);color:#8aa88a;margin:1cqh 0 3cqh}.city-growth .city-heading{top:15%}.city-growth-regions{position:absolute;inset:35% 9% 15%;display:flex;gap:3cqw}.city-region{border:3px solid #fff3c9;border-radius:25px;background:#fffff0ed;box-shadow:0 8px 20px #819a8926;color:#739291}.city-region.current{width:64%;display:flex;align-items:center;padding:1.5cqw;gap:1.8cqw}.city-region.current>.city-building-art{width:43%;flex-shrink:0}.city-region.current span{font-size:clamp(11px,1.15cqw,16px);color:#aaa07b}.city-region h2{font-size:clamp(23px,2.5cqw,36px);color:#5c7d7f;margin:1cqh 0 2cqh}.city-region p{font-size:clamp(12px,1.1cqw,16px);line-height:1.7}.city-region .city-primary{font-size:clamp(14px,1.3cqw,19px);padding:1.4cqh 2cqw;margin-top:1.5cqh;min-height:38px}.city-region.upcoming{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:2cqw;gap:1cqh;background:#e9f1eadb;border-color:#d7e6d5;box-shadow:none}.city-region.upcoming h2{font-size:clamp(20px,2cqw,30px);margin:.7cqh 0}.city-region.upcoming p{font-size:clamp(11px,1.05cqw,15px);margin:0}.city-region.upcoming>svg{color:#93b3a3;width:4cqw;height:4cqw}.city-shell .forest-modal{background:#fffff5;border-color:#d4eaf4;color:#416777}.city-shell .forest-modal h2{color:#496b7e}.city-shell .toggle.on{background:#7badc2}.city-shell .setting-row{border-color:#e0ebe7;min-height:7cqh}.city-shell .setting-row label{font-size:clamp(12px,1.2cqw,17px)}.city-shell .setting-row label small{font-size:10px;color:#a1b0ae;font-weight:400}.city-shell .toggle:disabled{opacity:.4}.city-shell input[type=range]{accent-color:#82b8c9}.city-parent{margin:2cqh 0;padding:1.3cqh 1.5cqw;border:1px solid #dae8e3;border-radius:12px;background:#f4f8f0;text-align:left;font-size:clamp(12px,1.15cqw,16px);color:#789487}.city-parent summary{cursor:pointer;font-weight:700;display:flex;gap:7px;align-items:center}.city-parent>div{display:flex;justify-content:space-between;gap:10px;padding:.6cqh 0}.city-parent p{font-size:clamp(11px,1cqw,14px);line-height:1.7}.city-exit-training{display:block;margin:1.5cqh auto 2.5cqh;padding:8px 16px;background:transparent;color:#98a898;font-size:clamp(11px,1.1cqw,16px)}.city-toast{position:absolute;z-index:100;left:50%;bottom:7%;transform:translate(-50%);padding:1.8cqh 2.4cqw;background:#fffceb;border:2px solid #fff4c7;border-radius:18px;box-shadow:0 8px 20px #7b997a22;color:#7d805b;font-size:clamp(13px,1.35cqw,19px);text-align:center;max-width:80%}.city-ribbons{position:absolute;inset:0;pointer-events:none;overflow:hidden}.city-ribbons i{position:absolute;top:-20px;width:8px;height:20px;border-radius:3px;animation:city-ribbon-fall 3.5s infinite linear;opacity:.7}.city-boost .city-guide>.city-sprite{animation:city-hop .65s ease-in-out infinite}.city-footer{z-index:5;pointer-events:none}.city-shell button:focus-visible,.city-shell summary:focus-visible{outline:3px solid #4a99c6;outline-offset:3px}.city-shell .city-primary:disabled{opacity:.6}.city-shell .city-primary:active{transform:translateY(2px)}@keyframes city-node-pulse{50%{filter:drop-shadow(0 0 10px #ffe38b55)}}@keyframes city-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes city-word-in{0%{opacity:.4;transform:translateY(9px) scale(.9)}to{opacity:1;transform:none}}@keyframes city-mic-breathe{50%{box-shadow:0 0 0 11px #f7bbcf33,0 0 0 18px #f7bbcf10,0 6px #b7667b35}}@keyframes city-energy-fly{0%{transform:translate(0) scale(.6);opacity:0}20%{opacity:1;transform:translateY(-3cqh) scale(1)}to{transform:translate(30cqw,-53cqh) scale(.3);opacity:0}}@keyframes city-ribbon-fall{to{transform:translate(30px,100cqh) rotate(350deg)}}@keyframes city-hop{50%{transform:translate(4px,-3px)}}@container (max-width:850px){.city-eyebrow{font-size:11px;padding:.8cqh 1.6cqw}.city-home-title{top:14%}.city-home-title h1{font-size:6cqw}.city-home-title p,.home-guide .city-bubble strong{font-size:12px}.home-guide .city-bubble p{font-size:11px}.home-guide .city-bubble{padding:1.3cqh 1.4cqw}.city-home-plots{top:41%;gap:.8cqw}.city-home-plot{border-radius:12px;padding:.2cqw}.city-home-plot span{font-size:10px}.city-start{bottom:16%;min-height:40px;font-size:17px}.city-home-progress{font-size:10px}.city-top{top:2.5cqh}.city-round{min-width:34px;min-height:34px}.city-round svg{width:18px;height:18px}.city-score{font-size:13px}.city-score svg{width:18px;height:18px}.city-training-heading{top:13%;height:11%}.city-training-heading h1{font-size:22px;margin:.6cqh 0}.city-kicker{font-size:10px}.city-mini-building{min-width:9cqw;font-size:10px;padding-left:.5cqw;gap:.4cqw}.city-task-progress{gap:1cqw}.city-task-progress strong{font-size:12px}.city-lesson-layout{inset:27% 4% 23%;border-radius:18px;border-width:2px}.city-expression-panel{padding:1.8cqh 2.1cqw}.city-support-tag{font-size:10px;letter-spacing:1px;margin-bottom:.8cqh}.city-expression-panel h2{font-size:24px;margin:.7cqh 0 1cqh;line-height:1.5}.city-expression-panel .city-open-question{font-size:21px}.city-expression-panel .city-fill-sentence{font-size:21px;line-height:1.6;margin-bottom:2cqh}.city-expression-panel>p{font-size:11px;line-height:1.55;margin:1cqh 0 1.5cqh}.city-listen{min-height:32px;font-size:12px;padding:.9cqh 1.4cqw;gap:6px}.city-listen svg{width:17px;height:17px}.city-word-options{gap:.7cqw;margin-bottom:1.5cqh}.city-word-options button{font-size:14px;min-height:34px;padding:1cqh 1cqw;border-radius:10px}.city-sentence-slots{gap:.4cqw;margin:.6cqh 0 1.5cqh}.city-sentence-slots button{min-height:10cqh;border-width:1px;border-radius:9px;padding:.7cqh .4cqw}.city-sentence-slots small{font-size:9px}.city-sentence-slots strong{font-size:12px}.city-order-pool{gap:.6cqw}.city-order-pool button{font-size:12px;padding:1cqh .8cqw;min-height:32px}.city-expression-panel .city-order-hint{font-size:10px;margin:1.5cqh 0 1cqh}.city-listen.small{min-height:26px;font-size:11px;padding:.6cqh 1cqw}.city-expression-panel .city-dialogue-question{font-size:20px;margin:.5cqh 0 1cqh}.city-dialogue-options{gap:.7cqh}.city-dialogue-options button{font-size:11px;min-height:28px;padding:.7cqh .7cqw;border-radius:9px;gap:5px}.city-dialogue-options svg{width:15px;height:15px}.city-lesson-layout.dialogue .city-expression-panel>p{font-size:10px;margin:1cqh 0 0}.city-dialogue-stem{font-size:22px;padding:1.5cqh 1cqw}.city-speaker-name{font-size:9px}.city-story-sequence{margin:.7cqh 0 1cqh;gap:.6cqw;font-size:11px}.city-story-sequence span{padding:.5cqh 1cqw}.city-speech-bar{left:4%;right:4%;bottom:7%;gap:2.5cqw}.city-speech-bar>.city-guide{width:44%}.city-guide>.city-sprite{width:11cqh;height:11cqh}.city-bubble{padding:.8cqh 1cqw;border-radius:13px 13px 13px 4px;border-width:1px}.city-bubble strong{font-size:9px}.city-bubble p{font-size:11px;line-height:1.45;margin-top:2px}.city-mic{min-width:50px;min-height:50px;border-width:3px}.city-mic-text strong{font-size:13px}.city-mic-text small{font-size:10px}.city-skip{font-size:10px;padding:8px 2px;gap:2px}.city-mic-group{gap:1.6cqw}.city-mic-text{min-width:11cqw}.city-node{border-radius:14px;padding:.5cqw .4cqw .9cqh;width:15.5cqw}.city-node strong{font-size:11px}.city-node small{font-size:9px}.city-heading h1{font-size:23px;margin:1cqh 0 .5cqh}.city-heading p{font-size:10px}.city-route{top:32%;height:43%}.city-map-footer{bottom:7%;font-size:11px;height:11%}.city-map-energy{font-size:10px}.city-chapter-card{top:23%;padding:3cqh 2cqw;right:5%}.city-chapter-card h1{font-size:25px;margin:1.5cqh 0}.city-chapter-card>p{font-size:11px}.city-chapter-rewards{gap:.6cqw;margin:1.5cqh 0}.city-chapter-rewards span{font-size:10px;padding:.8cqh .9cqw}.city-chapter-card .city-primary{font-size:16px;min-height:38px}.city-next-label{font-size:10px;margin:1cqh 0 2cqh}.city-region.current{padding:1cqw;gap:1cqw}.city-region h2{font-size:21px;margin:1cqh 0}.city-region p{font-size:10px}.city-region .city-primary{font-size:12px;min-height:34px;padding:1cqh 1.4cqw;gap:5px}.city-region.upcoming h2{font-size:19px}.city-growth .city-heading h1{font-size:23px}.city-shell .forest-modal{width:62cqw;min-width:0;max-height:92cqh;padding:2.5cqh 3cqw;border-radius:21px}.city-shell .forest-modal h2{font-size:22px}.city-shell .setting-row{min-height:8cqh}.city-shell .setting-row label{font-size:11px}.city-shell .setting-row input{max-width:18cqw}.city-shell .forest-modal .city-primary{min-height:36px;font-size:15px}.city-parent{font-size:11px}.city-parent p{font-size:10px}.city-stage-finish h2{font-size:25px}.city-stage-finish p{font-size:12px}.city-stage-finish small{font-size:10px}.city-story-review h2{font-size:22px}.city-story-review article{border-radius:12px}.city-story-review article span{font-size:11px}.city-story-review>p{font-size:10px}.city-footer{font-size:10px}}.city-home,.city-map,.city-growth,.city-chapter-finish{animation:city-scene-enter .5s ease-out}.city-feedback-records{border-top:1px solid #dce9dc;padding-top:1cqh}.city-feedback-records article{padding:1cqh 0;border-bottom:1px solid #e4ede2}.city-feedback-records article strong{font-size:clamp(11px,1cqw,14px);color:#638e7b}.city-feedback-records article p{margin:.5cqh 0}@keyframes city-scene-enter{0%{opacity:.3;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@container (max-width:850px){.city-route{top:38%;height:38%}}.ocean-world{min-height:100svh;display:grid;place-items:center;background:#064983;color:#103f72}.ocean-shell{width:min(100vw,177.7778svh);height:min(100svh,56.25vw);display:flex;position:relative;overflow:hidden;isolation:isolate;container-type:size;container-name:ocean;background:#17aad7}.ocean-world button{touch-action:manipulation}.ocean-world button:focus-visible{outline:3px solid #ffcc4e;outline-offset:4px}.ocean-sidebar{width:17%;flex-shrink:0;background:linear-gradient(150deg,#0e62a8,#164e99 65%,#083e76);color:#fff;padding:5cqh 1.2cqw 2cqh;display:flex;flex-direction:column;z-index:4;box-shadow:5px 0 20px #07539940}.ocean-brand{font-size:clamp(23px,2.5cqw,37px);font-weight:900;letter-spacing:.1cqw;white-space:nowrap;text-shadow:0 3px 0 #043d79}.ocean-brand>span{display:block;font-size:clamp(12px,.9cqw,14px);letter-spacing:0;font-weight:500;margin-top:1.6cqh;color:#d7f3ff}.ocean-profile{display:flex;align-items:center;gap:.7cqw;background:#ffffff12;color:#fff;padding:1.5cqh .4cqw;border:1px solid #ffffff15;border-radius:18px;margin:4cqh 0;min-height:52px;text-align:left}.ocean-avatar{display:block;width:4cqw;height:4cqw;min-width:36px;min-height:36px;border-radius:50%;border:2px solid #b0f0ff;background:#fff url(/assets/city-scenes.png) 100% 100%/400% 300%;flex-shrink:0}.ocean-profile strong{font-size:clamp(14px,1.15cqw,17px);display:block;max-width:9cqw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ocean-profile small{display:flex;align-items:center;gap:4px;font-size:12px;margin-top:5px;color:#cfefff}.ocean-profile small svg{width:14px;height:14px;color:#ffda54}.ocean-sidebar nav{display:grid;gap:1.4cqh;margin:0 -.5cqw}.ocean-sidebar nav button{display:flex;align-items:center;gap:1cqw;min-height:44px;padding:1.8cqh 1.1cqw;background:transparent;color:#d6efff;border-radius:30px;font-size:clamp(14px,1.45cqw,21px);font-weight:800;white-space:nowrap;text-align:left}.ocean-sidebar nav button svg{width:2.1cqw;min-width:20px;height:auto}.ocean-sidebar nav button.active{background:linear-gradient(120deg,#97f4f3,#d0fbff);color:#0a558f;box-shadow:0 4px 16px #042b7140}.ocean-sidebar nav button:hover{background-color:#fff2}.ocean-motto{margin:auto 0 0;padding:2cqh 1cqw;color:#b1e6ff;line-height:1.8;font-size:clamp(12px,1cqw,16px);letter-spacing:2px}.ocean-map{position:relative;flex:1;min-width:0;overflow:hidden}.ocean-map-art{position:absolute;inset:0;background:#26bae4 url(/assets/ocean-map.webp) center/100% 100%;transition:filter 1.4s,transform .7s}.ocean-top{position:absolute;left:2%;right:2%;top:2.5%;display:flex;align-items:center;gap:1cqw;z-index:5;pointer-events:none}.ocean-top>*{pointer-events:auto}.ocean-chapter{color:#fff;text-shadow:0 2px 6px #075196;font-size:clamp(12px,1cqw,15px);letter-spacing:2px;background:#064c8233;border:1px solid #c7f7ff45;padding:1cqh 1cqw;border-radius:25px}.ocean-star-total{margin-left:auto;display:flex;align-items:center;gap:1cqw;border-radius:40px;border:1px solid #c5f7ff70;background:#1762a7d9;color:#fff;font-size:clamp(18px,2cqw,28px);font-weight:800;padding:.6cqh 1.7cqw}.ocean-star-total svg{color:#ffdb55;width:2.7cqw;height:2.7cqw;min-width:22px;min-height:22px;filter:drop-shadow(0 2px 0 #cf8c12)}.ocean-round{display:grid;place-items:center;color:#fff;background:#1467acdd;border:1px solid #9be5ff80;border-radius:50%;width:4cqw;height:4cqw;min-width:40px;min-height:40px}.ocean-round svg{width:24px;height:24px}.ocean-paths{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.ocean-paths path{fill:none;stroke:#d7f9ff44;stroke-width:.25;stroke-dasharray:.7 .9;vector-effect:non-scaling-stroke;stroke-width:2px}.ocean-paths .lit{stroke:#e4feff;filter:drop-shadow(0 0 4px #8ffffe);animation:ocean-flow 10s linear infinite}.ocean-island{position:absolute;transform:translate(-50%,-50%);width:21%;display:flex;align-items:center;flex-direction:column;background:#f7fdfff2;color:#074f85;padding:1.3cqh .8cqw 0;border-radius:18px;border:2px solid #dafdff;box-shadow:0 5px #0056956b,0 10px 20px #00558a40;transition:filter .5s,box-shadow .5s;z-index:2;min-height:44px}.ocean-island strong{font-size:clamp(18px,2cqw,30px);font-weight:900;white-space:nowrap}.ocean-island-caption{font-size:clamp(12px,1cqw,15px);margin:.45cqh 0 1cqh;white-space:nowrap}.ocean-island small{display:flex;align-items:center;justify-content:center;gap:.5cqw;background:#07558de8;color:#fff;font-size:clamp(12px,1.15cqw,17px);border-radius:20px;padding:.65cqh 1cqw;min-width:78%;margin-bottom:-1.8cqh;min-height:26px}.ocean-island small>svg:first-child{color:#ffdc59;width:18px;height:18px}.ocean-island.locked{filter:saturate(.65);background:#f1f7ffe0}.ocean-island.locked small{background:#426c91}.ocean-island:hover{filter:brightness(1.1);box-shadow:0 4px #07599c80,0 0 30px #ddffffa3}.ocean-island.recommended{border-color:#ffe68a;animation:ocean-glow 3s ease-in-out infinite}.ocean-recommend-tag{position:absolute;bottom:100%;margin-bottom:4px;background:#ffd961;color:#64421b;border:2px solid #fff1bc;padding:.65cqh 1.2cqw;border-radius:20px;white-space:nowrap;font-size:clamp(12px,1.05cqw,16px);font-weight:800}.ocean-center{position:absolute;left:48%;top:58%;transform:translate(-50%,-50%);background:linear-gradient(#fffef0,#fff1c9);color:#065289;padding:1.5cqh 1.6cqw;border:3px solid #ffe49a;border-radius:25px;box-shadow:0 5px #00799b60,0 5px 20px #066c8740;z-index:2;white-space:nowrap}.ocean-center strong{display:block;font-size:clamp(23px,2.7cqw,40px);font-weight:900}.ocean-center span{font-size:clamp(12px,1.05cqw,16px);display:block;margin-top:4px}.ocean-guide{position:absolute;left:43%;bottom:2.5%;transform:translate(-50%);display:flex;gap:.5cqw;align-items:center;background:#f4fdffe8;padding:1cqh 1cqw 1cqh .4cqw;border-radius:23px;border:2px solid #b9f4ff;box-shadow:0 8px 24px #03649a38;z-index:3;width:27%}.ocean-companion{padding:0;background:#fff;width:6.5cqw;height:6.5cqw;border-radius:50%;flex-shrink:0;overflow:hidden}.ocean-companion img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;animation:ocean-bob 6s ease-in-out infinite}.ocean-guide small{font-size:12px;color:#417b95}.ocean-guide strong{display:block;font-size:clamp(14px,1.1cqw,17px);margin:.5cqh 0 1cqh;white-space:nowrap}.ocean-primary{display:inline-flex;align-items:center;justify-content:center;gap:.8cqw;background:linear-gradient(#ffe77d,#ffcb3e);color:#664211;border:2px solid #fff1b0;box-shadow:0 3px #d19631;border-radius:30px;padding:1.1cqh 1.5cqw;font-size:clamp(14px,1.25cqw,20px);font-weight:800;min-height:40px;white-space:nowrap}.ocean-toast{position:absolute;left:50%;bottom:22%;transform:translate(-50%);max-width:75%;padding:1.8cqh 2cqw;background:#fffef1;border:2px solid #afeaff;border-radius:18px;box-shadow:0 8px 30px #024e8260;font-size:clamp(14px,1.3cqw,20px);z-index:12;text-align:center}.ocean-subpage .ocean-map-art{filter:blur(5px) brightness(.7)}.ocean-panel{position:absolute;inset:13% 5% 5%;border:3px solid #b9f2ff;background:#f7fdfff5;border-radius:26px;padding:3cqh 2.5cqw;overflow:auto;z-index:3}.ocean-panel h1{font-size:clamp(24px,2.8cqw,40px);margin:2cqh 0}.ocean-panel p{font-size:clamp(14px,1.3cqw,20px);line-height:1.7}.ocean-back{color:#24668c;display:flex;gap:.5cqw;align-items:center;background:transparent;font-size:14px;min-height:32px;padding:0}.ocean-overlay{position:absolute;inset:0;z-index:20;background:#003e6a94;backdrop-filter:blur(6px);display:grid;place-items:center}.ocean-dialog{background:#f6fdff;border:3px solid #b8efff;border-radius:26px;padding:3cqh 3cqw;max-height:92%;overflow:auto;width:70%;box-shadow:0 20px 60px #073e6260}.ocean-dialog h2{font-size:clamp(24px,2.5cqw,34px);margin:0 0 2cqh}.ocean-rotate{display:none;text-align:center;color:#e5fbff;padding:32px}.ocean-rotate h1{font-size:26px;line-height:1.6}.ocean-rotate svg{color:#ffe078}.ocean-rotate p{color:#aedeee}@keyframes ocean-flow{to{stroke-dashoffset:-32}}@keyframes ocean-glow{50%{box-shadow:0 5px #07689988,0 0 0 6px #ffedaa55,0 0 38px #ffffb7}}@keyframes ocean-bob{50%{transform:translateY(-5%) rotate(-3deg)}}@container ocean (max-width:900px){.ocean-sidebar{padding-top:3cqh}.ocean-profile{margin:2cqh 0}.ocean-sidebar nav{gap:.4cqh}.ocean-sidebar nav button{padding:1cqh .6cqw;gap:.8cqw;min-height:40px}.ocean-motto{display:none}.ocean-brand>span{display:none}.ocean-chapter{letter-spacing:0}.ocean-island-caption{display:none}.ocean-island{border-radius:12px;padding:1cqh .6cqw 0}.ocean-center{padding:1cqh;border-width:2px;border-radius:16px}.ocean-center span{display:none}.ocean-guide{width:31%;left:44%;padding:.8cqh;border-radius:16px}.ocean-guide small{display:none}.ocean-guide strong{margin:0 0 .7cqh}.ocean-guide .ocean-primary{padding:.6cqh 1cqw;min-height:34px}.ocean-companion{width:5.5cqw;height:5.5cqw}.ocean-profile>span:last-child{min-width:0}.ocean-profile strong{max-width:8cqw}.ocean-profile small{font-size:12px;white-space:nowrap;gap:2px}.ocean-profile small svg{display:none}.ocean-round{min-width:36px;min-height:36px}.ocean-round svg{width:21px;height:21px}}@media(orientation:portrait)and (max-width:900px){.ocean-shell{display:none}.ocean-rotate{display:block}}@media(prefers-reduced-motion:reduce){.ocean-world *{animation:none!important;transition:none!important}}.ocean-board{position:absolute;inset:0}.ocean-zone-art{position:absolute;inset:0;background:url(/assets/ocean-map.webp) center/100% 100%;pointer-events:none;transition:filter 2s}.ocean-water-light{position:absolute;inset:0;background:url(/assets/ocean-map.webp) center/100% 100%;clip-path:polygon(35% 67%,54% 67%,54% 100%,28% 100%,35% 91%);opacity:.7;animation:ocean-tide 9s ease-in-out infinite;pointer-events:none}.ocean-map .ocean-map-art,.ocean-zone-art{transition:transform 1.5s,filter 2s}.entering-forest .ocean-map-art,.entering-forest .ocean-zone-art{transform:scale(1.14);transform-origin:19% 24%}.entering-city .ocean-map-art,.entering-city .ocean-zone-art{transform:scale(1.14);transform-origin:20% 65%}.ocean-world-glow .ocean-island{box-shadow:0 0 25px #fff7a4}.ocean-castle-hit,.ocean-island-hit{position:absolute;background:transparent;border-radius:40%;min-height:44px;z-index:1}.ocean-castle-hit{left:34%;top:15%;width:31%;height:48%}.ocean-island-hit.forest{left:1%;top:7%;width:33%;height:31%}.ocean-island-hit.words{left:58%;top:6%;width:27%;height:25%}.ocean-island-hit.city{left:2%;top:47%;width:30%;height:40%}.ocean-island-hit.story{left:55%;top:64%;width:30%;height:22%}.ocean-island-hit.social{left:77%;top:31%;width:22%;height:26%}.ocean-island-hit:focus-visible{outline-color:#fff0a2}.ocean-center{top:64%;left:49%}.ocean-complete-badge{position:absolute;right:-.6cqw;bottom:calc(100% - .8cqh);background:#137b8d;color:#fffac1;padding:.7cqh .9cqw;border:2px solid #f2e58b;border-radius:20px;display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:12px}.ocean-island.completed{border-color:#fff2a1;box-shadow:0 0 0 3px #ffe37355,0 5px #05658070}.ocean-map-mascot{position:absolute;right:1%;bottom:1%;width:10cqw;height:10cqw;padding:0;background:#d6f8ffc9;border:2px solid #aff3ff;border-radius:50%;box-shadow:0 6px 25px #167f9690;z-index:3}.ocean-map-mascot .ocean-avatar{width:100%;height:100%;border:0}.ocean-npc-caption{position:absolute;left:40%;bottom:23%;width:35%;padding:1.5cqh 1.2cqw;background:#fffef1f5;border:2px solid #b8efff;border-radius:18px 18px 18px 4px;font-size:clamp(14px,1.2cqw,18px);line-height:1.6;box-shadow:0 6px 22px #07618d55;z-index:6}.friend-action-1{animation:ocean-wave .35s 3}.friend-action-2{animation:ocean-jump .55s 2}.friend-action-3{animation:ocean-turn 1.1s}.ocean-guide{left:44%;width:28%}.ocean-sound-needed{animation:ocean-glow 3s infinite}.ocean-panel-top{display:flex;align-items:center;justify-content:space-between;color:#537b92;font-size:14px}.ocean-panel h1{margin:1.4cqh 0 .8cqh;font-size:clamp(24px,2.8cqw,40px)}.ocean-panel>p{margin:1cqh 0 2.5cqh}.ocean-task-grid{display:grid;grid-template-columns:1fr 1fr;gap:2cqw}.ocean-task-card{border:2px solid #c6eaf4;border-radius:22px;padding:2.5cqh 2cqw;background:linear-gradient(130deg,#fff,#eaf9ff)}.ocean-task-card h2{font-size:clamp(18px,1.9cqw,27px);margin:1cqh 0}.ocean-card-kicker{font-size:clamp(12px,1.1cqw,16px);color:#3389ab;letter-spacing:2px}.ocean-task-card p{color:#557b91;margin:1cqh 0}.ocean-task-count{display:flex;align-items:center;gap:8px;font-size:clamp(14px,1.4cqw,20px);color:#40728f}.ocean-task-count strong{font-size:clamp(28px,3cqw,43px);color:#0f6c9f}.ocean-task-count svg{color:#1a9c7f;margin-left:auto}.ocean-world progress{display:block;appearance:none;width:100%;height:10px;margin:1.5cqh 0 3cqh;border:0;border-radius:12px;overflow:hidden;background:#d8eaf2}.ocean-world progress::-webkit-progress-bar{background:#d8eaf2}.ocean-world progress::-webkit-progress-value{background:linear-gradient(90deg,#25bfc7,#56dcc6);border-radius:12px}.ocean-world progress::-moz-progress-bar{background:#2ac7c1}.ocean-growth-overview{display:grid;grid-template-columns:46% 1fr;gap:2cqw;align-items:stretch;min-height:38cqh}.ocean-growth-image{background:url(/assets/ocean-map.webp) center/cover;position:relative;border-radius:23px;border:2px solid #b0dfe9;min-height:34cqh}.ocean-growth-image>span{position:absolute;bottom:2cqh;left:50%;transform:translate(-50%);background:#faffffe8;border:2px solid #d7faff;padding:1cqh 1cqw;border-radius:20px;white-space:nowrap;display:flex;gap:.5cqw;align-items:center;font-size:14px}.ocean-growth-image svg{color:#db9a28}.ocean-growth-regions{display:grid;align-content:start;gap:2cqh}.ocean-growth-regions>button{background:#fff;border:1px solid #bee4f1;border-radius:16px;padding:2cqh 1.5cqw;display:grid;grid-template-columns:1fr auto;align-items:center;gap:1cqh 1cqw;text-align:left;color:#19577d}.ocean-growth-regions strong{font-size:clamp(16px,1.7cqw,25px)}.ocean-growth-regions small{display:block;font-size:12px;color:#5b8098;margin-top:6px}.ocean-growth-regions b{font-size:14px;white-space:nowrap}.ocean-growth-regions progress{grid-column:1/-1;margin:1cqh 0 0}.ocean-small-note{color:#65869a!important;font-size:12px!important;line-height:1.7}.ocean-collection-total{display:flex;align-items:center;gap:1cqw;border-radius:19px;border:2px solid #ffe49a;background:#fff7d7;padding:1.5cqh 2cqw;color:#7b5c19;font-size:16px}.ocean-collection-total>svg{color:#f3bd31;width:4cqw;height:4cqw;min-width:28px;min-height:28px}.ocean-collection-total strong{font-size:clamp(28px,3cqw,44px)}.ocean-collection-badges{margin-left:auto;font-size:14px}.ocean-collections{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3cqw;margin-top:3cqh}.ocean-collections article{text-align:center;background:#fff;border:1px solid #c2e9f7;border-radius:20px;padding:2cqh 1cqw}.ocean-collections svg{color:#e0aa22}.ocean-collections h2{font-size:clamp(16px,1.5cqw,22px)}.ocean-collections p{font-size:14px;color:#5c8096}.ocean-empty{text-align:center;padding:3cqh 0}.ocean-empty>svg{color:#70b8cf}.ocean-empty h2{font-size:clamp(18px,2cqw,28px);margin:1.5cqh 0}.ocean-empty p{color:#65869a}.ocean-parent-grid{display:grid;grid-template-columns:1fr 1fr;gap:2cqw}.ocean-parent-grid article{padding:2cqh 2cqw;border-radius:18px;background:#fff;border:1px solid #c1e8f4}.ocean-parent-grid h2{font-size:clamp(18px,1.8cqw,26px);margin:0 0 1.5cqh}.ocean-parent-grid p{font-size:14px;margin:1cqh 0;line-height:1.75}.ocean-parent-grid dl{font-size:14px;margin:1cqh 0 2cqh}.ocean-parent-grid dl div{display:flex;justify-content:space-between;gap:1cqw;border-bottom:1px solid #e0eff7;padding:1cqh 0}.ocean-parent-grid dd{font-weight:800;margin:0}.ocean-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#e3f6fd;color:#216a90;padding:1.3cqh 1.5cqw;border:1px solid #acd8ea;border-radius:24px;min-height:40px;font-size:14px;font-weight:700}.ocean-partner-room{position:relative;display:grid;grid-template-columns:20% 20% 1fr;align-items:center;gap:1.5cqw;min-height:39cqh;background:linear-gradient(120deg,#e9fbff,#fff);border:1px solid #d6f1f9;padding:2cqh 1.5cqw;border-radius:23px}.ocean-room-astronaut,.ocean-room-dolphin{width:100%;border-radius:50%;background:#fff;padding:0;overflow:hidden}.ocean-room-astronaut .ocean-avatar{width:100%;height:auto;aspect-ratio:1;border:0}.ocean-room-dolphin img{width:100%;display:block;mix-blend-mode:multiply}.ocean-partner-copy h2{font-size:clamp(18px,1.9cqw,28px)}.ocean-partner-copy label{font-size:14px;display:block;margin-bottom:7px}.ocean-name-form{display:flex;gap:6px;align-items:stretch;flex-wrap:wrap}.ocean-name-form input{min-width:0;max-width:13cqw;flex:1;border:1px solid #a7ccdc;padding:10px;border-radius:12px;color:#195271;background:#fff;outline-color:#299bc0;font-size:16px}.ocean-partner-copy p{font-size:14px;color:#668299}.ocean-growth-feedback{position:absolute;inset:0;z-index:13;background:#14567635;display:flex;align-items:center;justify-content:center;gap:2cqw;pointer-events:auto}.ocean-growth-feedback>div{display:flex;flex-direction:column;align-items:center;gap:1.5cqh;background:#fffbe9f5;border:3px solid #ffdf80;border-radius:23px;box-shadow:0 0 80px #fff1959c;padding:3cqh 3cqw;color:#17567f}.ocean-growth-feedback strong{font-size:clamp(20px,2.6cqw,36px)}.ocean-growth-feedback span{font-size:clamp(24px,3.2cqw,46px);font-weight:900;color:#b4821e}.ocean-growth-feedback small{font-size:14px}.ocean-return-star{width:9cqw;height:9cqw;color:#ffe162;filter:drop-shadow(0 0 20px #fffccb);animation:ocean-star-return 3.2s ease-in-out forwards}.ocean-zone-celebrate{animation:ocean-zone-grow 3.2s ease-out!important}.ocean-island-growing{animation:ocean-glow .8s infinite!important}.ocean-entering{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;gap:12px;background:#a1f2ff25;color:#fff;text-shadow:0 2px 8px #043867;padding-bottom:5cqh;font-size:clamp(20px,2.4cqw,34px);font-weight:800;z-index:15;backdrop-filter:blur(1px)}.ocean-audio-warning{position:absolute;top:11%;left:50%;transform:translate(-50%);background:#fff3d9;border:1px solid #ffd591;color:#866428;padding:8px 14px;border-radius:12px;font-size:14px;z-index:16;max-width:75%}.ocean-storage-warning{position:absolute;bottom:0;left:0;right:0;background:#fff3d4ef;color:#875e20;font-size:12px;padding:5px;text-align:center;z-index:17}.ocean-world .modal-backdrop{z-index:30;background:#063b72a3;backdrop-filter:blur(8px)}.ocean-world .forest-modal{background:#f7fdff;border:3px solid #b4eefe;color:#144f7b;max-height:93%;overflow:auto;width:min(56cqw,740px);box-shadow:0 20px 70px #00396580}.ocean-world .forest-modal h2{color:#164f7e;font-size:clamp(23px,2.8cqw,38px);margin:1cqh 0 2cqh}.ocean-world .forest-modal>p{color:#658296;font-size:clamp(14px,1.3cqw,19px);line-height:1.7}.ocean-welcome-pals{display:flex;align-items:center;justify-content:center;gap:1cqw;margin:0 auto 2cqh;height:16cqh}.ocean-welcome-pals>img,.ocean-welcome-pals>.ocean-avatar{width:16cqh;height:16cqh;border:0;border-radius:50%;background-color:#fff}.ocean-start{padding:1.8cqh 3cqw;min-height:46px;font-size:clamp(18px,2cqw,28px)}.ocean-settings-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:1cqh}.ocean-settings-title h2{margin:0!important}.ocean-setting-row{display:flex;align-items:center;gap:1cqw;min-height:8cqh;border-bottom:1px solid #dbeaf4;font-size:clamp(14px,1.35cqw,19px)}.ocean-setting-row>label,.ocean-setting-row>span{margin-right:auto;display:flex;gap:10px;align-items:center}.ocean-setting-row>label svg,.ocean-setting-row>span svg{width:20px;height:20px}.ocean-setting-row input[type=range]{width:14cqw;max-width:35%;min-height:32px;accent-color:#158baa}.ocean-switch{width:46px;height:30px;border-radius:20px;background:#b6cddd;padding:4px;flex-shrink:0}.ocean-switch span{display:block;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #204a6a40;transition:transform .2s}.ocean-switch.on{background:#1fa3b4}.ocean-switch.on span{transform:translate(16px)}.ocean-settings-footer{display:flex;align-items:center;justify-content:space-between;gap:2cqw;margin-top:3cqh}.ocean-return{display:inline-flex!important;width:auto!important;align-items:center;gap:6px;background:#fffdf2ef;color:#15547b;border:1px solid #e1fdff;border-radius:25px;padding:5px 12px!important;font-size:clamp(12px,1.1cqw,16px);white-space:nowrap}.ocean-return img{width:28px;height:28px;border-radius:50%;object-fit:contain}.city-top .ocean-return{margin-right:auto}.city-top .city-score{margin-left:0}.ocean-world .ocean-secondary:disabled,.ocean-world .ocean-primary:disabled{opacity:.5}@keyframes ocean-tide{50%{transform:translateY(3px);opacity:.4}}@keyframes ocean-wave{50%{transform:rotate(-9deg)}}@keyframes ocean-jump{50%{transform:translateY(-15%)}}@keyframes ocean-turn{50%{transform:rotate(14deg) scale(1.1)}}@keyframes ocean-star-return{0%{transform:translate(15cqw,25cqh) scale(.4);opacity:0}25%{transform:translate(0) scale(1);opacity:1}70%{transform:translate(0) scale(1.1);opacity:1}to{transform:translate(-12cqw,-16cqh) scale(.4);opacity:0}}@keyframes ocean-zone-grow{25%,65%{filter:brightness(1.35) saturate(1.5);transform:scale(1.015)}}@container ocean (max-width:900px){.ocean-guide{left:44%;width:30%}.ocean-map-mascot{width:8cqw;height:8cqw;right:2%}.ocean-panel{inset:14% 3% 3%;padding:2cqh 2cqw;border-radius:18px}.ocean-panel>p{margin:1cqh 0 2cqh}.ocean-task-card{padding:2cqh 1.5cqw;border-radius:16px}.ocean-task-card p{font-size:14px;line-height:1.5}.ocean-task-card .ocean-primary{min-height:36px;padding:1cqh 1.5cqw}.ocean-parent-grid{gap:1.4cqw}.ocean-parent-grid article{padding:2cqh 1.5cqw}.ocean-world .forest-modal{width:66cqw;padding:2.5cqh 3cqw}.ocean-setting-row{min-height:9cqh}.ocean-setting-row>label svg,.ocean-setting-row>span svg{display:none}.ocean-settings-footer{margin-top:2cqh}.ocean-welcome-pals{height:14cqh;margin-bottom:1cqh}.ocean-welcome-pals>img,.ocean-welcome-pals>.ocean-avatar{width:14cqh;height:14cqh}.ocean-world .forest-modal>p{margin:1.3cqh 0 2cqh}.ocean-partner-room{grid-template-columns:20% 1fr}.ocean-room-dolphin{display:none}.ocean-name-form input{max-width:25cqw}.ocean-collections{grid-template-columns:repeat(2,1fr)}.ocean-npc-caption{bottom:23%;left:32%;width:50%;font-size:14px}.ocean-entering{padding-bottom:8cqh}.ocean-audio-warning{font-size:12px}.ocean-growth-overview{grid-template-columns:40% 1fr}.ocean-return{padding:2px 8px!important;gap:3px}.ocean-return img{width:22px;height:22px}}.ocean-moving-clouds{position:absolute;inset:0;background:url(/assets/ocean-map.webp) center/100% 100%;mask-image:linear-gradient(#000,transparent 12%);pointer-events:none;animation:ocean-cloud-drift 22s ease-in-out infinite}.ocean-earned-lights{position:absolute;pointer-events:none;width:27%;height:20%;z-index:1;color:#fff1a6}.ocean-earned-lights.forest{left:5%;top:13%}.ocean-earned-lights.city{left:5%;top:59%}.ocean-earned-lights svg{position:absolute;width:1.3cqw;height:1.3cqw;filter:drop-shadow(0 0 6px #ffde60);animation:ocean-starlight 4s ease-in-out infinite}.ocean-paths .path-complete{stroke:#fff3a7;stroke-width:3px}.ocean-switch{position:relative}.ocean-switch:after{content:"";position:absolute;inset:-5px 0}@keyframes ocean-cloud-drift{50%{transform:translate(5px)}}@keyframes ocean-starlight{50%{opacity:.4;transform:scale(.7)}}.ocean-earned-lights.words{left:57%;top:12%}.ocean-task-grid{grid-template-columns:repeat(3,1fr)}.ocean-growth-regions{gap:1cqh}.ocean-growth-regions>button{padding:1.5cqh 1.2cqw}@container ocean (max-width:900px){.ocean-task-grid{grid-template-columns:repeat(2,1fr)}.ocean-growth-regions>button{padding:1.2cqh 1cqw}}.words-world{min-height:100svh;display:grid;place-items:center;background:#126897;color:#145772}.words-shell{position:relative;width:min(100vw,177.7778svh);height:min(100svh,56.25vw);container-type:size;container-name:words;overflow:hidden;isolation:isolate;background:#42c1df}.words-background{position:absolute;inset:0;background:linear-gradient(#03567710,#d0f8f525),url(/assets/words-island.webp) center/cover;z-index:-1}.words-top{position:absolute;top:3cqh;left:max(3cqw,env(safe-area-inset-left));right:max(3cqw,env(safe-area-inset-right));display:flex;align-items:center;gap:1.2cqw;z-index:10;color:#fff;text-shadow:0 2px 6px #0b58806b}.words-top>strong{font-size:clamp(16px,1.8cqw,25px)}.words-round{width:4cqw;height:4cqw;min-width:38px;min-height:38px;border:1px solid #d7fcffa3;border-radius:50%;background:#127aa8db;color:#fff;display:grid;place-items:center;box-shadow:0 3px #10698d40}.words-round svg{width:22px;height:22px}.words-stars{margin-left:auto;display:flex;align-items:center;gap:.8cqw;background:#0b689fe6;border:1px solid #b7f4ff90;border-radius:30px;padding:1cqh 1.5cqw;font-weight:800;font-size:clamp(16px,1.7cqw,24px)}.words-stars svg{color:#ffdc63}.words-home{position:absolute;inset:15% 8% 6%;text-align:center;display:flex;flex-direction:column;align-items:center}.words-kicker{font-size:clamp(14px,1.4cqw,20px);padding:1cqh 2cqw;border-radius:30px;color:#125581;background:#ecfeffdc;border:1px solid #caf5ff}.words-home h1{font-size:clamp(44px,7cqw,94px);line-height:1.25;color:#fff6ce;margin:2cqh 0 0;text-shadow:0 5px 0 #0478a7,0 0 20px #036889;letter-spacing:.6cqw;-webkit-text-stroke:1px #0879a5}.words-home>p{font-size:clamp(16px,1.7cqw,24px);color:#fff;text-shadow:0 2px 5px #0a668a;margin:1.5cqh 0}.words-home-whale{width:22cqw;height:22cqw;max-height:34cqh;object-fit:contain;border-radius:50%;background:#effdff;mix-blend-mode:multiply;animation:words-bob 5s ease-in-out infinite}.words-primary{display:inline-flex;align-items:center;justify-content:center;gap:1cqw;background:linear-gradient(#ffed8a,#ffd047);color:#69471b;border:2px solid #fff4c4;border-radius:35px;box-shadow:0 5px #c49032;padding:1.5cqh 2.5cqw;font-size:clamp(17px,1.8cqw,26px);font-weight:900;min-height:42px}.words-home>.words-primary{margin-top:2cqh;min-width:24cqw}.words-theme-page{position:absolute;inset:13% 8% 5%}.words-theme-page h1{text-align:center;margin:0 0 2cqh;font-size:clamp(24px,3cqw,42px);color:#fff;text-shadow:0 2px 6px #11638b}.words-themes{height:calc(100% - 8cqh);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:2cqh 2cqw}.words-themes>button{background:#f6fefff2;border:3px solid #b5f4f3;border-radius:24px;box-shadow:0 6px #03739244;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6cqh;color:#145674;min-height:0;padding:1.5cqh 1cqw}.words-themes>button.locked{background:#e4f1f1e6;border-color:#cce4e9;color:#6a8797}.words-themes>button strong{font-size:clamp(18px,2.2cqw,30px)}.words-themes>button>span{font-size:clamp(12px,1.2cqw,17px)}.word-art{background-repeat:no-repeat;width:100%;aspect-ratio:1;background-color:#fff;border-radius:18px;flex-shrink:0}.words-themes .word-art{width:auto;height:15cqh;max-height:52%;aspect-ratio:1;mix-blend-mode:multiply}.word-art-hidden{display:grid;place-items:center;color:#b0c6d0;background:#e9f3f5;font-size:clamp(24px,5cqw,60px);font-weight:900}.words-toast{position:absolute;bottom:5%;left:50%;transform:translate(-50%);z-index:20;background:#fffceef5;border:2px solid #b5edf3;box-shadow:0 7px 30px #10577755;border-radius:18px;padding:1.5cqh 2cqw;max-width:75%;font-size:clamp(14px,1.5cqw,22px);text-align:center}.words-rotate{display:none;text-align:center;padding:30px;color:#e7fbff}.words-rotate h1{font-size:25px;line-height:1.6}.words-world button{touch-action:manipulation}.words-world button:focus-visible{outline:3px solid #fff09c;outline-offset:4px}@keyframes words-bob{50%{transform:translateY(-5px) rotate(2deg)}}@media(orientation:portrait)and (max-width:900px){.words-shell{display:none}.words-rotate{display:block}}@container words (max-width:850px){.words-theme-page{inset:15% 6% 4%}.words-themes{gap:2cqh 1.5cqw}.words-themes>button{border-radius:18px;border-width:2px}.words-home{top:15%}.words-home h1{margin-top:1cqh}.words-home>p{margin:1cqh 0}.words-home-whale{max-height:30cqh}.words-home>.words-primary{margin-top:1cqh}.words-top{gap:1cqw}.words-top .words-round{min-height:34px;min-width:34px}.words-top svg{width:20px;height:20px}}@media(prefers-reduced-motion:reduce){.words-world *{animation:none!important;transition:none!important}}.words-content{position:absolute;inset:0}.word-art{display:grid;place-items:center;overflow:hidden}.word-art svg{display:block;width:88%;height:88%;overflow:hidden}.words-world-back{color:#12658a;background:#f4fdffeb;border:1px solid #a7e2eb;border-radius:30px;padding:1cqh 1.3cqw;font-size:clamp(12px,1.2cqw,17px);min-height:36px;white-space:nowrap}.words-water{position:absolute;inset:0;background:url(/assets/words-island.webp) center/cover;mask-image:linear-gradient(transparent 25%,#000 39%,transparent 49%);animation:words-tide 10s ease-in-out infinite;pointer-events:none}.words-home-note{color:#1a7496;font-size:clamp(12px,1.2cqw,17px);margin-top:2cqh}.words-page-heading{display:flex;align-items:center;justify-content:space-between;gap:1cqw;color:#185975;min-height:8cqh;margin-bottom:2cqh}.words-page-heading h1{margin:0;color:#12597e;font-size:clamp(23px,2.8cqw,39px);text-shadow:0 2px 0 #e4ffffcc}.words-page-heading>span{display:flex;align-items:center;gap:.5cqw;white-space:nowrap;color:#116487;background:#f1feffeb;padding:1cqh 1.2cqw;border-radius:24px;font-size:clamp(12px,1.2cqw,17px);border:1px solid #b7f2f6}.words-themes{height:calc(100% - 10cqh)}.words-theme-card{min-height:0;background:#f6fefff5;border:3px solid #b5f4f3;border-radius:23px;box-shadow:0 6px #03739244;display:flex;flex-direction:column;position:relative;overflow:hidden}.words-theme-card.locked{filter:saturate(.4);background:#e5f1f0ea;border-color:#d9e8eb;color:#6d8c9a}.words-theme-card.recommended{border-color:#ffe17a;animation:words-island-glow 3s infinite}.words-theme-card.completed{border-color:#ffd566}.words-theme-main{display:flex;align-items:center;justify-content:center;gap:.65cqh;flex-direction:column;min-height:0;flex:1;padding:1cqh;background:transparent;color:inherit;width:100%}.words-theme-main .word-art{height:14cqh;max-height:55%;width:auto;mix-blend-mode:multiply}.words-theme-main strong{font-size:clamp(18px,2cqw,29px)}.words-theme-main>span:not(.words-theme-badge){font-size:clamp(12px,1.2cqw,17px);display:flex;align-items:center;gap:5px}.words-theme-main>svg{color:#83a2ad;min-height:30px;margin:.5cqh 0}.words-theme-progress{background:#e4f7f7;color:#327a8f;display:flex;align-items:center;justify-content:center;gap:5px;font-size:clamp(12px,1.1cqw,15px);padding:.7cqh 1cqw;min-height:28px;border-top:1px solid #c4e8ef}.words-theme-badge{position:absolute;right:0;top:0;display:flex;gap:4px;align-items:center;background:#fff2b9;color:#816020;border-radius:0 0 0 15px;padding:.7cqh .8cqw;font-size:12px;z-index:2}.words-theme-badge svg{width:16px;height:16px}.words-level-page{position:absolute;inset:14% 6% 6%}.words-level-page .words-kicker{background:#fffde9}.words-level-page h1{margin-top:1cqh}.words-level-route{position:relative;display:flex;justify-content:space-between;height:51cqh;margin-top:3cqh}.words-level-route>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.words-level-route>svg path{fill:none;stroke:#e9ffff;stroke-width:1;stroke-dasharray:1 1.5;filter:drop-shadow(0 1px 3px #1682a3);animation:ocean-flow 12s infinite linear}.words-level-route>button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:21%;height:36cqh;border-radius:24px;border:3px solid #b8f7ef;background:#fffdf3f5;color:#195e78;box-shadow:0 8px #158aa745;padding:1.4cqh 1cqw;gap:.6cqh}.words-level-route>button.locked{filter:saturate(.2);background:#e2eeeee8;color:#748f99}.words-level-route>button.recommended{border-color:#ffe079;animation:words-island-glow 3s infinite}.words-level-route .word-art{width:auto;height:18cqh;max-height:51%;mix-blend-mode:multiply}.words-level-route strong{font-size:clamp(16px,1.65cqw,24px);white-space:nowrap}.words-level-route>button>span{font-size:clamp(12px,1.1cqw,16px)}.words-level-number{position:absolute;left:-1cqw;top:-2cqh;background:#1289b6;color:#fff;border:3px solid #defbff;border-radius:50%;width:4cqw;height:4cqw;min-width:30px;min-height:30px;display:grid;place-items:center;font-size:clamp(16px,1.8cqw,24px)!important;font-weight:800}.words-level-lock{position:absolute;top:20%;width:4cqw;height:4cqw;padding:5px;background:#e8f1f1da;border-radius:50%;color:#467783}.words-level-award{position:absolute;right:.8cqw;top:1cqh;color:#d8ab2d}.words-level-note{text-align:center;font-size:clamp(13px,1.2cqw,18px);color:#277494;margin:0}.words-practice{position:absolute;inset:0}.words-practice-heading{position:absolute;top:13%;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;color:#195778}.words-practice-heading>div>span{font-size:clamp(12px,1.1cqw,16px)}.words-practice-heading h1{font-size:clamp(23px,2.8cqw,40px);margin:.4cqh 0;line-height:1.4}.words-phase-progress{display:flex;flex-direction:column;align-items:flex-end;gap:1.3cqh}.words-phase-progress>span{font-size:clamp(14px,1.4cqw,21px);font-weight:700}.words-phase-progress>div{display:flex;gap:.7cqw}.words-phase-progress i{width:1cqw;height:1cqw;min-width:7px;min-height:7px;border-radius:50%;background:#a8cccb;border:1px solid #e6fcff}.words-phase-progress i.active{background:#ffd466;box-shadow:0 0 0 3px #fff1b74d}.words-phase-progress i.passed{background:#39bf96}.words-phase-progress i.skipped{background:#bdd0d4}.words-learning-card{position:absolute;top:27%;left:8%;right:8%;height:43%;display:grid;grid-template-columns:44% 56%;background:#fffef7f5;border:3px solid #d4ffff;border-radius:27px;box-shadow:0 13px 35px #12799033;overflow:hidden;animation:card-in .3s}.words-picture{display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse,#fff 45%,#e5f6f8);border-right:1px solid #cce8e9}.words-picture .word-art{width:33cqh;height:33cqh;max-width:91%;max-height:92%;mix-blend-mode:multiply}.words-playing .words-picture .word-art{animation:words-bob 2s infinite}.words-picture-tag{position:absolute;bottom:1.5cqh;padding:.5cqh 1cqw;font-size:12px;background:#def8f7;color:#2c8c98;border-radius:20px}.words-learning-copy{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:2cqh 2cqw;text-align:center}.words-learning-copy h2{font-size:clamp(40px,5cqw,72px);margin:0 0 2cqh;color:#145775;line-height:1.25}.words-learning-copy .words-pinyin{font-size:clamp(16px,1.9cqw,27px);color:#6394a5;margin:0 0 .8cqh;letter-spacing:1px}.words-learning-copy .words-recall-question{font-size:clamp(25px,3.2cqw,43px);margin:1cqh 0}.words-learning-copy>svg{color:#e3af3b}.words-learning-copy>p:not(.words-pinyin){font-size:clamp(14px,1.3cqw,19px);color:#6a8d98;margin:1cqh 0 2cqh}.words-listen{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#d9f6ff;border:1px solid #a6dfe9;color:#127eaa;font-size:clamp(14px,1.5cqw,22px);font-weight:700;border-radius:30px;padding:1cqh 2cqw;min-height:38px}.words-listen svg{width:23px;height:23px}.words-listen:disabled{opacity:.5}.words-learning-copy .words-assisted-note{font-size:12px!important;margin:.8cqh 0 0!important}.words-listening-game{position:absolute;top:27%;left:7%;right:7%;height:43%;display:flex;flex-direction:column;align-items:center;gap:1.5cqh}.words-game-listen{min-height:36px;box-shadow:0 4px #13759440;background:#f1fcff}.words-game-options{display:flex;justify-content:center;gap:3cqw;flex:1;min-height:0;width:100%}.words-game-options>button{width:26%;position:relative;padding:1cqh;background:#fffdfa;border:3px solid #c8f3ec;border-radius:25px;box-shadow:0 8px #15859b3b;display:flex;align-items:center;justify-content:center;transition:transform .15s}.words-game-options .word-art{width:24cqh;height:24cqh;max-height:100%;max-width:100%}.words-game-options>button.found{border-color:#ffc748;box-shadow:0 0 0 6px #ffec8977;transform:translateY(-6px)}.words-game-options>button.found>svg{position:absolute;right:1cqw;top:1cqh;background:#37ba95;color:#fff;border-radius:50%;padding:3px}.words-game-options .shake{animation:shake .4s}.words-controls{position:absolute;top:74%;left:5%;right:5%;height:20%;display:flex;align-items:center;gap:1.2cqw}.words-npc{display:flex;align-items:center;gap:.8cqw;width:44%;height:100%}.words-npc>img{width:13cqh;height:13cqh;border-radius:50%;background:#f6ffff;object-fit:contain;mix-blend-mode:multiply;flex-shrink:0}.words-npc>div{background:#f5ffffeb;border:1px solid #c1edf6;border-radius:18px 18px 18px 3px;padding:1.2cqh 1.3cqw;box-shadow:0 6px 20px #126d8b25;min-width:0}.words-npc small{color:#6babb1;font-size:12px}.words-npc p{font-size:clamp(14px,1.3cqw,19px);line-height:1.55;margin:3px 0 0;color:#326a7c}.words-mic-area{display:flex;align-items:center;gap:1.5cqw;position:relative}.words-microphone{width:12cqh;height:12cqh;min-width:57px;min-height:57px;max-width:102px;max-height:102px;display:grid;place-items:center;color:#fff;background:linear-gradient(#ff87a7,#f44f82);border:4px solid #fff7e9;border-radius:50%;box-shadow:0 5px #c94e753f;touch-action:none;-webkit-touch-callout:none;user-select:none;z-index:3}.words-microphone svg{width:49%;height:49%}.words-microphone.ready{animation:mic-breathe 2s ease-in-out infinite}.words-microphone.recording{transform:scale(1.1);box-shadow:0 0 0 9px #ffa2bd44}.words-microphone:disabled{opacity:.6}.words-mic-copy{display:grid;gap:5px;color:#235f79;white-space:nowrap}.words-mic-copy strong{font-size:clamp(16px,1.8cqw,26px)}.words-mic-copy small{font-size:clamp(12px,1.1cqw,16px);color:#6b8993}.words-wave{position:absolute;left:-2.7cqw;display:none;align-items:center;gap:3px;color:#f790b1}.words-wave.active{display:flex}.words-wave i{display:block;width:3px;background:currentColor;transition:height .08s}.words-skip{display:flex;align-items:center;gap:5px;background:transparent;color:#417f92;font-size:clamp(12px,1.2cqw,17px);padding:9px 3px;white-space:nowrap;margin-left:auto}.words-skip:disabled{opacity:.45}.words-recording .words-npc>img{animation:words-bob 3s infinite}.words-celebrating .words-npc>img{animation:ocean-jump .6s 2}.words-audio-error{position:absolute;top:22%;left:32%;max-width:60%;padding:.8cqh 1cqw;font-size:12px;color:#8d672a;background:#fff1cddf;border:1px solid #f7d791;border-radius:10px;z-index:8}.words-flying-card{position:absolute;left:30%;top:35%;width:11cqw;background:#fff;border:3px solid #ffe186;border-radius:16px;padding:.5cqw;z-index:15;animation:words-collect 1.25s ease-in forwards}.words-flying-card>svg{position:absolute;right:-1cqw;top:-2cqh;color:#ffd04c}.words-atlas{position:absolute;inset:13% 6% 5%;border:3px solid #c2f2ee;background:#fffef6f0;border-radius:24px;padding:2cqh 2cqw;display:flex;flex-direction:column}.words-atlas .words-page-heading{margin:0;min-height:6cqh}.words-atlas-tabs{display:flex;gap:1cqw;margin:1.5cqh 0 2cqh}.words-atlas-tabs button{background:#e0efee;color:#638894;border:1px solid #bfdcdf;border-radius:24px;padding:.8cqh 1.6cqw;font-size:clamp(14px,1.2cqw,18px);min-height:34px}.words-atlas-tabs button.active{color:#0c7497;background:#c9f5fa;border-color:#8adce7}.words-card-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5cqh 1.2cqw;overflow:auto;align-content:start;padding:2px 3px 1cqh;min-height:0;flex:1}.words-card-grid>button{border:1px solid #d7e8e7;background:#f0f6f4;border-radius:15px;padding:.8cqh;display:flex;align-items:center;flex-direction:column;gap:.3cqh;position:relative;min-height:15cqh;color:#86a0a6}.words-card-grid>button.collected{background:#fff;border:2px solid #c0e8df;color:#28647b;box-shadow:0 3px #9bccc52b}.words-card-grid .word-art{height:10cqh;width:10cqh;max-width:90%;border-radius:9px}.words-card-grid strong{font-size:clamp(14px,1.4cqw,20px)}.words-card-grid small{font-size:12px;color:#789da5}.words-card-grid>button>span{font-size:12px}.words-card-grid>button>svg{position:absolute;right:6px;bottom:6px;color:#2d9db7}.words-enlarged-art{width:29cqh;height:29cqh;margin:0 auto;max-width:70%;max-height:45cqh}.words-card-close{position:absolute;top:2cqh;right:1.5cqw}.words-reward{position:absolute;inset:16% 7% 6%;display:flex;align-items:center;gap:3cqw}.words-reward>img{width:26%;mix-blend-mode:multiply;animation:ocean-jump 1.2s infinite;border-radius:50%}.words-reward-card{background:#fffef1f5;border:3px solid #ffe693;border-radius:30px;text-align:center;flex:1;padding:3cqh 2cqw;box-shadow:0 10px 30px #19698738}.words-reward-card h1{font-size:clamp(24px,3cqw,42px);margin:1cqh 0 2cqh;color:#255d79}.words-reward-card .star-rating svg{width:4cqw;height:4cqw}.words-reward-card p{font-size:clamp(14px,1.4cqw,20px);color:#6b8893;margin:1.5cqh 0}.words-reward-card>small{color:#96a395;font-size:12px}.words-reward-cards{display:flex;justify-content:center;gap:.6cqw;margin:2cqh 0}.words-reward-cards .word-art{width:8cqw;max-width:18%;border:1px solid #f4de98;border-radius:12px;box-shadow:0 3px #eddfa644}.words-reward-card p>svg{width:20px;height:20px;color:#d6a533;vertical-align:middle}.words-growth-toast{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:1.5cqw;background:#fff8dcf5;border:3px solid #ffd873;box-shadow:0 0 60px #fff195aa;border-radius:25px;padding:3cqh 3cqw;z-index:12;pointer-events:none}.words-growth-toast>svg{color:#ffd04b;width:5cqw;height:5cqw;animation:words-bob 1s infinite}.words-growth-toast strong,.words-growth-toast span{display:block;white-space:nowrap;font-size:clamp(18px,2cqw,28px)}.words-growth-toast span{font-size:clamp(16px,1.7cqw,24px);margin-top:1cqh;color:#a17a20}.words-storage-warning{position:absolute;bottom:0;left:0;right:0;background:#fff1d9eb;color:#966928;text-align:center;padding:5px;font-size:12px;z-index:30}.words-world .forest-modal{background:#f9ffff;border:3px solid #b2eff4;color:#155f7b;max-height:94%;overflow:auto;width:min(62cqw,780px)}.words-world .forest-modal h2{color:#185f7c;font-size:clamp(24px,2.5cqw,36px);margin:1cqh 0 2cqh}.words-world .forest-modal>p{color:#6d929e;font-size:clamp(14px,1.3cqw,19px);line-height:1.7}.words-world .modal-backdrop{background:#075e7e99;backdrop-filter:blur(6px);z-index:25}.words-permission-icon{background:#fee2e7;color:#ea6e96;width:12cqh;height:12cqh;min-height:50px;min-width:50px;border-radius:50%;display:grid;place-items:center;margin:0 auto 2cqh}.words-permission-links{display:flex;align-items:center;justify-content:center;gap:2cqw;margin-top:2cqh}.words-permission-links button{color:#578895;background:transparent;font-size:clamp(13px,1.2cqw,18px);padding:9px}.words-settings-title{display:flex;align-items:center;justify-content:space-between}.words-settings-title h2{margin:0!important}.words-setting-row{display:flex;gap:1cqw;align-items:center;min-height:8cqh;border-bottom:1px solid #d4e8ec;font-size:clamp(14px,1.3cqw,19px)}.words-setting-row>label,.words-setting-row>span{margin-right:auto}.words-setting-row input[type=range]{width:16cqw;max-width:35%;accent-color:#20a5b5;min-height:30px}.words-settings-footer{display:flex;justify-content:space-between;gap:1cqw;align-items:center;flex-wrap:wrap;margin-top:2cqh}.words-secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:1cqh 1.3cqw;background:#e2f6f9;border:1px solid #b5e3e9;color:#347d92;border-radius:24px;font-size:clamp(12px,1.2cqw,18px)}@keyframes words-tide{50%{transform:translateY(2px)}}@keyframes words-island-glow{50%{box-shadow:0 5px #4a94a047,0 0 0 4px #ffe9a252,0 0 25px #fff4a3}}@keyframes words-collect{0%{transform:scale(.7);opacity:0}30%{transform:translateY(-3cqh) scale(1);opacity:1}to{transform:translate(46cqw,-28cqh) scale(.2);opacity:0}}@container words (max-width:850px){.words-world-back{min-height:32px;padding:.7cqh 1cqw}.words-page-heading{min-height:8cqh;margin-bottom:1cqh}.words-page-heading h1{font-size:23px}.words-page-heading>span{font-size:12px}.words-theme-card{border-radius:16px;border-width:2px}.words-theme-main .word-art{height:13cqh}.words-theme-main strong{font-size:18px}.words-theme-progress{font-size:12px;min-height:25px;padding:.4cqh}.words-theme-main>span:not(.words-theme-badge){font-size:12px}.words-learning-card{left:6%;right:6%;border-radius:20px;border-width:2px}.words-practice-heading{top:13%}.words-practice-heading h1{font-size:24px}.words-learning-copy{padding:1cqh 1.5cqw}.words-learning-copy h2{margin-bottom:1.2cqh}.words-learning-copy .words-recall-question{font-size:25px}.words-learning-copy>svg{width:26px;height:26px}.words-listen{min-height:34px;padding:.7cqh 1.6cqw;font-size:14px}.words-listen svg{width:19px;height:19px}.words-controls{left:4%;right:4%;gap:1cqw}.words-npc{width:45%;gap:.6cqw}.words-npc>img{width:11cqh;height:11cqh}.words-npc>div{padding:.7cqh 1cqw;border-radius:12px 12px 12px 3px}.words-npc small{display:none}.words-npc p{font-size:12px;line-height:1.5}.words-mic-area{gap:1.5cqw}.words-microphone{min-height:54px;min-width:54px;border-width:3px}.words-mic-copy strong{font-size:16px}.words-mic-copy small{font-size:12px}.words-skip{font-size:12px;gap:2px}.words-skip svg{width:14px;height:14px}.words-game-options{gap:2cqw}.words-game-options>button{width:27%;border-width:2px;border-radius:18px}.words-world .forest-modal{width:66cqw;padding:2.5cqh 3cqw;border-radius:22px}.words-setting-row{min-height:9cqh}.words-atlas{inset:14% 4% 4%;padding:1.5cqh 1.6cqw;border-radius:18px}.words-card-grid{gap:1.5cqh 1cqw;grid-template-columns:repeat(5,1fr)}.words-card-grid>button{border-radius:10px;min-height:21cqh}.words-card-grid .word-art{height:12cqh;width:12cqh}.words-card-grid small{font-size:12px}.words-card-grid>button>svg{width:12px;height:12px;right:3px;bottom:3px}.words-level-page{inset:15% 5% 5%}.words-level-route{margin-top:1.5cqh}.words-level-route>button{border-radius:18px;border-width:2px;gap:.7cqh;padding:1.3cqh 1cqw}.words-level-route strong{font-size:14px}.words-level-route>button>span{font-size:12px}.words-level-note{font-size:12px;line-height:1.6}.words-level-award{width:19px;height:19px}.words-reward{inset:16% 6% 6%;gap:2cqw}.words-reward-card{border-radius:22px;padding:2.5cqh 2cqw}.words-reward-card h1{font-size:23px}.words-reward-card .words-kicker{font-size:12px}.words-reward-card p{font-size:14px}.words-permission-icon{margin-bottom:1cqh}.words-permission-links{margin-top:1cqh}.words-home-note{margin-top:1.5cqh}}.words-reward-art{width:28%;position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center}.words-treasure{width:100%;aspect-ratio:1;background:#fff url(/assets/words-chest.webp) left center/300% 100%;border-radius:50%;mix-blend-mode:multiply;transform:translateY(-12%)}.words-treasure.opening{animation:words-chest-open 2.3s steps(1,end) forwards}.words-reward-art>img{position:absolute;bottom:2%;left:8%;width:75%;mix-blend-mode:multiply;border-radius:50%;animation:words-bob 2s infinite}@keyframes words-chest-open{0%,25%{background-position:0 50%}40%,60%{background-position:50% 50%}75%,to{background-position:100% 50%}}.words-longterm-companion{position:absolute;left:12%;bottom:17%;width:15cqw;height:15cqw;max-height:27cqh;max-width:27cqh;z-index:2;border-radius:50%;box-shadow:0 6px 25px #166e9840;animation:words-bob 5s infinite}.words-longterm-companion .ocean-avatar{width:100%;height:100%;border:3px solid #fffbe0}.words-home-whale{mix-blend-mode:normal;border:3px solid #d8f9ff;box-shadow:0 7px 25px #329ba538;background:#fff}.word-art>img{display:block;width:88%;height:88%;object-fit:contain}.words-npc>img{mix-blend-mode:normal;background:#fff;border:2px solid #cdf5f4}.words-practice-heading{filter:drop-shadow(0 1px 1px #fff);text-shadow:0 1px 0 #f3ffff}:root{font-family:Noto Sans SC,PingFang SC,sans-serif;color:#173f31;font-synthesis:none;font-weight:500;background:#103d2e}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:0;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:4px solid #fff;outline-offset:5px}button:disabled{cursor:default}button svg{flex-shrink:0}.world{width:100%;min-height:100svh;display:grid;place-items:center;overflow:hidden;background:#103d2e}.game-shell{position:relative;width:100%;height:100svh;max-height:70vw;background:linear-gradient(180deg,#073c3120,#043b3515 60%,#04372980),url(/assets/forest.png) center/cover;overflow:hidden;isolation:isolate}.topbar{position:absolute;top:max(22px,env(safe-area-inset-top));left:max(30px,env(safe-area-inset-left));right:max(30px,env(safe-area-inset-right));display:flex;align-items:center;gap:14px;z-index:20}.round-button{height:46px;width:46px;background:#124f48d9;color:#fff;border:1px solid #ffffff40;border-radius:50%;display:grid;place-items:center;box-shadow:0 3px #103b3866;backdrop-filter:blur(8px)}.round-button:hover{background:#1c6b59;transform:translateY(-2px)}.brand{font-size:17px;color:#fff;font-weight:800;text-shadow:0 2px 5px #194236}.top-actions{margin-left:auto;display:flex;gap:12px;align-items:center}.star-counter{display:flex;align-items:center;gap:9px;color:#fff;background:#164e42cf;border:1px solid #ffffff35;border-radius:30px;padding:9px 19px;font-weight:800}.star-counter svg{color:#ffdc64}.welcome{position:absolute;left:50%;top:22%;transform:translate(-50%);text-align:center;color:#fff;min-width:65%;text-shadow:0 3px 12px #16463280}.eyebrow{font-size:15px;letter-spacing:5px;background:#1a664786;border:1px solid #e7ffd450;padding:9px 24px;border-radius:30px}.welcome h1{font-size:clamp(50px,6.5vw,94px);font-weight:900;margin:21px 0 0;letter-spacing:10px;color:#fff3c4;-webkit-text-stroke:1px #734118;text-shadow:0 6px 0 #653f21,0 12px 25px #213d2355}.welcome p{font-size:19px;letter-spacing:2px;margin:15px 0 33px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(#ffe98b,#ffc73a);border:2px solid #fff1a2;color:#553419;border-radius:50px;padding:17px 42px;font-size:23px;font-weight:900;box-shadow:0 6px #ba771c,0 9px 25px #17452f33;transition:transform .2s}.primary-button:hover{transform:translateY(-3px)}.primary-button:active{transform:translateY(3px);box-shadow:0 2px #ba771c}.start-note{display:block;font-size:13px;letter-spacing:3px;margin-top:24px}.mascot{object-fit:contain;pointer-events:none;filter:drop-shadow(0 15px 15px #073b3930)}.welcome-deer{position:absolute;width:clamp(190px,24vw,360px);height:48%;left:4%;bottom:5%;z-index:3;animation:bob 4s ease-in-out infinite}.deer-speech{position:absolute;left:7%;bottom:51%;background:#fffef2ed;padding:17px 22px;border:2px solid #ffffff;border-radius:23px 23px 23px 5px;box-shadow:0 8px 20px #174e4430;line-height:1.7;font-size:15px;z-index:4}.world-footer{position:absolute;left:30px;right:30px;bottom:20px;color:#e2f0d9cc;display:flex;justify-content:space-between;font-size:12px;letter-spacing:2px}.forest-intro{text-align:center}.wood-sign{position:absolute;left:50%;top:18%;transform:translate(-50%);padding:15px 50px;background:linear-gradient(120deg,#ffe9b4,#efbd72);border:5px solid #e5a35a;box-shadow:inset 0 0 0 2px #fff2c4,0 6px #76512450;border-radius:17px;color:#613914;min-width:310px}.wood-sign h1{font-size:34px;margin:0;font-weight:900}.wood-sign p{font-size:13px;margin:7px 0 0}.tree-entry{position:absolute;left:62%;top:65%;transform:translate(-50%)}.tree-entry:hover{transform:translate(-50%,-3px)}.future-sounds{position:absolute;right:4%;top:40%;display:grid;gap:17px}.future-sounds span{display:flex;gap:9px;align-items:center;padding:15px;background:#dec894c9;border-radius:8px;color:#66593e;font-size:14px}.landscape-message{display:none}@keyframes bob{50%{transform:translateY(-9px)}}@media(orientation:portrait)and (max-width:900px){.game-shell{display:none}.landscape-message{display:grid;justify-items:center;text-align:center;color:#fff2c8;padding:35px}.landscape-message svg{color:#ffdb6e;animation:bob 2s infinite}.landscape-message h2{font-size:28px;margin-bottom:0}}@media(max-height:550px)and (orientation:landscape){.topbar{top:12px;left:20px;right:20px}.round-button{width:36px;height:36px}.brand{font-size:14px}.star-counter{padding:6px 13px}.welcome{top:19%}.welcome h1{font-size:52px;margin-top:14px}.welcome p{font-size:14px;margin:9px 0 20px}.eyebrow{font-size:12px;padding:5px 17px}.primary-button{padding:12px 30px;font-size:18px}.start-note{margin-top:16px;font-size:12px}.deer-speech{font-size:12px;padding:9px 12px}.world-footer{bottom:9px;font-size:10px}.wood-sign{top:18%;padding:10px 28px}.wood-sign h1{font-size:25px}}.game-shell{width:min(100vw,177.7778svh);height:min(100svh,56.25vw);max-height:none;container-type:size;container-name:game}.scene-content{position:absolute;inset:0}.scene-shade{position:absolute;inset:0;background:linear-gradient(#053d4238,transparent 36%,#08452d38);pointer-events:none}.training-shell .scene-shade{background:#164c42a8;backdrop-filter:blur(5px)}.map .scene-shade{background:linear-gradient(#153e2940,#07352535 40%,#083e2e8c)}.brand{font-size:clamp(14px,1.4cqw,18px)}.topbar{top:3cqh;left:max(2.5cqw,env(safe-area-inset-left));right:max(2.5cqw,env(safe-area-inset-right))}.topbar button{height:clamp(36px,4cqw,48px);width:clamp(36px,4cqw,48px)}.round-button svg{width:22px;height:22px}.star-counter{font-size:clamp(14px,1.5cqw,19px)}.world-footer{bottom:2.5cqh;left:2.8cqw;right:2.8cqw;font-size:clamp(10px,1cqw,12px)}.welcome{top:23%;left:50%;min-width:65%}.welcome h1{font-size:8cqw;margin:2cqh 0 0;line-height:1.3}.welcome p{font-size:1.65cqw;margin:1.4cqh 0 5cqh}.eyebrow{font-size:1.2cqw;letter-spacing:.4cqw;padding:1.2cqh 2.2cqw}.primary-button{font-size:clamp(18px,1.85cqw,25px);padding:1.8cqh 3.5cqw;min-height:44px;gap:1cqw}.start-note{font-size:clamp(11px,1.1cqw,14px);margin-top:3.5cqh}.welcome-deer{width:19cqw;height:36cqh;left:3%;bottom:4%;border-radius:50%;background:#fffefa;mix-blend-mode:multiply;filter:drop-shadow(0 8px 12px #08362730)}.deer-speech{bottom:40%;left:4%;max-width:24%;padding:1.5cqh 1.6cqw;font-size:clamp(12px,1.15cqw,16px);border-radius:18px 18px 18px 3px}.deer-speech small{font-size:.88em;color:#57806a}.wood-sign{top:15%;left:62%;min-width:29cqw;padding:1.8cqh 3cqw;border-width:4px;white-space:nowrap}.wood-sign h1{font-size:clamp(26px,3.5cqw,46px);line-height:1.4}.sign-kicker{display:block;font-size:clamp(11px,1.05cqw,15px);letter-spacing:1px;margin-bottom:.5cqh;color:#835726}.wood-sign p{font-size:clamp(12px,1.12cqw,16px)}.tree-entry{top:70%;left:64%;animation:entry-glow 3s ease-in-out infinite}.future-sounds{top:44%;right:5%;gap:2.5cqh}.future-sounds button{background:linear-gradient(110deg,#f4dda7ed,#d7b274e8);box-shadow:0 4px #63492c66;border:2px solid #ffe9b8;border-radius:10px;padding:1.5cqh 1.2cqw;display:flex;align-items:center;gap:12px;color:#715a3e;font-size:clamp(12px,1.2cqw,16px)}.future-sounds button:hover{animation:shake .3s}.future-sounds span{display:block;background:transparent;padding:0;font-size:inherit}.future-sounds small{display:block;font-size:.75em;opacity:.75;margin-top:4px}.forest-stage-progress{position:absolute;left:64%;top:85%;transform:translate(-50%);color:#fff6d2;letter-spacing:2px;font-size:clamp(12px,1.15cqw,16px);text-shadow:0 2px 6px #174125}.star-rating{display:inline-flex;gap:5px;align-items:center;color:#a7bbb199}.star-rating svg{width:2.1cqw;height:2.1cqw;min-width:16px;min-height:16px;stroke-width:2}.star-rating .earned{color:#ffc942;filter:drop-shadow(0 2px 1px #ac7525)}.wood-sign .star-rating{margin-top:5px}.map .wood-sign{left:50%;top:11%;min-width:34cqw}.map .welcome-deer{width:14cqw;height:29cqh;bottom:5%;left:5%}.map .deer-speech{bottom:6%;left:19%;max-width:33%;border-radius:20px 20px 20px 3px}.map-route{position:absolute;top:31%;left:6%;width:88%;height:48%}.route-line{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.stage-node{position:absolute;transform:translate(-50%,-50%);background:transparent;display:flex;align-items:center;flex-direction:column;color:#fff8d9;width:14cqw;text-shadow:0 2px 5px #294929;padding:0}.node-orb{width:6.8cqw;height:6.8cqw;min-width:45px;min-height:45px;background:linear-gradient(#a5e56b,#38a96f);border:4px solid #eafaac;border-radius:50%;box-shadow:0 6px #235b3a77,0 0 0 5px #fff2aa22;display:grid;place-items:center;font-size:3.5cqw;font-weight:800;transition:transform .2s}.stage-node.current .node-orb{animation:node-glow 2s infinite}.stage-node:hover .node-orb{transform:translateY(-4px)}.stage-node.locked .node-orb{background:linear-gradient(#778d87,#3f5956);border-color:#a4b7a8;color:#e1e9e7;box-shadow:0 5px #263e3850}.stage-node.locked{color:#d5ddd0}.stage-node .star-rating,.node-gap{height:3cqh;margin:1cqh 0;display:flex;align-items:center;color:#dcf2b4}.stage-node .star-rating svg{width:1.6cqw;height:1.6cqw}.stage-node strong{font-size:clamp(12px,1.5cqw,21px);font-weight:800;letter-spacing:1px}.stage-node small{font-size:clamp(10px,.95cqw,13px);margin-top:.7cqh;font-weight:400}.map-caption{position:absolute;bottom:10%;right:7%;font-size:clamp(12px,1.2cqw,17px);color:#fff2c4;display:flex;gap:9px;align-items:center}.scene-heading{position:absolute;top:13%;left:6%;right:6%;display:flex;align-items:center;gap:1.2cqw;color:#fff8da}.scene-heading h1{font-size:clamp(22px,2.5cqw,35px);margin:0;letter-spacing:2px;line-height:1.4}.scene-heading p{font-size:clamp(11px,1.1cqw,15px);margin:.5cqh 0 0;opacity:.8;letter-spacing:1px}.scene-badge{width:4.5cqw;height:4.5cqw;border-radius:15px;border:1px solid #ffe99a70;background:#d3ae6530;display:grid;place-items:center;color:#ffe59b;font-weight:800;font-size:2.1cqw}.question-progress{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:1.5cqh;font-size:clamp(12px,1.2cqw,17px)}.progress-dots{display:flex;gap:.65cqw}.progress-dots i{width:1cqw;height:1cqw;min-width:7px;min-height:7px;max-width:13px;max-height:13px;border-radius:50%;background:#c7e4d534;border:1px solid #d5edda6b}.progress-dots i.active{background:#ffdf7f;border-color:#ffedb4;box-shadow:0 0 0 3px #ffe49e22}.progress-dots i.passed{background:#8ee5aa;border-color:#bef8b1}.progress-dots i.skipped{background:#a1b4ae;border-color:#d3e0d8}.question-card{position:absolute;left:8%;right:8%;top:27%;height:44%;background:linear-gradient(130deg,#fffffb,#f4f9e6);border:4px solid #fcfff180;box-shadow:0 14px 35px #052e2333,inset 0 0 0 1px #fff;border-radius:28px;display:grid;grid-template-columns:43% 57%;align-items:center;overflow:hidden;animation:card-in .3s ease-out}.question-picture{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#fcfff7 50%,#e8f5dc);border-right:1px solid #b9d8c442}.art-object{background-image:url(/assets/objects.png);background-repeat:no-repeat;background-size:300% 200%;width:31cqh;height:31cqh;max-width:88%;mix-blend-mode:multiply}.picture-caption{position:absolute;bottom:2cqh;font-size:clamp(11px,1.1cqw,15px);color:#79917b;letter-spacing:2px}.question-word{text-align:center;padding:2cqh 2cqw}.tiny-tag{font-size:clamp(11px,1.1cqw,15px);color:#5f8c70;letter-spacing:2px}.question-word h2{font-size:clamp(35px,5.5cqw,78px);line-height:1.5;margin:.6cqh 0 2cqh;font-weight:900;letter-spacing:.4cqw;color:#204f3d}.question-word .pinyin{font-size:clamp(15px,1.7cqw,24px);font-weight:500;color:#77a18c;letter-spacing:.13cqw;margin:2cqh 0 -1cqh}.syllable .question-word h2{font-size:8.6cqw;font-family:Arial Rounded MT Bold,Trebuchet MS,sans-serif;font-weight:700;margin:0 0 1cqh;color:#ed6580;line-height:1.35}.sentence .question-word h2{font-size:clamp(25px,3.2cqw,44px);letter-spacing:.08cqw;margin:1cqh 0 3cqh}.sentence .pinyin{font-size:clamp(12px,1.3cqw,18px)}.listen-button{border:1px solid #c7e4d3;background:#e0f1e9;color:#267358;border-radius:40px;padding:1.4cqh 2.1cqw;display:inline-flex;align-items:center;gap:10px;font-size:clamp(13px,1.4cqw,19px);font-weight:700;min-height:38px;transition:background .2s}.listen-button:hover{background:#cfe9dc}.listen-button:disabled{opacity:.6}.listen-button.glow{animation:entry-glow 1.4s infinite}.syllable-visual{display:flex;flex-direction:column;justify-content:center;align-items:center}.syllable-l{color:#55ad80;font-size:14cqw;font-family:Arial Rounded MT Bold,Trebuchet MS,sans-serif;z-index:1;line-height:1;font-weight:800;text-shadow:0 5px 0 #d5eecd}.sound-label{margin-top:2cqh;color:#759378;font-size:clamp(12px,1.1cqw,16px);letter-spacing:2px}.sound-ring{position:absolute;height:26cqh;width:26cqh;border:1px solid #bfdccc;border-radius:50%;box-shadow:0 0 0 3cqh #eef6e900,0 0 0 calc(3cqh + 1px) #d9e9d3;top:7cqh}.speech-controls{position:absolute;inset:74% 6% 8%;display:flex;align-items:center;gap:2cqw}.npc-message{display:flex;align-items:center;width:43%;height:100%;gap:1cqw}.npc-message img{height:18cqh;width:14cqh;object-fit:contain;mix-blend-mode:multiply;border-radius:50%;background:#fffefa;flex-shrink:0}.npc-bubble{background:#fbffed;border:1px solid #fff;border-radius:18px 18px 18px 4px;padding:1.4cqh 1.35cqw;max-width:25cqw;min-width:20cqw;box-shadow:0 6px 20px #0a352a22}.npc-name{font-size:clamp(10px,.9cqw,13px);color:#79a883;letter-spacing:2px}.npc-bubble p{margin:4px 0 0;line-height:1.6;font-size:clamp(12px,1.18cqw,16px);color:#365a41}.microphone-area{position:relative;display:flex;align-items:center;gap:2cqw;margin-left:1cqw}.microphone{width:10.2cqh;height:10.2cqh;min-width:56px;min-height:56px;max-width:108px;max-height:108px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#ff88a0,#f3517a);border:4px solid #fff5ed;border-radius:50%;box-shadow:0 0 0 6px #ffaecf22,0 6px #b8476280;touch-action:none;-webkit-touch-callout:none;user-select:none;position:relative;z-index:3}.microphone svg{width:50%;height:50%;stroke-width:1.8}.microphone:disabled{filter:saturate(.4);opacity:.75}.microphone.breathing{animation:mic-breathe 2s ease-in-out infinite}.microphone.recording{transform:scale(1.1);box-shadow:0 0 0 12px #ff9ab63d,0 0 0 23px #ff9ab615}.mic-copy{display:grid;gap:7px;color:#fff7dc;min-width:10cqw}.mic-copy strong{font-size:clamp(16px,1.7cqw,24px);letter-spacing:1px}.mic-copy span{font-size:clamp(11px,1.08cqw,15px);color:#d4e9d9}.wave-bars{position:absolute;left:-4cqw;display:flex;align-items:center;gap:3px;height:40px;opacity:0}.wave-bars.active{opacity:1}.wave-bars i{display:block;width:3px;background:#ffd6e1;max-height:45px;min-height:4px;transition:height .06s}.skip-button{margin-left:auto;color:#e9f4e9a3;background:transparent;display:inline-flex;align-items:center;gap:8px;padding:12px 8px;font-size:clamp(12px,1.2cqw,16px);white-space:nowrap}.skip-button:hover{color:#fff}.skip-button:disabled{opacity:.25}.audio-warning{position:absolute;top:71.7%;left:10%;font-size:clamp(11px,1cqw,14px);color:#ffe5ab}.lesson-progress{margin-left:auto;font-size:clamp(14px,1.4cqw,20px);letter-spacing:2px}.lesson-card{position:absolute;top:27%;left:6%;right:6%;height:48%;border-radius:27px;border:4px solid #ffffff60;background:#fbfff1;box-shadow:0 15px 25px #06332422;display:grid;grid-template-columns:34% 66%;overflow:hidden}.lesson-copy{padding:3cqh 2.6cqw;border-right:1px solid #dbe7d4}.lesson-copy h2{font-size:clamp(20px,2.1cqw,30px);margin:1.5cqh 0 1cqh;color:#285a40}.lesson-copy p{font-size:clamp(12px,1.25cqw,18px);color:#64816a;line-height:1.8;margin:1cqh 0}.letter-demo{font-family:Trebuchet MS,sans-serif;font-weight:800;color:#e96680;font-size:4cqw;line-height:1.3;margin:1cqh 0}.letter-demo span{font-family:inherit;font-size:2cqw;font-weight:400;color:#a4b49e;margin:0 .5cqw}.lesson-copy .listen-button{font-size:clamp(12px,1.2cqw,17px);padding:1cqh 1.6cqw}.diagram-note{display:block;font-size:clamp(10px,.92cqw,13px);color:#8c9a84;margin-top:1.6cqh}.mouth-lesson{display:flex;align-items:center;justify-content:center;padding:3cqh 1cqw;gap:0}.mouth-diagram{width:61%;height:100%;text-align:center}.air-diagram{width:39%;text-align:center}.mouth-diagram svg{width:100%;height:91%}.air-diagram svg{width:100%;height:auto}.diagram-label{font-size:clamp(10px,1.1cqw,15px);color:#7a947b;letter-spacing:2px}.tongue-shape{transition:d .6s ease}.active .contact-point{animation:pulse-contact 1.5s ease-in-out infinite}.airflow{stroke-dasharray:8 7;animation:flow-air .6s linear infinite}.lesson-bottom{position:absolute;top:78%;height:14%;left:9%;right:9%;display:flex;align-items:center;gap:2cqw;color:#fff4d8;font-size:clamp(13px,1.4cqw,19px)}.lesson-deer{height:100%;border-radius:50%;mix-blend-mode:multiply}.lesson-dots{display:flex;gap:10px;margin-left:auto}.lesson-dots i{height:9px;width:9px;background:#c3dfd85e;border-radius:50%}.lesson-dots .on{background:#ffe398}.learn .audio-warning{top:76%}.toast{position:absolute;z-index:100;bottom:7%;left:50%;transform:translate(-50%);padding:16px 25px;border-radius:20px;background:#fffdeb;color:#31593d;box-shadow:0 10px 30px #102c3c40;font-size:clamp(13px,1.4cqw,19px);text-align:center;max-width:80%;animation:card-in .2s}.modal-backdrop{position:absolute;inset:0;background:#083d3599;backdrop-filter:blur(8px);z-index:80;display:flex;justify-content:center;align-items:center;padding:3cqh}.forest-modal{position:relative;background:#fcfff4;color:#315942;border:4px solid #ffedb8;border-radius:28px;padding:3cqh 3cqw;width:49cqw;min-width:360px;max-height:92cqh;overflow:auto;box-shadow:0 15px 80px #06382f66;text-align:center;animation:modal-in .25s ease-out;overscroll-behavior:contain}.forest-modal h2{font-size:clamp(22px,2.3cqw,32px);margin:1cqh 0 2cqh;font-weight:800}.forest-modal>p{font-size:clamp(13px,1.3cqw,18px);line-height:1.8;color:#6c8471;margin:1.5cqh 0 3cqh}.modal-title{display:flex;align-items:center;text-align:left;justify-content:space-between;margin-bottom:1cqh}.modal-title h2{margin-bottom:0}.close-button{background:#e9f1e5;border-radius:50%;height:36px;width:36px;display:grid;place-items:center;color:#50765d}.setting-row{display:flex;align-items:center;gap:1.2cqw;min-height:7.8cqh;border-bottom:1px solid #e5ecde}.setting-row label,.duration-setting>label{display:flex;align-items:center;gap:10px;text-align:left;font-size:clamp(13px,1.3cqw,18px);white-space:nowrap}.setting-row label{margin-right:auto}.setting-row input{max-width:13cqw;accent-color:#439b70;cursor:pointer;min-height:30px}.toggle{width:42px;height:25px;border-radius:30px;background:#cedace;padding:3px;transition:background .2s;flex-shrink:0}.toggle span{display:block;background:#fff;border-radius:50%;height:19px;width:19px;box-shadow:0 2px 4px #14352d22;transition:transform .2s}.toggle.on{background:#44996c}.toggle.on span{transform:translate(17px)}.volume-value{font-size:12px;min-width:42px;color:#7d8f7d}.duration-setting{padding-top:2cqh;text-align:left}.duration-options{display:flex;gap:10px;margin-top:1.5cqh}.duration-options button{padding:1cqh 1.8cqw;flex:1;border:1px solid #d9e4d3;background:transparent;color:#748e79;border-radius:12px;font-size:clamp(12px,1.2cqw,16px)}.duration-options .selected{border-color:#69ac84;background:#e4f3df;color:#3b8659;font-weight:800}.duration-setting p{font-size:clamp(10px,1cqw,13px);color:#8b9a86;margin:1.3cqh 0}.forest-modal .settings-note{font-size:clamp(10px,1cqw,13px);color:#8d9b85;margin:1.2cqh 0 2cqh}.settings-done{padding:1.4cqh 4cqw;min-height:40px;font-size:clamp(15px,1.5cqw,21px)}.permission-icon{margin:1.5cqh auto 2cqh;width:72px;height:72px;background:#ffdfdc;border:5px solid #fff0e4;display:grid;place-items:center;color:#ed7290;border-radius:50%}.forest-modal .permission-note{font-size:clamp(11px,1.1cqw,15px);color:#899884}.permission-error{color:#ae6747!important;background:#fff0d9;padding:10px;border-radius:10px}.text-button{display:block;background:transparent;color:#7f967f;font-size:clamp(12px,1.2cqw,17px);margin:2.5cqh auto 0;padding:5px 15px}.primary-button:disabled{opacity:.6}.stage-celebration{position:absolute;inset:30% 16% 15%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff4ca}.stage-celebration>svg{color:#ffe181}.stage-celebration h2{font-size:clamp(26px,3.5cqw,48px);margin:2cqh 0}.stage-celebration .star-rating svg{width:4.8cqw;height:4.8cqw}.stage-celebration p{font-size:clamp(14px,1.5cqw,20px);color:#e0edd6}.return-note{font-size:clamp(12px,1.2cqw,16px);opacity:.75}.flying-star{position:absolute;top:50%;left:57%;color:#ffcf48;filter:drop-shadow(0 0 15px #fff090);animation:fly-star 1.1s ease-in forwards;z-index:50}.adventure-area{position:absolute;top:27%;left:6%;right:6%;height:44%;border:2px solid #e9ffd33b;border-radius:28px;background:linear-gradient(#4cb6a329,#126a5059);overflow:hidden}.game-meta{position:absolute;top:2.5cqh;left:2cqw;right:2cqw;display:flex;justify-content:space-between;color:#fff3b8;z-index:5}.game-meta>span{display:flex;align-items:center;gap:9px;border-radius:25px;background:#175246b3;padding:1cqh 1.4cqw;font-size:clamp(12px,1.2cqw,18px)}.game-track{position:absolute;inset:0;overflow:hidden}.track-dashes{position:absolute;bottom:14%;left:0;right:0;height:12%;background:repeating-linear-gradient(90deg,transparent 0 5%,#fff1b46e 5% 8%,transparent 8% 14%);transform:skew(-25deg);background-size:200% 100%;animation:track-move 8s linear infinite;animation-play-state:paused}.is-moving .track-dashes{animation-play-state:running}.boost .track-dashes{animation-duration:2s}.running-deer{position:absolute;left:12%;bottom:18%;height:72%;border-radius:50%;mix-blend-mode:multiply;transition:left .6s,filter .4s;transform-origin:center bottom}.is-moving .running-deer{animation:run-bob .45s ease-in-out infinite alternate}.boost .running-deer{left:43%;filter:drop-shadow(-40px 5px 15px #bdfaa66b)}.super-mode .running-deer{filter:drop-shadow(-50px 0 20px #ffdf3990)}.game-target{position:absolute;left:56%;bottom:29%;display:flex;flex-direction:column;align-items:center;gap:0;color:#fff6d1;max-width:40%;z-index:3;animation:card-in .3s}.target-star{color:#ffda54;filter:drop-shadow(0 0 16px #ffee9580);width:10cqh;height:10cqh;animation:bob 2s ease-in-out infinite}.game-target strong{font-size:clamp(22px,3cqw,44px);text-align:center;margin:1cqh 0 1.5cqh;text-shadow:0 3px 0 #26643b}.game-target .small{padding:.8cqh 1.2cqw;min-height:32px;background:#fff8dfe6;color:#4e7c51}.combo-badge{position:absolute;right:4%;top:4%;padding:1.3cqh 1.5cqw;border-radius:25px;background:#ffc85a;color:#75431b;display:flex;align-items:center;gap:7px;font-size:clamp(11px,1.2cqw,17px);z-index:8;box-shadow:0 0 20px #fff25830}.track-star{position:absolute;bottom:9%;color:#ffe897;animation:bob 1.5s infinite}.game-scene .scene-shade{background:linear-gradient(#164c429c,#0b563968);backdrop-filter:blur(2px)}.super-mode .adventure-area{box-shadow:inset 0 0 45px #ffff7470;border-color:#fff5878c}.completion-scene{position:absolute;inset:0}.completion-glow{position:absolute;width:70%;height:120%;top:-10%;left:15%;background:radial-gradient(ellipse,#ffffa152,transparent 65%);animation:node-glow 4s infinite}.celebrating-deer{position:absolute;left:8%;top:29%;height:55%;border-radius:50%;mix-blend-mode:multiply;animation:celebrate-deer 1s ease-in-out infinite}.completion-card{position:absolute;left:42%;right:7%;top:22%;padding:4cqh 2cqw;background:#fbfff0ed;border:3px solid #ffe5a3;border-radius:25px;text-align:center;box-shadow:0 20px 50px #16442e40;animation:card-in .5s}.completion-card h1{font-size:clamp(27px,3.3cqw,46px);color:#654321;letter-spacing:2px;margin:1.5cqh 0 2cqh}.completion-card .star-rating svg{width:4cqw;height:4cqw}.completion-card>p{font-size:clamp(12px,1.3cqw,18px);color:#729273}.rewards{display:flex;justify-content:center;gap:1cqw;flex-wrap:wrap;margin:2cqh 0 3cqh}.rewards span{display:flex;align-items:center;gap:7px;background:#fff0c9;color:#95713b;padding:1cqh 1.4cqw;border-radius:13px;font-size:clamp(11px,1.1cqw,16px)}.rewards svg{width:18px;height:18px;color:#dfb03f}.completion-card .completion-review{font-size:clamp(11px,1.1cqw,15px);margin:1cqh 0 2cqh;color:#829479}.tree-finished.forest .game-shell{filter:brightness(1.1)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes modal-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes mic-breathe{50%{box-shadow:0 0 0 10px #ffaecf25,0 0 0 18px #ffaecf0b,0 6px #b8476280}}@keyframes node-glow{50%{filter:drop-shadow(0 0 15px #ffe596b0)}}@keyframes entry-glow{50%{filter:drop-shadow(0 0 13px #ffde7180)}}@keyframes pulse-contact{50%{opacity:.45}}@keyframes flow-air{to{stroke-dashoffset:-15}}@keyframes fly-star{0%{transform:translate(0) scale(.3);opacity:0}25%{transform:translateY(-3cqh) scale(1.1);opacity:1}to{transform:translate(23cqw,-42cqh) scale(.25);opacity:0}}@keyframes track-move{to{background-position:-200% 0}}@keyframes run-bob{to{transform:translateY(-7px) rotate(2deg)}}@keyframes celebrate-deer{50%{transform:translateY(-10px) rotate(-3deg)}}@keyframes shake{25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@container game (max-width:850px){.world-footer{font-size:10px}.deer-speech{max-width:27%}.wood-sign{border-width:3px}.topbar{top:2.5cqh}.brand{font-size:12px}.top-actions{gap:8px}.star-counter{padding:5px 12px;gap:6px;font-size:13px}.star-counter svg{width:18px;height:18px}.round-button svg{width:18px;height:18px}.game-shell .topbar button{width:34px;height:34px}.scene-heading{top:13%;left:5%;right:5%}.scene-heading h1{font-size:21px}.scene-heading p{font-size:10px}.scene-badge{border-radius:10px}.question-card{border-radius:20px;top:28%;height:43%;border-width:3px;left:6%;right:6%}.question-word .tiny-tag{font-size:11px}.listen-button{min-height:32px;padding:1.1cqh 1.8cqw;font-size:12px;gap:6px}.listen-button svg{width:18px;height:18px}.speech-controls{left:4%;right:4%;top:74%;gap:1cqw}.npc-bubble{min-width:21cqw;max-width:26cqw;border-radius:12px 12px 12px 3px;padding:1cqh 1.2cqw}.npc-bubble p{font-size:11px;line-height:1.4;margin-top:2px}.npc-name{font-size:9px}.npc-message img{height:15cqh;width:12cqh}.microphone-area{margin-left:2cqw;gap:2.5cqw}.microphone{min-width:51px;min-height:51px;border-width:3px}.mic-copy strong{font-size:15px}.mic-copy span{font-size:10px}.skip-button{font-size:11px;padding:9px 5px}.lesson-card{top:28%;height:49%;border-radius:20px}.lesson-copy{padding:2cqh 2cqw}.lesson-copy h2{font-size:18px}.lesson-copy p{font-size:11px;line-height:1.6;margin:.8cqh 0}.diagram-note{font-size:9px}.letter-demo{font-size:4.4cqw;margin:.5cqh 0}.lesson-bottom{top:79%;font-size:12px}.forest-modal{min-width:0;width:60cqw;padding:2.5cqh 3cqw;border-radius:23px}.forest-modal h2{font-size:21px}.forest-modal>p{font-size:12px}.setting-row{min-height:8cqh}.setting-row label{font-size:12px}.setting-row input{max-width:17cqw}.duration-setting>label{font-size:12px}.duration-options button{font-size:11px;padding:1cqh 1cqw}.settings-done{min-height:34px;font-size:15px}.forest-modal .tiny-tag{font-size:10px}.duration-setting p,.forest-modal .settings-note{font-size:9px}.permission-icon{width:52px;height:52px;border-width:3px}.permission-icon svg{width:28px}.stage-node strong{font-size:12px}.stage-node small{font-size:9px}.node-orb{border-width:3px}.map-caption{font-size:11px;right:5%;bottom:6%}.map .deer-speech{bottom:8%;left:18%;font-size:11px;max-width:36%}.map .welcome-deer{height:26cqh}.completion-card{left:40%;top:20%;right:5%;padding:3cqh 2cqw}.completion-card h1{font-size:25px}.completion-card .primary-button{min-height:39px;font-size:16px}.primary-button{min-height:42px}.game-target strong{font-size:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(orientation:portrait)and (max-width:900px){.game-shell{display:none}.landscape-message{display:grid}}.audio-diagnostics{text-align:left;margin:1.5cqh 0 2.5cqh;border:1px solid #dce7d5;border-radius:12px;background:#f2f7ed;padding:1.3cqh 1.4cqw;font-size:clamp(12px,1.05cqw,15px)}.audio-diagnostics summary{cursor:pointer;color:#5d8064;font-weight:700;padding:.3cqh 0}.audio-diagnostics dl{margin:1.5cqh 0;display:grid;gap:1cqh}.audio-diagnostics dl div{display:flex;justify-content:space-between;gap:15px}.audio-diagnostics dt{color:#6e876f}.audio-diagnostics dd{margin:0;color:#315b43}.audio-diagnostics p{font-size:clamp(11px,1cqw,14px);line-height:1.6}.diagnostic-action{color:#8a643f}.diagnostic-code{color:#758875;overflow-wrap:anywhere}.diagnostic-download{background:#dfedda;color:#397352;border:1px solid #c9ddc4;padding:8px 12px;border-radius:10px;font-size:inherit}.diagnostic-note{color:#8b9a86;margin-bottom:0}.future-sounds button.sound-available{background:linear-gradient(110deg,#fff0b8,#ffd873);color:#68451e;border-color:#fff3c7;box-shadow:0 4px #885b2680,0 0 20px #ffe39638}.future-sounds button.sound-available:hover{animation:none;transform:translateY(-2px)}