:root{--ink:#203c42;--muted:#617672;--green:#174d46;--mint:#e4f2eb;--cream:#f9f8ef;--yellow:#f5ce69;--line:#d8e1d9;--coral:#da745b;--white:#fff;--shadow:0 12px 30px #183c3610;font-family:ui-rounded,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);font-size:16px;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--cream)}button,select{font:inherit}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,select:focus-visible{outline:4px solid #cf8f2f;outline-offset:4px}button:disabled{cursor:default}button svg{pointer-events:none}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.app-shell{max-width:1144px;margin:auto;padding:0 32px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:106px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;background:none;border:0;text-align:left;font-weight:750;font-size:20px;padding:8px 0}.brand small{display:block;font:10px/2.1 system-ui,sans-serif;letter-spacing:1.8px;color:var(--muted);font-weight:650}.brand-mark{display:grid;place-content:center;width:43px;height:43px;flex:0 0 auto;background:var(--green);color:var(--yellow);border-radius:13px;font-size:26px;position:relative;font-family:system-ui,sans-serif}.brand-mark span{position:absolute;right:5px;bottom:3px;font-size:28px}.header-actions{display:flex;gap:9px}.quiet-btn{background:transparent;border:1px solid #cbd7ce;padding:10px 16px;min-height:44px;border-radius:50px;font-size:14px;font-weight:650}.quiet-btn:hover{background:var(--mint)}main{min-height:620px}.page-footer{display:flex;justify-content:space-between;gap:20px;padding:27px 0 32px;color:var(--muted);font-size:12px;border-top:1px solid var(--line)}.intro-line{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:29px 0 21px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--green);margin:0 0 8px}h1,h2,h3,p{margin:0}h1{font-size:clamp(26px,3.2vw,38px);letter-spacing:-1px;line-height:1.35}h2{font-size:27px;line-height:1.4}.intro-line p.subline{color:var(--muted);font-size:16px;line-height:1.7;margin-top:8px}.garage-link{display:flex;align-items:center;gap:9px;border:0;background:none;padding:12px 0;color:var(--green);font-weight:700;white-space:nowrap}.garage-link svg{width:23px;height:23px;color:#c69b32}.town-scene{position:relative;overflow:hidden;border-radius:25px;background:#d9eee6}.town-art{display:block;width:100%;height:254px;object-fit:cover}.scene-sign{position:absolute;left:30px;top:29px;display:flex;flex-direction:column;gap:6px;color:var(--green)}.scene-sign strong{font-size:17px}.scene-sign span{font-size:12px;letter-spacing:1px}.scene-label{position:absolute;right:24px;bottom:23px;background:#fff9e4;padding:10px 15px;border-radius:50px;font-size:13px;font-weight:700;box-shadow:0 3px 0 #c2d7c980}.routes-heading{display:flex;align-items:center;justify-content:space-between;margin:28px 0 14px}.routes-heading h2{font-size:18px}.routes-heading p{font-size:13px;color:var(--muted)}.routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:30px}.route-card{padding:19px 20px 20px;border:1px solid var(--line);border-radius:21px;background:var(--white);text-align:left;position:relative;transition:transform .16s,box-shadow .16s;min-height:220px;box-shadow:0 3px 0 #dfe7de}.route-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.route-top{display:flex;justify-content:space-between;align-items:center}.route-no{font:650 12px/1 system-ui,sans-serif;color:var(--muted);letter-spacing:1px}.route-tag{font-size:12px;padding:5px 8px;border-radius:7px;background:var(--mint);color:var(--green)}.route-card h3{font-size:23px;margin-top:15px}.route-card p{font-size:14px;color:var(--muted);margin-top:7px}.route-card .vehicle-art{width:136px;display:block;height:78px;margin:8px 0 0 auto}.route-card .cargo-art{width:136px;height:78px;margin:8px 0 0 auto;display:block}.route-go{position:absolute;left:20px;bottom:25px;color:var(--green);font-size:15px;font-weight:750}.route-card.colors{background:#fffdf6}.route-card.numbers{background:#f2f7fb}.swatches{display:flex;gap:5px;position:absolute;right:28px;bottom:37px}.swatches i{display:block;width:23px;height:23px;border:3px solid white;border-radius:50%}.back-btn{border:0;background:none;padding:12px 0;min-height:48px;color:var(--green);font-size:15px;font-weight:700}.game-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:21px 0 18px}.game-title{font-size:16px;font-weight:700}.trip-progress{display:flex;align-items:center;justify-content:center;gap:7px}.trip-progress .station{width:28px;height:28px;display:grid;place-content:center;border:1.5px solid #bbcfc3;border-radius:50%;font:700 12px/1 system-ui,sans-serif;color:var(--muted);position:relative}.trip-progress .station svg{width:18px;height:18px}.trip-progress .station.done{border-color:var(--green);background:var(--green);color:var(--yellow)}.trip-progress .station.current{border:2px solid var(--green);color:var(--green);background:#e5efe5}.trip-progress .connector{height:2px;width:22px;background:#d1ddd1}.game-panel{background:#edf4eb;border:1px solid #d8e4d6;border-radius:27px;padding:27px 28px 22px;text-align:center;position:relative}.game-panel.colors{background:#f7f2e4}.game-panel.numbers{background:#e9f2f8}.question-eyebrow{color:var(--muted);font-size:13px;font-weight:600;margin-bottom:10px}.question-title{font-size:clamp(26px,4vw,38px);line-height:1.4;letter-spacing:0}.question-english{font-size:22px;margin-top:5px;color:var(--green);font-weight:600;line-height:1.5}.question-pinyin{font-size:15px;color:var(--muted);margin-top:5px;letter-spacing:1px}.listen-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #c7d9c9;border-radius:50px;padding:11px 19px;min-height:48px;background:#fffdf4;color:var(--green);font-weight:700;margin-top:17px}.listen-btn svg{width:23px;height:23px}.answer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:830px;margin:24px auto 4px}.answer{background:white;border:2px solid #d6e0d5;border-radius:20px;box-shadow:0 5px 0 #d4dfd0;min-height:158px;padding:17px 11px;transition:transform .15s,border-color .15s;position:relative}.answer:not(:disabled):hover{transform:translateY(-4px);border-color:#73a297}.answer .vehicle-art{display:block;width:100%;max-width:245px;margin:auto}.answer .choice-index{position:absolute;left:13px;top:10px;font:600 13px/1 system-ui,sans-serif;color:#708b81}.answer .choice-label{display:block;font-size:15px;font-weight:650;min-height:22px}.answer.correct{border:3px solid var(--green);background:#f5fff3;box-shadow:0 5px 0 var(--green)}.answer.tried{opacity:.46;box-shadow:none}.answer .result-mark{position:absolute;right:10px;top:8px;font-size:23px;color:var(--green)}.answer.number-answer{min-height:130px}.answer.number-answer strong{display:block;font:750 55px/1.1 system-ui,sans-serif;color:var(--green)}.answer.number-answer small{display:block;margin-top:9px;font-size:17px}.cargo-display{max-width:320px;margin:4px auto -9px}.cargo-art{display:block;width:100%}.feedback{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:85px;padding-top:19px;gap:8px}.feedback-main{font-size:18px;font-weight:700;line-height:1.6}.feedback-note{font-size:14px;color:var(--muted);line-height:1.6}.primary-btn{border:0;background:var(--green);color:white;border-radius:14px;padding:15px 29px;min-height:54px;font-size:18px;font-weight:750;box-shadow:0 4px 0 #0f332e}.primary-btn:hover{background:#25665a}.primary-btn:active{transform:translateY(2px);box-shadow:0 2px 0 #0f332e}.next-btn{margin-top:1px;min-width:174px}.game-hint{text-align:center;margin:19px 0 24px;color:var(--muted);font-size:13px;line-height:1.6}.audio-notice{color:#8c5321;font-size:13px;margin-top:9px;line-height:1.6}.finish-screen{text-align:center;padding:40px 0 45px}.finish-kicker{font-size:13px;color:var(--green);letter-spacing:2px;margin-bottom:14px}.finish-stars{display:flex;justify-content:center;gap:13px;color:#c89827;margin:24px 0}.finish-stars svg{width:34px;height:34px}.sticker-hero{max-width:245px;aspect-ratio:1;margin:26px auto 19px;background:#e2efe6;border:9px solid white;border-radius:50%;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;transform:rotate(-5deg)}.sticker-hero .vehicle-art{width:90%}.finish-message{font-size:17px;line-height:1.8;color:var(--muted);margin:15px auto;max-width:530px}.finish-actions{display:flex;justify-content:center;gap:13px;flex-wrap:wrap;margin-top:25px}.secondary-btn{background:white;color:var(--green);border:1px solid #c9d8cb;border-radius:14px;padding:14px 23px;min-height:54px;font-size:17px;font-weight:700}.section-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:6px 0 22px}.section-top h1{font-size:29px}.section-top p{font-size:14px;color:var(--muted);line-height:1.7;margin-top:9px}.tab-list{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 23px}.tab-btn{border:1px solid #cad9ce;background:none;padding:12px 21px;border-radius:50px;font-size:15px;font-weight:700;min-height:47px}.tab-btn[aria-selected=true]{background:var(--green);border-color:var(--green);color:white}.learn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.learn-card{border:1px solid var(--line);border-radius:20px;padding:15px 17px 19px;background:white;text-align:center;position:relative;min-height:217px;box-shadow:0 3px 0 #e0e7dd}.learn-card:hover{background:#f2f9ef}.learn-card .vehicle-art{height:111px;width:100%}.learn-card .cargo-art{height:111px;width:100%}.learn-card strong{display:block;font-size:23px}.learn-card .learn-en{display:block;font:600 18px/1.5 system-ui,sans-serif;color:var(--green);margin-top:5px}.learn-card .learn-pinyin{display:block;font-size:13px;color:var(--muted);margin-bottom:5px;line-height:1.5}.learn-speaker{position:absolute;right:12px;top:11px;width:25px;height:25px;color:var(--green)}.learning-word{margin:16px 0 23px;min-height:30px;font-size:15px;color:var(--green);text-align:center;line-height:1.6}.sticker-heading{display:flex;align-items:center;justify-content:space-between;margin:30px 0 17px}.sticker-heading h2{font-size:21px}.sticker-heading span{font-size:13px;color:var(--muted)}.stickers{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;margin-bottom:34px}.sticker{border:1px dashed #b6cbbd;border-radius:19px;background:#edf2e8;min-height:119px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px 8px}.sticker.collected{border:1px solid #cfded1;background:white}.sticker .vehicle-art{width:100%;height:74px}.sticker span{font-size:13px}.sticker .empty-sticker{font-size:28px;color:#a6bca8;margin-bottom:12px}.rest-screen{text-align:center;max-width:580px;margin:0 auto;padding:80px 0}.rest-screen .vehicle-art{width:240px;margin:30px auto}.rest-screen p{font-size:18px;line-height:1.9;color:var(--muted);margin:16px 0 28px}dialog{color:var(--ink);border:0;border-radius:25px;padding:30px;width:min(560px,calc(100% - 28px));max-height:90vh;background:var(--cream);box-shadow:0 30px 100px #172f4140}dialog::backdrop{background:#122c3280;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.dialog-heading h2{font-size:24px}.close-btn{width:44px;height:44px;flex-shrink:0;display:grid;place-content:center;border:1px solid var(--line);border-radius:50%;background:white;font-size:24px}.parent-intro{font-size:14px;line-height:1.9;margin:14px 0 20px;color:var(--muted)}.parent-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.parent-stat{border:1px solid var(--line);background:white;padding:15px;border-radius:15px;font-size:13px;line-height:1.7}.parent-stat strong{font-size:25px;font-family:system-ui,sans-serif;color:var(--green);display:block}.parent-field{display:block;margin:20px 0;font-size:15px;font-weight:700}.parent-field select{width:100%;margin-top:10px;border:1px solid #bbd0c3;border-radius:11px;background:white;min-height:48px;padding:10px;color:var(--ink);font-weight:500}.parent-tip{border-top:1px solid var(--line);padding-top:17px;font-size:14px;line-height:1.9}.parent-tip p+p{margin-top:9px}.storage-note{font-size:12px;color:var(--muted);line-height:1.8;margin-top:15px}.dialog-done{width:100%;margin-top:24px}.success-pop{animation:pop .4s ease-out}.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:27px}.confetti i{position:absolute;top:0;width:8px;height:14px;border-radius:2px;animation:fall 1.1s ease-out forwards}@keyframes pop{0%{transform:scale(.93)}60%{transform:scale(1.04)}100%{transform:scale(1)}}@keyframes fall{from{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(420px) rotate(210deg);opacity:0}}
@media(min-width:1200px){.app-shell{padding:0 42px}.town-art{height:267px}}
@media(max-width:700px){.app-shell{padding:0 19px}.topbar{min-height:83px}.brand{font-size:17px;gap:9px}.brand-mark{width:36px;height:36px;font-size:22px;border-radius:10px}.brand small{font-size:8px;letter-spacing:1px}.header-actions{gap:6px}.quiet-btn{font-size:12px;padding:9px 11px}.intro-line{margin-top:25px;align-items:start}.intro-line p.subline{font-size:14px;max-width:270px}.garage-link{font-size:13px;padding-top:7px}.garage-link svg{width:20px}.town-art{height:215px;width:auto;min-width:100%;position:relative;left:50%;transform:translateX(-50%)}.scene-sign{left:20px;top:20px}.scene-sign strong{font-size:15px}.scene-sign span{font-size:11px}.scene-label{right:16px;bottom:15px;padding:8px 11px;font-size:12px}.routes{gap:11px}.route-card{padding:15px 13px;min-height:218px}.route-card h3{font-size:20px;line-height:1.5;max-width:100px}.route-card p{font-size:12px;line-height:1.6}.route-go{left:13px;bottom:19px;font-size:14px}.route-card .vehicle-art,.route-card .cargo-art{width:112px;margin-top:4px}.route-tag{font-size:10px;padding:4px 5px}.swatches{right:14px;bottom:49px;gap:2px}.swatches i{width:17px;height:17px;border-width:2px}.game-top{padding:15px 0;flex-wrap:wrap}.game-title{font-size:14px}.trip-progress{gap:5px}.trip-progress .connector{width:12px}.trip-progress .station{width:25px;height:25px;font-size:11px}.game-panel{padding:23px 13px 19px;border-radius:22px}.answer-grid{gap:10px}.answer{min-height:127px;padding:23px 4px 10px;border-radius:16px}.answer .choice-label{font-size:13px;min-height:20px}.question-english{font-size:21px}.question-pinyin{font-size:14px}.answer .choice-index{left:9px;top:9px}.feedback-main{font-size:17px}.feedback-note{font-size:13px}.learn-grid{gap:11px}.learn-card{padding:18px 9px 16px;min-height:192px}.learn-card .vehicle-art,.learn-card .cargo-art{height:90px}.learn-card strong{font-size:20px}.learn-card .learn-en{font-size:16px}.learn-speaker{width:21px;right:8px;top:9px}.learn-card .learn-pinyin{font-size:12px;letter-spacing:0}.stickers{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.sticker{min-height:110px}.sticker .vehicle-art{height:65px}.page-footer{padding:23px 0;font-size:11px}main{min-height:580px}}
@media(max-width:480px){.brand{font-size:16px}.brand small{font-size:7px}.parent-btn{padding:8px 10px}.quiet-btn{padding:8px 9px}.header-actions{gap:5px}.routes{grid-template-columns:1fr;gap:13px}.route-card{min-height:144px;padding:17px 18px}.route-card h3{font-size:23px;max-width:none;margin-top:9px}.route-card p{font-size:13px;max-width:180px}.route-top{justify-content:start;gap:12px}.route-tag{font-size:11px}.route-go{position:static;display:inline-block;font-size:14px;margin-top:12px}.route-card .vehicle-art,.route-card .cargo-art{position:absolute;right:12px;bottom:24px;width:135px;height:78px}.swatches{right:36px;bottom:21px;gap:4px}.swatches i{width:20px;height:20px}.town-art{height:188px}.scene-sign{top:17px;left:17px}.scene-label{font-size:11px}.intro-line{gap:9px}.intro-line h1{font-size:27px}.garage-link{font-size:12px}.garage-link svg{width:18px}.routes-heading p{font-size:12px}.game-title{display:none}.answer-grid{gap:7px;margin-top:23px}.answer{min-height:107px;border-radius:13px;padding-top:25px}.answer .choice-label{font-size:12px}.question-title{font-size:28px}.question-english{font-size:21px}.answer.number-answer{min-height:110px}.answer.number-answer strong{font-size:43px}.answer.number-answer small{font-size:14px}.listen-btn{font-size:15px;min-height:45px;padding:9px 16px}.cargo-display{max-width:240px}.game-panel{padding:23px 10px 18px}.game-hint{font-size:12px}.feedback{min-height:85px}.feedback-note{max-width:290px}.learn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learn-card{min-height:209px;padding-bottom:18px}.learn-card .vehicle-art,.learn-card .cargo-art{height:107px}.tab-list{gap:7px}.tab-btn{padding:10px 15px;font-size:14px}.section-top h1{font-size:26px}.finish-screen{padding-top:30px}.finish-screen h1{font-size:29px}.finish-message{font-size:16px}.sticker-hero{max-width:205px}.page-footer span:last-child{max-width:155px;text-align:right}.eyebrow{font-size:10px}.brand-mark{width:32px;height:34px}.app-shell{padding:0 15px}.header-actions{align-self:center}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:480px){.header-actions{flex-shrink:0}.quiet-btn{white-space:nowrap}.route-card p{max-width:calc(100% - 140px)}}
@media(max-width:350px){.brand{font-size:14px}.brand small{font-size:6.5px;letter-spacing:.6px}.brand-mark{width:30px;height:32px}.topbar{gap:10px}}
/* Middle-class edition: more destinations and clear, generous task controls. */
.routes-v2{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.routes-v2 .route-card{min-height:252px}.route-card.animals{background:#e3efdf}.route-card.food{background:#f8e9cd}.route-card.body{background:#e3edf3}.route-card.missions{background:#eee7f1}.routes-v2 .route-card h3{max-width:none}.routes-v2 .route-card p{line-height:1.7}.learning-art{width:100%;height:auto;display:block}.answer .learning-art{height:130px}.answer-grid.choices-4{grid-template-columns:repeat(4,minmax(0,1fr))}.answer-grid.choices-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:640px;margin-left:auto;margin-right:auto}.answer-grid.choices-2 .answer .cargo-art{width:100%;height:auto}.instruction-actions{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px;flex-wrap:wrap}.instruction-actions .listen-btn{margin:0}.help-btn{border:1px solid #bdcfc3;border-radius:30px;padding:11px 17px;background:#fffdf7;color:var(--green);font-size:14px;min-height:46px}.chinese-help{font-size:17px;margin:15px auto 4px;color:var(--muted);line-height:1.8}.question-title{max-width:800px;margin-left:auto;margin-right:auto;font-size:clamp(24px,3.5vw,35px);line-height:1.5;text-wrap:balance}.sequence-progress{display:flex;justify-content:center;gap:12px;align-items:center;margin:24px auto 0;font-size:14px}.sequence-progress span{padding:10px 18px;border:1px solid var(--line);border-radius:12px;background:#f6f4e9}.sequence-progress .step-done{color:var(--green);background:#e2efe1;border-color:#91bba1}.sequence-progress i{font-style:normal;color:var(--muted)}.answer-grid{margin-top:24px}.answer.correct .choice-label{font-size:14px}.answer .choice-label{display:block;line-height:1.5}.load-board{position:relative;width:340px;max-width:100%;height:194px;margin:25px auto 5px}.load-board>.vehicle-art{width:100%;height:100%}.load-cargo{position:absolute;left:8.5%;top:6%;width:43%;height:59%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));align-content:end;gap:1px;transform:scaleY(-1)}.load-item{background:#fff3cc;border:1px solid #c5a46c;border-radius:5px;transform:scaleY(-1);overflow:hidden;display:flex;align-items:center}.load-item .learning-art{height:100%;max-height:40px}.load-controls{display:flex;justify-content:center;gap:22px;align-items:center;margin:13px auto 20px}.load-change{width:58px;height:58px;border:2px solid #a6c6b2;border-radius:17px;background:white;color:var(--green);font-size:30px;font-weight:700}.load-change:disabled{opacity:.35;cursor:default}.load-amount{font-size:17px;min-width:105px}.load-amount strong{font-size:27px;font-family:system-ui,sans-serif}.depart-btn{margin-bottom:8px}.voice-samples{padding:18px 0;border-top:1px solid var(--line)}.voice-samples p{font-size:13px;line-height:1.8;margin-bottom:10px}.voice-samples .secondary-btn{min-height:44px;font-size:13px;padding:10px 14px}.learn-card .learning-art{height:120px}.tab-list{flex-wrap:wrap}.game-panel .feedback-main{line-height:1.8}.game-panel .feedback{margin-top:20px}
@media(max-width:850px){.answer-grid.choices-4{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px;margin-left:auto;margin-right:auto}.routes-v2{grid-template-columns:repeat(2,minmax(0,1fr))}.routes-v2 .route-card{min-height:240px}}
@media(max-width:480px){.routes-v2{grid-template-columns:1fr}.routes-v2 .route-card{min-height:153px}.routes-v2 .route-card h3{font-size:23px}.routes-v2 .route-card p{max-width:calc(100% - 128px)}.routes-v2 .route-card .vehicle-art{width:122px;right:6px;bottom:25px}.answer-grid.choices-4{gap:10px}.answer .learning-art{height:99px}.answer-grid.choices-4 .answer{min-height:145px}.answer-grid.choices-3 .learning-art{height:75px}.answer-grid.choices-2 .answer{min-height:140px}.answer.correct .choice-label{font-size:12px}.instruction-actions{gap:8px}.help-btn{padding:10px 13px;font-size:13px}.question-title{font-size:25px}.chinese-help{font-size:15px}.sequence-progress{gap:8px;font-size:12px}.sequence-progress span{padding:9px 12px}.learn-card .learning-art{height:107px}.load-board{height:175px;width:306px}.load-change{width:54px;height:54px}.routes-heading{align-items:center;gap:10px}.routes-heading p{font-size:11px}.game-top .trip-progress{margin-left:auto}.cargo-display{margin:15px auto}.game-panel .feedback{min-height:75px}.voice-samples .secondary-btn{font-size:12px}}
@media(max-width:480px){.routes-v2 .route-card .vehicle-art{bottom:12px}}
@media(max-width:480px){.routes-v2 .route-card{min-height:194px}}
/* The car explorer: touchable diagrams, a small design studio, and narrated facts. */
.science-art{display:block;width:100%;height:auto}.answer .science-art{height:130px}.learn-card .science-art{height:120px}.learning-word{max-width:760px;margin-left:auto;margin-right:auto;line-height:1.9}.explorer-banner{width:100%;display:flex;align-items:center;gap:18px;text-align:left;padding:13px 23px;margin-top:22px;background:#e5ece8;border:1px solid #becfbe;border-radius:20px;color:var(--ink)}.explorer-mark{width:74px;flex-shrink:0}.explorer-banner strong{display:block;font-size:23px}.explorer-banner small{display:block;font-size:13px;line-height:1.8;margin-top:3px;color:var(--muted)}.explorer-go{margin-left:auto;font-size:14px;white-space:nowrap;color:var(--green);font-weight:700}.explore-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:23px}.explore-card{padding:22px;border:1px solid var(--line);background:#f1f2e7;border-radius:24px}.explore-card:nth-child(2){background:#e4eee9}.explore-card:nth-child(3){background:#f4e8dc}.explore-card h2{font-size:25px;margin-top:14px}.explore-card p{font-size:14px;line-height:1.9;color:var(--muted);margin:12px 0 20px;min-height:53px}.explore-card .primary-btn{width:100%;font-size:15px;padding:12px 16px}.explore-pair{display:flex;height:115px;align-items:center;margin-bottom:15px}.explore-pair .science-art{width:50%;height:100%}.explore-model{height:115px;margin-bottom:15px;display:flex;align-items:center}.explore-model .model-art{width:100%;height:100%}.explore-quiz{border:0;background:transparent;min-height:44px;color:var(--green);font-weight:600;font-size:14px;margin-top:12px;padding:9px 0}.explore-bottom{text-align:center;margin:26px 0}.explore-bottom p{font-size:13px;line-height:1.8;color:var(--muted);margin-top:13px}.lesson-picture{width:min(310px,85%);margin:15px auto 0}.lesson-picture .science-art,.lesson-picture .vehicle-art{height:180px}.lesson-word{font-size:24px;color:var(--green);font-weight:700;margin:6px 0 14px}.lesson-story{max-width:620px;margin:0 auto 20px;font-size:21px;line-height:1.9;text-wrap:balance}.lesson-panel{padding-bottom:33px}.science-reason{max-width:640px;margin:20px auto 0;border-top:1px solid var(--line);padding-top:15px;color:var(--muted);font-size:16px;line-height:1.9}.lab-panel,.assembly-panel{text-align:center;margin-top:24px;padding:30px;border:1px solid var(--line);border-radius:26px;background:#ecf2e7}.lab-panel h1,.assembly-panel h1{font-size:32px;margin:9px 0 12px}.lab-intro{font-size:15px;color:var(--muted);line-height:1.8}.lab-mode{display:inline-flex;border:1px solid #b3cbbf;border-radius:16px;padding:4px;gap:5px;background:#fffdf4;margin:19px auto}.lab-mode button{border:0;padding:11px 18px;min-height:46px;background:transparent;border-radius:12px;color:var(--muted)}.lab-mode button.selected{background:#337269;color:white}.energy-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:740px;margin:5px auto 0}.flow-step{position:relative;border:1px solid #c0d1c3;border-radius:17px;padding:17px 8px 12px;background:#fffdf6;color:var(--ink)}.flow-step:not(:last-child)::after{content:'→';position:absolute;right:-17px;top:43%;font-size:20px;color:var(--green)}.flow-step .science-art{height:90px}.flow-step strong{display:block;font-size:16px}.flow-step small{display:block;font-size:12px;color:var(--muted);line-height:1.5;margin-top:4px}.flow-no{position:absolute;left:10px;top:7px;font-size:11px;color:var(--muted)}.lab-car,.assembly-car{max-width:660px;margin:14px auto 0}.model-art{display:block;width:100%;height:auto}.energy-meter{display:flex;justify-content:center;align-items:center;gap:6px;font-size:14px;margin:5px 0 17px}.energy-meter>span{margin-right:8px}.energy-meter i{width:27px;height:15px;border:1px solid #9cb6a5;border-radius:4px;background:white}.energy-meter i.filled{background:#74aa86}.energy-meter strong{margin-left:8px;color:var(--green);font-size:13px}.lab-actions{display:flex;justify-content:center;align-items:center;gap:11px;flex-wrap:wrap}.lab-actions .primary-btn,.lab-actions .secondary-btn{font-size:15px;padding:13px 18px}.lab-actions .listen-btn{margin:0;min-height:46px}.lab-actions button:disabled{opacity:.4;cursor:default}.lab-note{font-size:16px;line-height:1.9;margin:20px auto 0;min-height:32px;color:var(--green)}.model-task{font-size:21px;font-weight:700;line-height:1.8}.builder-progress{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:15px auto}.builder-progress span{font-size:13px;border:1px solid #c1d0bf;background:#fffdf4;padding:8px 11px;border-radius:10px}.builder-progress .step-done{background:#d4e7d7;color:#286852;border-color:#91bba1}.paint-options{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin:19px 0}.paint-options button{min-height:44px;border:1px solid #bfd0c3;background:white;border-radius:13px;padding:9px 12px;font-size:12px}.paint-options button[aria-pressed=true]{border:2px solid var(--green);padding:8px 11px}.paint-options span{background:var(--paint);width:15px;height:15px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:5px}.assembly-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:730px;margin:21px auto 0}.part-choice{background:#fffdf4;border:1px solid #bcd0bf;border-radius:18px;padding:8px 7px 13px;min-height:140px}.part-choice .science-art{height:100px}.part-choice strong{display:block;font-size:16px}.part-choice small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.part-choice.installed{background:#dfecd8;border-color:#90b69d;opacity:.6}.part-choice:disabled{cursor:default}.builder-feedback{margin-top:22px;min-height:64px;font-size:18px;color:var(--green)}.builder-feedback p{line-height:1.8;margin-bottom:12px}.model-explanation{font-size:18px;line-height:1.9;max-width:590px;margin:20px auto}.wheel-turning{animation:wheelTurn .75s linear infinite}.energy-moving .flow-step{border-color:#64a582;box-shadow:0 0 0 2px #b9d5bc}.energy-moving .science-art{animation:energyPulse .7s ease-in-out infinite alternate}@keyframes wheelTurn{to{transform:rotate(360deg)}}@keyframes energyPulse{to{opacity:.6}}
@media(max-width:850px){.explore-grid{grid-template-columns:1fr}.explore-card{max-width:620px;width:100%;margin:0 auto}.explore-card p{min-height:0}.explore-pair,.explore-model{height:135px}.assembly-options{grid-template-columns:repeat(2,minmax(0,1fr));max-width:500px}.energy-flow{gap:12px}.flow-step:not(:last-child)::after{right:-12px}}
@media(max-width:480px){.explorer-banner{gap:10px;padding:12px 13px;flex-wrap:wrap}.explorer-mark{width:54px}.explorer-banner strong{font-size:21px}.explorer-banner small{font-size:11px;max-width:220px}.explorer-go{margin-left:64px;font-size:12px}.answer .science-art{height:98px}.learn-card .science-art{height:107px}.lesson-story{font-size:18px;line-height:1.9}.lesson-picture .science-art,.lesson-picture .vehicle-art{height:155px}.lesson-word{font-size:21px}.lesson-panel .instruction-actions{flex-direction:column;gap:13px}.lesson-panel .primary-btn{width:90%;max-width:290px}.lab-panel,.assembly-panel{padding:22px 10px}.lab-panel h1,.assembly-panel h1{font-size:27px}.lab-intro{font-size:13px;max-width:250px;margin:auto}.energy-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.flow-step:not(:last-child)::after{display:none}.flow-step{padding:17px 5px 12px}.flow-step .science-art{height:80px}.flow-step strong{font-size:15px}.flow-step small{font-size:11px}.lab-car,.assembly-car{margin-top:20px}.lab-actions .primary-btn,.lab-actions .secondary-btn{font-size:14px;padding:12px 14px}.lab-note{font-size:14px}.model-task{font-size:19px}.builder-progress{gap:6px}.builder-progress span{font-size:11px;padding:7px 9px}.assembly-options{gap:9px}.part-choice{min-height:140px}.part-choice .science-art{height:93px}.paint-options{gap:5px}.paint-options button{padding:9px 8px;font-size:11px}.paint-options button[aria-pressed=true]{padding:8px 7px}.science-reason{font-size:14px}.model-explanation{font-size:16px}.explore-card h2{font-size:24px}}