:root{--c-bg-sky: #aee9ff;--c-bg-cream: #fff5e6;--c-bg-grass: #c9eeb0;--c-primary: #ff8c69;--c-primary-dark: #d96a4a;--c-secondary: #ffd166;--c-secondary-dark: #d9a847;--c-success: #5cd684;--c-success-dark: #3eaa61;--c-stop: #ff6b6b;--c-stop-dark: #cc4a4a;--c-wait: #ffd700;--c-wait-dark: #cc9b00;--c-go: #5cd684;--c-go-dark: #3eaa61;--c-text: #4a3a3a;--c-text-soft: #6a5a4a;--c-card: #ffffff;--c-shadow: rgba(0, 0, 0, .08);--r-lg: 24px;--r-md: 16px;--r-sm: 12px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;font-weight:600;color:var(--c-text);user-select:none;-webkit-user-select:none;overscroll-behavior:none;touch-action:manipulation;background:#000}button{font-family:inherit;font-weight:700;cursor:pointer;border:none;outline:none}.app{width:100%;max-width:480px;height:100dvh;margin:0 auto;background:linear-gradient(180deg,var(--c-bg-sky) 0%,var(--c-bg-cream) 55%,var(--c-bg-grass) 100%);display:flex;flex-direction:column;position:relative;overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:64px;padding:12px 20px;border-radius:var(--r-lg);font-size:22px;font-weight:800;background:var(--c-primary);color:#fff;box-shadow:0 6px 0 var(--c-primary-dark),0 8px 16px var(--c-shadow);transition:transform .08s,box-shadow .08s}.btn:active{transform:translateY(4px);box-shadow:0 2px 0 var(--c-primary-dark),0 4px 8px var(--c-shadow)}.btn-secondary{background:var(--c-secondary);box-shadow:0 6px 0 var(--c-secondary-dark),0 8px 16px var(--c-shadow)}.btn-secondary:active{box-shadow:0 2px 0 var(--c-secondary-dark),0 4px 8px var(--c-shadow)}.btn-success{background:var(--c-success);box-shadow:0 6px 0 var(--c-success-dark),0 8px 16px var(--c-shadow)}.btn-success:active{box-shadow:0 2px 0 var(--c-success-dark),0 4px 8px var(--c-shadow)}.btn-ghost{background:#fff;color:var(--c-text-soft);box-shadow:0 6px #ddd,0 8px 16px var(--c-shadow)}.btn-ghost:active{box-shadow:0 2px #ddd,0 4px 8px var(--c-shadow)}.btn-row{display:flex;gap:12px;width:100%}.start-page{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:36px 28px 32px;text-align:center}.start-title{font-size:36px;font-weight:900;color:#ff5252;text-shadow:3px 3px 0 #fff,5px 5px 0 rgba(0,0,0,.06);margin:28px 0 12px;letter-spacing:2px}.start-subtitle{font-size:17px;color:var(--c-text-soft);margin:0 0 16px}.start-art{flex:1;display:flex;align-items:center;justify-content:center;width:100%;position:relative}.start-actions{width:100%;display:flex;flex-direction:column;gap:14px}.parent-link{background:transparent;color:var(--c-text-soft);font-size:14px;text-decoration:underline;padding:8px;margin-top:8px}.cloud{position:absolute;background:#fff;border-radius:50px;opacity:.85}.cloud:before,.cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}.cloud-1{width:70px;height:22px;top:18%;left:8%}.cloud-1:before{width:30px;height:30px;top:-14px;left:10px}.cloud-1:after{width:22px;height:22px;top:-10px;left:38px}.cloud-2{width:60px;height:18px;top:30%;right:12%}.cloud-2:before{width:26px;height:26px;top:-12px;left:6px}.cloud-2:after{width:20px;height:20px;top:-8px;left:30px}.sun{position:absolute;top:14%;right:14%;font-size:44px;filter:drop-shadow(0 0 8px rgba(255,200,0,.4))}.progress-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#ffffffd9;border-radius:0 0 var(--r-md) var(--r-md);box-shadow:0 2px 6px var(--c-shadow);font-size:16px;z-index:5}.progress-text{font-weight:800;color:var(--c-text);font-size:18px}.progress-stars{display:flex;gap:3px;font-size:22px}.progress-stars .filled{filter:drop-shadow(0 0 4px #ffd700)}.progress-stars .empty{opacity:.3;filter:grayscale(1)}.home-btn{background:#0000000d;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:20px}.task{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden}.task-prompt{text-align:center;font-size:22px;font-weight:800;color:var(--c-text);padding:18px 16px 6px;text-shadow:1px 1px 0 #fff}.task-prompt .target-color{font-size:26px;padding:2px 12px;border-radius:8px;margin:0 4px;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.tl-task .sky-area{flex:1;position:relative;display:flex;align-items:center;justify-content:center}.traffic-light{width:90px;height:230px;background:#2a2a2a;border-radius:18px;padding:12px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;position:relative;box-shadow:0 8px 14px #0003}.traffic-light:after{content:"";position:absolute;bottom:-42px;left:50%;transform:translate(-50%);width:14px;height:42px;background:#555;border-radius:4px}.tl-light{width:60px;height:60px;border-radius:50%;background:#444;transition:background .3s,box-shadow .3s}.tl-light.on-red{background:var(--c-stop);box-shadow:0 0 24px var(--c-stop),inset 0 0 8px #ffffff4d}.tl-light.on-yellow{background:var(--c-wait);box-shadow:0 0 24px var(--c-wait),inset 0 0 8px #ffffff4d}.tl-light.on-green{background:var(--c-go);box-shadow:0 0 24px var(--c-go),inset 0 0 8px #ffffff4d}.road{height:110px;background:#4a4a4a;border-top:4px solid #888;border-bottom:4px solid #888;position:relative;overflow:hidden}.road:before{content:"";position:absolute;top:50%;left:0;right:0;height:5px;background:repeating-linear-gradient(90deg,#fff58c 0,#fff58c 28px,transparent 28px,transparent 56px);transform:translateY(-50%)}.road .car-on-road{position:absolute;top:50%;left:30px;transform:translateY(-50%);transition:left 1.2s ease-out}.road .car-on-road.driving{left:calc(100% - 130px)}.action-row{display:flex;gap:10px;padding:18px 14px 24px}.action-btn{flex:1;min-height:96px;border-radius:22px;font-size:20px;font-weight:900;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-shadow:0 6px #00000026,0 8px 16px var(--c-shadow);transition:transform .08s,box-shadow .08s}.action-btn .icon{font-size:32px;line-height:1}.action-btn.stop{background:var(--c-stop);box-shadow:0 6px 0 var(--c-stop-dark),0 8px 16px var(--c-shadow)}.action-btn.wait{background:var(--c-wait);color:#6a5300;box-shadow:0 6px 0 var(--c-wait-dark),0 8px 16px var(--c-shadow)}.action-btn.go{background:var(--c-go);box-shadow:0 6px 0 var(--c-go-dark),0 8px 16px var(--c-shadow)}.action-btn:active{transform:translateY(4px);box-shadow:0 2px #00000026,0 4px 8px var(--c-shadow)}.parking-task{flex:1;display:flex;flex-direction:column;position:relative}.parking-area{flex:1;position:relative;margin:0 14px}.parking-car{position:absolute;left:50%;top:24px;z-index:3;cursor:grab;touch-action:none;filter:drop-shadow(0 4px 6px rgba(0,0,0,.15))}.parking-car.dragging{cursor:grabbing}.parking-hint-arrow{position:absolute;left:50%;top:130px;transform:translate(-50%);font-size:36px;opacity:.7;animation:bounce-down 1.4s infinite;pointer-events:none}@keyframes bounce-down{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}.parking-lot{display:flex;gap:6px;padding:10px 12px 22px;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.3) 100%)}.parking-spot{flex:1;aspect-ratio:.62;background:#3a3a3a;border:4px dashed #ffe066;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:38px;font-weight:900;color:#ffe066;cursor:pointer;transition:transform .12s,border-color .2s,background .2s;box-shadow:0 4px #1a1a1a}.parking-spot:active{transform:translateY(2px);box-shadow:0 2px #1a1a1a}.parking-spot.target{border-color:var(--c-go);animation:spot-pulse 1.4s infinite ease-in-out}@keyframes spot-pulse{0%,to{box-shadow:0 4px #1a1a1a,0 0 #5cd68480}50%{box-shadow:0 4px #1a1a1a,0 0 0 12px #5cd68400}}.color-task{flex:1;display:flex;flex-direction:column}.color-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:14px;align-content:center}.color-cell{background:#ffffffb3;border-radius:22px;padding:10px;display:flex;align-items:center;justify-content:center;aspect-ratio:1.1;border:4px solid transparent;transition:transform .12s,border-color .15s,background .15s;box-shadow:0 6px 12px var(--c-shadow);cursor:pointer}.color-cell:active{transform:scale(.94)}.color-cell.picked-correct{border-color:var(--c-success);background:#e8fbe8}.color-cell.picked-wrong{animation:shake .5s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000052;z-index:30;animation:fade-in .25s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.success-card{background:#fff;border-radius:var(--r-lg);padding:28px 28px 22px;width:80%;max-width:320px;text-align:center;box-shadow:0 14px 40px #00000040;animation:pop-in .4s cubic-bezier(.34,1.56,.64,1)}@keyframes pop-in{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.success-emoji{font-size:72px;margin-bottom:8px;animation:star-bounce .8s ease-in-out infinite;display:inline-block}@keyframes star-bounce{0%,to{transform:scale(1) rotate(-6deg)}50%{transform:scale(1.12) rotate(6deg)}}.success-text{font-size:24px;font-weight:900;color:#ff8c69;margin-bottom:18px}.toast{position:absolute;top:24%;left:50%;transform:translate(-50%);background:#3c3228eb;color:#fff;padding:14px 22px;border-radius:var(--r-md);font-size:17px;font-weight:700;z-index:25;max-width:80%;text-align:center;box-shadow:0 8px 16px #0003;animation:toast-pop .3s ease-out}@keyframes toast-pop{0%{transform:translate(-50%) translateY(-8px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.rest-page{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:36px 28px 32px;text-align:center}.rest-title{font-size:30px;font-weight:900;color:#ff6b6b;text-shadow:2px 2px 0 #fff;margin:12px 0 6px}.rest-stars{font-size:56px;margin:12px 0 6px;letter-spacing:4px;filter:drop-shadow(0 0 8px rgba(255,215,0,.6))}.rest-stars-text{font-size:18px;color:var(--c-text-soft);margin-bottom:18px}.rest-reminder{background:#ffffffd9;padding:22px;border-radius:var(--r-md);font-size:18px;color:var(--c-text);line-height:1.6;box-shadow:0 4px 10px var(--c-shadow);margin:12px 0}.rest-reminder .eye{font-size:44px;display:block;margin-bottom:8px}.parent-page{flex:1;display:flex;flex-direction:column;padding:22px;overflow-y:auto}.parent-page h2{font-size:26px;margin:6px 0 16px;color:var(--c-text)}.parent-card{background:#fff;border-radius:var(--r-md);padding:18px 18px 16px;margin-bottom:14px;box-shadow:0 4px 10px var(--c-shadow)}.parent-card h3{font-size:17px;margin:0 0 10px;color:var(--c-text)}.parent-card p{font-size:15px;color:var(--c-text-soft);margin:6px 0;line-height:1.5}.task-count-row{display:flex;gap:10px}.count-pill{flex:1;padding:14px 0;background:#f4f4f4;border-radius:var(--r-sm);font-size:18px;font-weight:800;text-align:center;color:var(--c-text-soft);cursor:pointer;border:3px solid transparent}.count-pill.active{background:#fff0e6;color:var(--c-primary);border-color:var(--c-primary)}.parent-textarea{width:100%;min-height:70px;padding:10px;border-radius:var(--r-sm);border:2px solid #eee;font-size:15px;font-family:inherit;font-weight:600;resize:vertical;color:var(--c-text)}.parent-textarea:focus{outline:none;border-color:var(--c-primary)}.parent-info-list{list-style:none;padding:0;margin:6px 0 0}.parent-info-list li{font-size:15px;color:var(--c-text-soft);padding:4px 0}.parent-info-list li:before{content:"✓ ";color:var(--c-success-dark);font-weight:900}.start-header{width:100%;text-align:center}.mode-row{display:flex;flex-direction:column;gap:12px;width:100%}.mode-card{flex-direction:column;align-items:center;min-height:88px;padding:14px 20px;gap:2px;text-align:center}.mode-card .emoji{font-size:32px;line-height:1;margin-bottom:4px}.mode-card .main{font-size:22px;font-weight:900}.mode-card .sub{font-size:13px;font-weight:600;opacity:.85}.mode-learning{background:var(--c-secondary);box-shadow:0 6px 0 var(--c-secondary-dark),0 8px 16px var(--c-shadow);color:#5a3a00}.mode-learning:active{box-shadow:0 2px 0 var(--c-secondary-dark),0 4px 8px var(--c-shadow)}.start-links{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.link-divider{color:var(--c-text-soft);opacity:.5}.link-btn{background:transparent;color:var(--c-text-soft);font-size:14px;font-weight:700;text-decoration:underline;padding:6px 8px;border:none;cursor:pointer}.link-btn.inline{display:inline;padding:0 4px;color:var(--c-primary)}.start-meta{font-size:12px;color:var(--c-text-soft);margin:0;opacity:.8}.limit-card{background:#ffffffe0;border-radius:var(--r-md);padding:24px 20px 22px;text-align:center;box-shadow:0 4px 12px var(--c-shadow);width:100%}.limit-card.compact{padding:16px;margin:8px 0 4px}.limit-card .moon{font-size:44px;display:block;margin-bottom:8px}.limit-card .limit-text{font-size:18px;font-weight:800;color:var(--c-text);margin:0 0 4px;line-height:1.5}.limit-card .limit-sub{font-size:14px;color:var(--c-text-soft);margin:4px 0 0}.learn-card{background:#fff;border-radius:var(--r-lg);padding:28px 24px 22px;width:84%;max-width:340px;text-align:center;box-shadow:0 14px 40px #00000040;animation:pop-in .4s cubic-bezier(.34,1.56,.64,1)}.learn-emoji{font-size:56px;margin-bottom:12px}.learn-text{font-size:17px;font-weight:700;line-height:1.65;color:var(--c-text);margin-bottom:20px}.success-detail{font-size:15px;font-weight:700;color:var(--c-text-soft);line-height:1.6;margin:-8px 0 16px}.quiz-task{flex:1;display:flex;flex-direction:column}.quiz-scene-wrap{flex:1;margin:8px 14px 4px;min-height:200px;display:flex}.quiz-options{display:flex;flex-direction:column;gap:10px;padding:12px 14px 22px}.quiz-option{display:flex;align-items:center;background:#fff;border-radius:18px;padding:14px 18px;font-size:19px;font-weight:800;color:var(--c-text);box-shadow:0 5px #ddd,0 8px 12px var(--c-shadow);text-align:left;border:none;font-family:inherit;transition:transform .08s,box-shadow .08s;cursor:pointer}.quiz-option:active{transform:translateY(3px);box-shadow:0 2px #ddd,0 4px 8px var(--c-shadow)}.quiz-option .emoji{font-size:28px;margin-right:14px;line-height:1}.quiz-option.picked-wrong{animation:shake .5s;background:#fff0f0}.scene{flex:1;position:relative;background:linear-gradient(180deg,#aee9ff99,#ffffff80 70%,#c9eeb080);border-radius:var(--r-md);overflow:hidden;display:flex;align-items:flex-end;justify-content:center}.scene .cloud-1{top:16px;left:14px}.scene-car{position:relative;z-index:2;margin-bottom:22px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.15))}.crosswalk-scene .zebra-road{position:absolute;bottom:0;left:0;right:0;height:70px;background:#4a4a4a;border-top:4px solid #888}.crosswalk-scene .zebra-stripes{position:absolute;bottom:0;left:0;right:0;height:70px;background:repeating-linear-gradient(90deg,#fff 0,#fff 18px,transparent 18px,transparent 30px);opacity:.95}.crosswalk-scene .scene-car{margin-bottom:6px}.pedestrian-scene .ground-line{position:absolute;bottom:30px;left:0;right:0;height:4px;background:#c9a98a}.pedestrian-scene .scene-car{margin-right:60px;margin-bottom:12px}.pedestrian-walking{position:absolute;bottom:22px;right:24px;font-size:50px;z-index:3;animation:walk-bob 1.4s ease-in-out infinite}@keyframes walk-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.redlight-scene .scene-light{position:absolute;left:40px;bottom:40px;transform:scale(.7);transform-origin:bottom left}.redlight-scene .redlight-car{margin-right:18px;margin-bottom:18px}.seatbelt-scene{align-items:center;padding:8px}.seatbelt-scene svg{max-height:220px}.sticker-book{flex:1;display:flex;flex-direction:column;padding:22px 18px 16px;overflow-y:auto}.sticker-book h2{font-size:26px;margin:0 0 4px;text-align:center;color:var(--c-text)}.sticker-count{text-align:center;color:var(--c-text-soft);margin:0 0 14px;font-size:15px}.sticker-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.sticker-cell{background:#fff;border-radius:var(--r-md);padding:14px 10px;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 8px var(--c-shadow);position:relative;border:3px solid transparent}.sticker-cell.locked{background:#f3efe9;opacity:.55}.sticker-cell.locked:after{content:"🔒";position:absolute;top:8px;right:8px;font-size:18px}.sticker-cell.owned{border-color:var(--c-secondary);background:#fffaf0}.sticker-cell .sticker-art{margin:4px 0}.sticker-cell .sticker-name{font-size:13px;font-weight:800;color:var(--c-text);margin-top:4px;text-align:center}.sticker-complete{text-align:center;font-size:16px;font-weight:800;color:var(--c-primary);background:#fff0e6;padding:12px;border-radius:var(--r-sm);margin-bottom:12px}.sticker-back-row{margin-top:auto;padding-top:12px}.sticker-reward{background:#fff;border-radius:var(--r-md);padding:16px 18px 14px;text-align:center;box-shadow:0 4px 8px var(--c-shadow);margin:8px 0;animation:sticker-pop .6s cubic-bezier(.34,1.56,.64,1)}@keyframes sticker-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.sticker-reward .new-text{font-size:14px;color:var(--c-text-soft);margin:0 0 6px}.sticker-reward .sticker-art{margin:4px 0}.sticker-reward .sticker-name{font-size:17px;font-weight:800;color:var(--c-primary);margin:4px 0 6px}.sticker-reward.all-collected{padding:18px}.voice-toggle{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:var(--c-text);padding:4px 0}.voice-toggle input{width:22px;height:22px;accent-color:var(--c-primary);cursor:pointer}.voice-toggle input:disabled{opacity:.5}.map-start-page{padding:calc(12px + env(safe-area-inset-top)) 16px calc(14px + env(safe-area-inset-bottom));gap:10px;justify-content:flex-start;overflow:hidden}.map-header{width:100%;text-align:center;flex:0 0 auto}.map-start-page .start-title{font-size:27px;line-height:1.1;letter-spacing:0;margin:0 0 4px;color:#ff684d}.map-start-page .start-subtitle{font-size:17px;margin:0;color:#5d6b3f}.home-map{width:100%;height:min(58dvh,455px);min-height:376px;max-height:455px;position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(180deg,#8fe4ff,#c9f4ff 44%,#9adf75 45%,#80cf60);box-shadow:inset 0 -10px #549b4826,0 6px 16px var(--c-shadow)}.map-next-card{position:absolute;top:12px;left:12px;z-index:10;min-height:36px;padding:7px 10px;border-radius:999px;background:#ffffffdb;color:#6b5a38;display:inline-flex;align-items:center;gap:5px;font-size:13px;box-shadow:0 3px 8px var(--c-shadow)}.map-sky,.map-grass{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.map-sun{position:absolute;top:14px;right:20px;font-size:38px;filter:drop-shadow(0 3px 0 rgba(255,255,255,.45))}.map-cloud{position:absolute;width:66px;height:20px;border-radius:999px;background:#ffffffe6}.map-cloud:before,.map-cloud:after{content:"";position:absolute;border-radius:50%;background:#fff}.map-cloud:before{width:28px;height:28px;left:10px;top:-13px}.map-cloud:after{width:22px;height:22px;right:12px;top:-9px}.cloud-a{top:42px;left:22px;animation:cloud-drift 7s ease-in-out infinite}.cloud-b{top:92px;right:76px;transform:scale(.82);animation:cloud-drift 8s ease-in-out infinite reverse}@keyframes cloud-drift{0%,to{transform:translate(0)}50%{transform:translate(12px)}}.road-path{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.road-path-main,.road-path-shadow,.road-path-dash{fill:none;stroke-linecap:round;stroke-linejoin:round}.road-path-shadow{stroke:#364b4438;stroke-width:58;transform:translateY(5px)}.road-path-main{stroke:#6c7474;stroke-width:48}.road-path-dash{stroke:#fff4a9;stroke-width:5;stroke-dasharray:18 20}.map-home,.map-destination{position:absolute;min-width:56px;min-height:48px;padding:5px 8px;border-radius:16px;background:#ffffffe6;box-shadow:0 4px 8px #00000017;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:2px solid rgba(255,255,255,.8);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;font-family:inherit;font-weight:800}.map-home:active,.map-destination:active{transform:translateY(3px) scale(.97)}.map-home{left:13px;bottom:16px;color:#7d4d35}.map-home span,.dest-icon{font-size:25px;line-height:1}.map-home b,.dest-label{font-size:12px;line-height:1.1;color:var(--c-text);white-space:nowrap}.map-destination.active{border-color:#ffcf54;box-shadow:0 0 0 4px #ffcf5442,0 5px 12px #0000001f;animation:dest-soft-pulse 1.8s ease-in-out infinite}.map-destination.active:after{content:"下一站";position:absolute;left:50%;bottom:-19px;transform:translate(-50%);padding:3px 7px;border-radius:999px;background:#ffcf54;color:#6a4b14;font-size:11px;white-space:nowrap}@keyframes dest-soft-pulse{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.slot-school{top:28px;left:44%}.slot-wash{top:34%;right:18px}.slot-parking{top:47%;left:18px}.slot-park{bottom:42px;right:24px}.slot-light{top:122px;left:30%}.dest-school{background:#fff3b6}.dest-wash{background:#d9fbff}.dest-parking{background:#e6efff}.dest-park{background:#dff8c7}.dest-light{background:#fff0ef}.dest-crosswalk{background:#fff7dc}.flower,.bush{position:absolute;color:#fff6a6}.flower-a{left:22px;bottom:88px}.flower-b{right:92px;bottom:26px;color:#ffd6e2}.bush{width:42px;height:20px;border-radius:999px 999px 8px 8px;background:#4fab58}.bush-a{left:88px;bottom:28px}.bush-b{right:18px;bottom:106px;transform:scale(.8)}.map-car-wrap{position:absolute;left:42px;bottom:42px;width:160px;z-index:8;transform-origin:center bottom}.map-car-wrap.is-driving{animation:map-car-drive 1.05s ease-in-out forwards}@keyframes map-car-drive{0%{transform:translate(0) rotate(0)}35%{transform:translate(82px,-54px) rotate(8deg)}70%{transform:translate(138px,-126px) rotate(-8deg)}to{transform:translate(222px,-204px) rotate(4deg)}}.map-start-sign{position:absolute;right:16px;bottom:18px;z-index:14;min-width:132px;min-height:58px;padding:10px 16px;border-radius:18px;background:#ff8c69;color:#fff;font-size:18px;font-weight:900;box-shadow:0 6px #d96a4a,0 8px 14px #00000029;display:inline-flex;align-items:center;justify-content:center;gap:5px;animation:sign-breathe 2s ease-in-out infinite}.map-start-sign:before{content:"";position:absolute;left:18px;right:18px;bottom:-16px;height:16px;border-radius:0 0 8px 8px;background:#9d6b42;z-index:-1}.map-start-sign:active{transform:translateY(4px);box-shadow:0 2px #d96a4a,0 4px 9px #00000024}.map-start-sign:disabled{opacity:.72}@keyframes sign-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.cute-car{min-width:144px;min-height:104px;padding:0;background:transparent;position:relative;display:inline-flex;align-items:center;justify-content:center;filter:drop-shadow(0 8px 7px rgba(70,82,55,.25));animation:car-idle 2.4s ease-in-out infinite}.cute-car.is-jumping{animation:car-hop .48s ease-out}.cute-car.is-driving{animation:car-drive-bob .28s linear infinite}.cute-car.is-driving .car-wheel{transform-origin:center;transform-box:fill-box;animation:wheel-spin .35s linear infinite}.car-light{position:absolute;right:12px;top:43px;width:22px;height:10px;border-radius:999px;background:#fff59ebf;filter:blur(4px);animation:light-wink 2.8s ease-in-out infinite}@keyframes car-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes car-hop{0%,to{transform:translateY(0) scale(1)}45%{transform:translateY(-18px) scale(1.04)}}@keyframes car-drive-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes light-wink{0%,78%,to{opacity:0}84%,92%{opacity:1}}.car-bubble{position:absolute;left:38px;bottom:104px;min-width:150px;max-width:220px;padding:10px 12px;border-radius:16px;background:#fff;color:#5f4a31;font-size:15px;line-height:1.35;box-shadow:0 5px 12px var(--c-shadow);z-index:12;animation:bubble-pop .22s ease-out}.car-bubble:after{content:"";position:absolute;left:28px;bottom:-8px;width:16px;height:16px;background:#fff;transform:rotate(45deg)}@keyframes bubble-pop{0%{transform:translateY(8px) scale(.92);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.today-route{width:100%;background:#ffffffd6;border-radius:18px;padding:10px 12px 11px;box-shadow:0 4px 10px var(--c-shadow);text-align:left}.route-title{font-size:14px;color:#7b6b55;margin-bottom:7px}.route-stops{display:flex;align-items:center;gap:6px;overflow:hidden}.route-stop{flex:0 1 auto;min-width:0;padding:6px 8px;border-radius:999px;background:#fff7cf;color:#5d4a2a;font-size:13px;line-height:1;white-space:nowrap}.route-stop+.route-stop:before{content:"→";margin-right:6px;color:#89a957}.home-actions{width:100%;display:flex;justify-content:center}.learn-soft-btn{min-width:160px;min-height:50px;border-radius:18px;background:#fff7cf;color:#6a5530;font-size:15px;line-height:1.2;box-shadow:0 5px #e4c96a,0 7px 12px var(--c-shadow)}.learn-soft-btn:disabled{opacity:.72}.home-links{flex-wrap:wrap;margin-top:0;gap:4px 8px;padding-bottom:2px}.parent-hold-btn:after{content:"长按";margin-left:4px;font-size:11px;opacity:.65}.home-links .start-meta{width:100%;font-size:12px}.home-limit{padding:14px 16px}.home-limit .moon{font-size:30px;margin-bottom:4px}.station-intro{position:absolute;left:18px;right:18px;top:92px;z-index:40;min-height:84px;padding:18px;border-radius:22px;background:#fffffff0;color:var(--c-text);display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;font-size:20px;line-height:1.35;box-shadow:0 12px 28px #00000029;animation:station-pop .28s ease-out}.station-intro span{font-size:32px;flex:0 0 auto}@keyframes station-pop{0%{transform:translateY(-10px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.progress-stars .filled{animation:star-fly-in .45s ease-out}.color-task:before,.color-task:after{content:"";position:absolute;width:28px;height:28px;border-radius:50%;border:3px solid rgba(173,239,255,.8);background:#ffffff61;pointer-events:none;animation:wash-bubble 3.2s ease-in-out infinite}.color-task:before{right:28px;top:92px}.color-task:after{left:38px;top:138px;width:20px;height:20px;animation-delay:.8s}.parking-spot.target{animation:parking-soft-pop 1.8s ease-in-out infinite}.tl-light.on-red,.tl-light.on-yellow,.tl-light.on-green{animation:light-soft-glow 1.2s ease-in-out infinite}@keyframes wash-bubble{0%,to{transform:translateY(0) scale(.92);opacity:.45}50%{transform:translateY(-18px) scale(1.08);opacity:.9}}@keyframes parking-soft-pop{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes light-soft-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.14)}}@keyframes star-fly-in{0%{transform:translateY(14px) scale(.4);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@media (max-height: 820px){.home-map{height:51dvh;min-height:344px}.map-start-page{gap:8px}.today-route{padding:8px 10px}.route-title{margin-bottom:5px}.learn-soft-btn{min-height:58px}}.game-box-home{flex:1;min-height:0;display:flex;flex-direction:column;padding:calc(14px + env(safe-area-inset-top)) 14px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#8fe4ff,#c9f7ff 28%,#9ada75 29%,#7dca5f);overflow:hidden}.game-box-header{text-align:center;flex:0 0 auto}.game-box-header h1{margin:0;font-size:28px;line-height:1.15;color:#ff684d;text-shadow:2px 2px 0 white}.game-box-header p{margin:4px 0 8px;color:#5d6b3f;font-size:16px}.game-card-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow-y:auto;padding:4px 0 8px}.game-box-card{min-height:150px;border-radius:22px;background:linear-gradient(180deg,#ffffffd1,#ffffffb8),var(--card-color);border:4px solid rgba(255,255,255,.72);box-shadow:0 7px #4e62462e,0 9px 15px #0000001f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#4a3a3a;padding:10px;text-align:center}.game-box-card:active{transform:translateY(4px);box-shadow:0 3px #4e62462e,0 5px 10px #0000001a}.game-box-card:disabled{filter:grayscale(.8);opacity:.65}.game-card-icon{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;background:var(--card-color);font-size:34px;box-shadow:inset 0 -7px #0000001f}.game-card-title{font-size:17px;font-weight:900;line-height:1.1}.game-card-subtitle{min-height:30px;font-size:12px;line-height:1.25;color:#6a5a4a}.game-card-start{min-width:68px;min-height:28px;border-radius:999px;display:grid;place-items:center;background:#ff8c69;color:#fff;font-size:13px;font-weight:900}.game-box-footer{flex:0 0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:8px;align-items:center}.game-box-footer button{min-height:44px;border-radius:15px;background:#ffffffd9;color:#5d5a42;font-size:13px;box-shadow:0 3px #8b956740}.game-box-footer span{grid-column:1 / -1;color:#5d6b3f;font-size:12px;text-align:center}.game-box-notice,.game-box-limit{margin:4px 0 8px;min-height:36px;display:grid;place-items:center;border-radius:999px;background:#fff7cff2;color:#6a5530;font-size:14px}.game-exit-btn{position:absolute;left:14px;top:calc(12px + env(safe-area-inset-top));z-index:80;width:42px;height:42px;border-radius:50%;background:#ffffffe6;color:#6a5a4a;font-size:22px;font-weight:900;box-shadow:0 4px #8b95673d,0 6px 12px #0000001f}.game-exit-btn:active{transform:translateY(3px);box-shadow:0 1px #8b95673d,0 3px 8px #0000001f}.result-page{flex:1;display:grid;place-items:center;padding:22px;background:linear-gradient(180deg,#8fe4ff,#c9f7ff 36%,#93d970 37%,#7dca5f)}.result-card{width:min(100%,390px);border-radius:28px;background:#ffffffeb;padding:24px 20px;text-align:center;box-shadow:0 16px 36px #0000002e}.result-emoji{font-size:58px}.result-card h1{margin:4px 0 8px;color:#ff684d;font-size:30px}.result-stars{font-size:34px;min-height:44px}.result-sticker{margin:12px 0}.result-sticker span,.sticker-emoji{width:70px;height:70px;border-radius:22px;display:inline-grid;place-items:center;font-size:38px;box-shadow:inset 0 -8px #0000001f}.result-sticker p,.result-reminder,.result-limit{color:#6a5a4a;line-height:1.45}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.mini-game,.mini-runner{flex:1;min-height:0;display:flex;flex-direction:column;padding:calc(10px + env(safe-area-inset-top)) 12px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#91e5ff,#c9f7ff 32%,#91d86c 33%,#77c65d);overflow:hidden;position:relative}.mini-top{flex:0 0 auto;min-height:48px;border-radius:18px;background:#ffffffd1;color:#ff684d;font-size:18px;font-weight:900;display:flex;align-items:center;justify-content:space-between;padding:8px 14px;box-shadow:0 4px 10px #00000014}.mini-hint{flex:0 0 auto;min-height:42px;margin:9px 4px;padding:9px 12px;border-radius:999px;background:#fff7cff0;color:#6a5530;display:grid;place-items:center;text-align:center;font-size:17px;font-weight:800}.mini-hint.small{font-size:14px;min-height:34px}.obstacle-item{position:absolute;transform:translate(-50%,-50%);z-index:14;font-size:44px}.parking-board{flex:1;display:grid;grid-template-rows:repeat(3,1fr);gap:8px;padding:10px;border-radius:24px;background:#ffffff59}.parking-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.parking-tile{border-radius:18px;background:#6c7474;display:grid;place-items:center;color:#ffe36d;font-size:34px;border:4px solid rgba(255,255,255,.28)}.parking-tile.target{border-style:dashed;border-color:#ffe36d}.parking-tile strong{font-size:48px}.move-pad{flex:0 0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.move-pad button,.mini-primary{min-height:60px;border-radius:18px;background:#ff8c69;color:#fff;font-size:26px;box-shadow:0 5px #d96a4a}.traffic-mini{align-items:center}.big-traffic{width:112px;min-height:276px;padding:16px;border-radius:28px;background:#303536;display:grid;gap:14px;box-shadow:0 9px #00000038;margin:18px 0 12px}.big-traffic span{width:80px;height:80px;border-radius:50%;background:#555}.big-traffic .red{background:#ff6b6b;box-shadow:0 0 22px #ff6b6b}.big-traffic .yellow{background:gold;box-shadow:0 0 22px gold}.big-traffic .green{background:#5cd684;box-shadow:0 0 22px #5cd684}.traffic-buttons{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.traffic-buttons button{min-height:86px;border-radius:20px;background:#fff;color:#4a3a3a;font-size:16px;font-weight:900;box-shadow:0 5px #e2d6c6}.traffic-buttons span{display:block;font-size:30px;margin-bottom:3px}.wash-grid{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;align-content:center}.wash-grid button{min-height:150px;border-radius:24px;background:#ffffffc7;box-shadow:0 6px #5c786e2e}.bubble-layer{position:absolute;inset:25% 0 auto;text-align:center;font-size:46px;animation:bubble-pop .45s ease-out}.bus-road{flex:1;border-radius:24px;margin:8px 0;background:linear-gradient(90deg,#7dca5f 0,#7dca5f 28%,#6c7474 28%,#6c7474 72%,#7dca5f 72%);position:relative;overflow:hidden}.bus-body{position:absolute;left:12%;bottom:28%;font-size:82px;animation:bus-bob 1.2s ease-in-out infinite}.school-stop{position:absolute;right:12%;top:20%;font-size:64px}@keyframes bus-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.kid-row{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.kid-row button{min-height:62px;border-radius:18px;background:#fff;font-size:30px;box-shadow:0 4px #e2d6c6}.kid-row .on-bus{background:#fff7cf;transform:translateY(-4px)}.repair-stage{flex:1;position:relative;border-radius:24px;background:#ffffff6b;display:grid;place-items:center;overflow:hidden}.part-target{position:absolute;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff7cfe6;border:3px dashed #ffb06b;color:#ff8c69;font-size:25px;font-weight:900}.part-target.filled{border-style:solid;background:#e9faed;color:#3eaa61}.parts-row{flex:0 0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.parts-row button{min-height:76px;border-radius:18px;background:#fff;color:#4a3a3a;font-size:12px;box-shadow:0 4px #e2d6c6}.parts-row button span{display:block;font-size:28px}.parts-row .used{opacity:.45}.sticker-emoji{margin:4px 0}.home-page,.level-select,.level-complete,.level-game{flex:1;min-height:0;display:flex;flex-direction:column;padding:calc(14px + env(safe-area-inset-top)) 14px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#8fe4ff,#c9f7ff 28%,#9ada75 29%,#7dca5f);overflow:hidden}.king-header{text-align:center}.king-header h1{margin:0 0 4px;color:#ff684d;font-size:30px;text-shadow:2px 2px 0 white}.king-header p{margin:2px 0;color:#5d6b3f;font-size:13px}.continue-level-btn{min-height:78px;margin:10px 0;border-radius:26px;background:#ff8c69;color:#fff;font-size:22px;font-weight:900;box-shadow:0 7px #d96a4a,0 10px 18px #00000021}.continue-level-btn span{font-size:34px;margin-right:8px}.king-grid{min-height:0}.game-card-stars{min-height:16px;font-size:13px}.level-header{flex:0 0 auto;display:flex;align-items:center;gap:12px;color:#4a3a3a}.level-header button{width:44px;height:44px;border-radius:50%;background:#fff;font-size:24px}.level-header h1{margin:0;font-size:24px;color:#ff684d}.level-header p{margin:2px 0 0;color:#5d6b3f}.level-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;overflow-y:auto;padding-top:14px}.level-card{min-height:120px;border-radius:22px;background:#ffffffdb;color:#4a3a3a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-shadow:0 6px #4e62462e}.level-card strong{font-size:22px;color:#ff684d}.level-card span{font-size:14px}.level-card em{font-style:normal;min-height:18px}.level-card:disabled{opacity:.45;filter:grayscale(.8)}.level-complete{display:grid;place-items:center}.complete-card{width:min(100%,390px);border-radius:28px;background:#fffffff0;text-align:center;padding:24px 18px;box-shadow:0 18px 40px #0003}.complete-card h1{margin:4px 0;color:#ff684d;font-size:30px}.learning-summary{margin:12px 0;padding:12px;border-radius:18px;background:#fff7cf;color:#6a5530;font-size:16px;line-height:1.45}.complete-card .result-actions{grid-template-columns:1fr}.learning-report h3{margin:0 0 8px}.learning-report ul{margin:0;padding-left:18px;color:#6a5a4a;line-height:1.6}.move-lot{flex:1;display:grid;grid-template-rows:repeat(3,1fr);gap:8px;margin:10px 0;padding:10px;border-radius:24px;background:#ffffff59}.move-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.move-cell{border-radius:18px;background:#6c7474;border:4px solid rgba(255,255,255,.22)}.move-cell.selected{border-color:#ffe36d;box-shadow:0 0 0 6px #ffe36d38}.parking-exit{align-self:flex-end;margin:8px 10px 0 0;padding:8px 12px;border-radius:999px;background:#fff7cf;color:#6a5530;font-weight:900}.move-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.move-controls button{min-height:64px;border-radius:18px;background:#ff8c69;color:#fff;font-size:22px;box-shadow:0 5px #d96a4a}.jump-stage,.tire-track{flex:1;position:relative;border-radius:24px;background:linear-gradient(180deg,#8fe4ff,#c9f7ff 45%,#86ca63 46%);overflow:hidden;margin:10px 0}.jump-platform{position:absolute;bottom:18%;width:86px;height:38px;border-radius:16px;background:#fff7cf;display:grid;place-items:center;font-size:22px;font-weight:900;color:#6a5530;box-shadow:0 6px #00000026}.jump-platform.p0{left:6%}.jump-platform.p1{left:38%}.jump-platform.p2{right:6%}.jump-car{position:absolute;bottom:24%;left:4%;transition:left .28s ease,bottom .28s ease}.jump-car.pos1{left:36%}.jump-car.pos2{left:68%}.jump-car.jumping{bottom:48%}.find-grid{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;align-content:center}.find-grid button{min-height:145px;border-radius:24px;background:#ffffffd6;position:relative;box-shadow:0 6px #5c786e2e}.find-grid strong{position:absolute;right:18px;top:16px;width:34px;height:34px;border-radius:50%;background:#fff7cf;display:grid;place-items:center;color:#6a5530}.tire-track:before{content:"";position:absolute;left:0;right:0;bottom:24%;height:28px;background:#6c7474}.rolling-tire{position:absolute;bottom:27%;transform:translate(-50%);font-size:58px;transition:bottom .15s;animation:tire-spin .55s linear infinite}.rolling-tire.jump{bottom:48%}@keyframes tire-spin{to{rotate:360deg}}.tire-pit{position:absolute;left:50%;bottom:24%;transform:translate(-50%);font-size:42px;z-index:2}.tire-garage{position:absolute;right:4%;bottom:26%;font-size:56px}@media (max-height: 820px){.game-box-card{min-height:132px}.game-card-icon{width:50px;height:50px;font-size:30px}.game-card-subtitle{display:none}.big-traffic{min-height:230px}.big-traffic span{width:68px;height:68px}}@media (max-width: 380px){.map-start-page{padding-left:12px;padding-right:12px}.map-start-page .start-title{font-size:25px}.route-stop{font-size:12px;padding:6px 7px}.learn-soft-btn{min-height:50px}.map-start-sign{min-width:118px;font-size:16px;right:12px}}.drive-home{flex:1;display:flex;flex-direction:column;padding:calc(18px + env(safe-area-inset-top)) 22px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#87e2ff,#c7f6ff 42%,#90d86c 43%,#78c85e);overflow:hidden;text-align:center}.drive-home-top h1{margin:6px 0;font-size:31px;line-height:1.15;color:#ff684d;text-shadow:2px 2px 0 white}.drive-home-top p{margin:0;color:#5d6b3f;font-size:15px}.drive-cover-road{flex:1;min-height:390px;position:relative;margin:12px 0 16px;border-radius:28px;overflow:hidden;background:linear-gradient(90deg,transparent 0 28%,#6c7474 28% 72%,transparent 72%),linear-gradient(180deg,#8fe4ff,#c8f7ff 38%,#8bd56a 39%,#75c45d);box-shadow:inset 0 -10px #48883e29,0 8px 18px #0000001f}.drive-cover-road:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:5px;transform:translate(-50%);background:repeating-linear-gradient(180deg,#fff5a0 0 28px,transparent 28px 54px)}.cover-sun{position:absolute;right:22px;top:18px;font-size:44px;animation:soft-spin 20s linear infinite}.cover-cloud{position:absolute;width:72px;height:22px;border-radius:999px;background:#ffffffe6;animation:game-cloud-drift 7s ease-in-out infinite}.cover-cloud:before,.cover-cloud:after{content:"";position:absolute;border-radius:50%;background:#fff}.cover-cloud:before{width:32px;height:32px;top:-15px;left:10px}.cover-cloud:after{width:24px;height:24px;top:-9px;right:12px}.cover-cloud.one{left:18px;top:42px}.cover-cloud.two{left:54%;top:104px;transform:scale(.82);animation-delay:1s}.cover-light{position:absolute;left:18px;top:138px;font-size:50px}.cover-sign{position:absolute;right:24px;bottom:135px;font-size:48px}.cover-car{position:absolute;left:50%;bottom:64px;transform:translate(-50%);z-index:3;filter:drop-shadow(0 12px 10px rgba(45,64,40,.25));animation:cover-car-ready 1.8s ease-in-out infinite}.cover-car .car-wheel{transform-origin:center;transform-box:fill-box;animation:wheel-spin .8s linear infinite}@keyframes cover-car-ready{0%,to{translate:0 0}50%{translate:0 -6px}}.drive-start-btn{min-height:72px;border-radius:26px;background:#ff8c69;color:#fff;font-size:24px;font-weight:900;box-shadow:0 7px #d96a4a,0 10px 18px #00000021}.drive-start-btn:active{transform:translateY(4px);box-shadow:0 3px #d96a4a,0 6px 12px #0000001f}.home-limit-message{min-height:64px;display:grid;place-items:center;border-radius:22px;background:#ffffffd9;color:#6a5a4a;font-size:17px;line-height:1.4;padding:12px 16px}.drive-home-links{min-height:48px;margin-top:12px;display:flex;justify-content:center;gap:10px}.drive-home-links button{min-height:44px;padding:8px 14px;border-radius:16px;background:#ffffffc7;color:#5d5a42;font-size:14px;box-shadow:0 3px #8b956740}.driving-game{flex:1;min-height:0;display:flex;flex-direction:column;padding:calc(8px + env(safe-area-inset-top)) 10px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#8fe4ff,#bdf4ff 35%,#8bd56a 36%,#74c45d);overflow:hidden;position:relative}.runner-hud{flex:0 0 auto;min-height:52px;border-radius:18px;background:#fffc;display:grid;grid-template-columns:1.25fr 1fr 44px;align-items:center;gap:8px;padding:7px 9px;box-shadow:0 4px 12px #00000017;z-index:5}.runner-hud strong{display:block;color:#ff684d;font-size:16px;line-height:1.15}.runner-hud span{display:block;color:#5d6b3f;font-size:12px;line-height:1.15}.runner-stars{min-height:32px;display:flex;align-items:center;justify-content:center;font-size:21px;letter-spacing:-3px}.runner-hint{flex:0 0 auto;min-height:42px;margin:7px 6px;padding:9px 13px;border-radius:999px;background:#fff7cfeb;color:#6a5530;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1.2;text-align:center;box-shadow:0 4px 10px #00000014;z-index:4}.runner-road-wrap{flex:1;min-height:0;position:relative;overflow:hidden;border-radius:24px;background:#82ce62;touch-action:none;box-shadow:inset 0 -10px #407c362e}.runner-road{position:absolute;top:-20px;bottom:-20px;left:50%;width:54%;transform:translate(-50%);border-radius:34px;background:repeating-linear-gradient(180deg,transparent 0,transparent calc(46px + var(--road-offset)),#fff5a0 calc(46px + var(--road-offset)),#fff5a0 calc(76px + var(--road-offset)),transparent calc(76px + var(--road-offset)),transparent calc(112px + var(--road-offset))),#6c7474;border-left:5px solid rgba(255,255,255,.2);border-right:5px solid rgba(255,255,255,.2);box-shadow:0 0 0 6px #5062502e}.speed-lines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.speed-lines span{position:absolute;left:50%;width:4px;height:42px;border-radius:999px;background:#ffffff73;animation:speed-line-drop .72s linear infinite}.speed-lines span:nth-child(1){margin-left:-82px;animation-delay:0s}.speed-lines span:nth-child(2){margin-left:78px;animation-delay:.18s}.speed-lines span:nth-child(3){margin-left:-54px;animation-delay:.36s}.speed-lines span:nth-child(4){margin-left:48px;animation-delay:.54s}@keyframes speed-line-drop{0%{top:-52px;opacity:0}20%{opacity:.75}to{top:108%;opacity:0}}.runner-grass{position:absolute;top:0;bottom:0;width:23%;pointer-events:none}.runner-grass.left{left:0}.runner-grass.right{right:0}.runner-grass span{position:absolute;font-size:25px;animation:roadside-scroll 3.8s linear infinite}.runner-grass span:nth-child(1){left:20%;top:5%}.runner-grass span:nth-child(2){left:55%;top:42%;animation-delay:1.1s}.runner-grass span:nth-child(3){left:28%;top:75%;animation-delay:2.1s}@keyframes roadside-scroll{0%{transform:translateY(-60px)}to{transform:translateY(120px)}}.runner-car{position:absolute;bottom:15%;width:128px;height:92px;transform:translate(-50%);z-index:12;filter:drop-shadow(0 11px 9px rgba(40,62,42,.27));transition:left .08s linear;pointer-events:none}.runner-car.dragging .car-wheel,.runner-car .car-wheel{transform-origin:center;transform-box:fill-box;animation:wheel-spin .42s linear infinite}.runner-car.bumping{animation:runner-bump .38s ease-in-out}@keyframes runner-bump{0%,to{transform:translate(-50%)}25%{transform:translate(calc(-50% - 8px))}70%{transform:translate(calc(-50% + 8px))}}.runner-light{position:absolute;right:5px;top:50px;width:26px;height:10px;border-radius:999px;background:#fff59ebf;filter:blur(5px)}.road-event{position:absolute;left:50%;width:58%;transform:translate(-50%,-50%);z-index:8;display:flex;align-items:center;justify-content:center;pointer-events:none}.runner-traffic{width:72px;min-height:170px;padding:10px;border-radius:18px;background:#2f3333;display:grid;gap:9px;box-shadow:0 7px #0003}.runner-traffic span{width:52px;height:52px;border-radius:50%;background:#555}.runner-traffic .red{background:#ff6b6b;box-shadow:0 0 18px #ff6b6b}.runner-traffic .green{background:#5cd684;box-shadow:0 0 18px #5cd684}.lane-event,.garage-event{justify-content:space-around;gap:8px}.lane-gate{width:30%;min-height:86px;border-radius:16px;background:#ffffffdb;border:4px dashed #ffe36d;color:#5d4a2a;display:grid;place-items:center;box-shadow:0 5px #0000001f}.lane-gate span{font-size:34px;font-weight:900}.lane-gate small{display:none}.lane-gate.target{box-shadow:0 0 0 7px #ffe36d40,0 5px #0000001f}.garage-gate{width:24%;min-height:92px;border-radius:18px 18px 8px 8px;display:grid;place-items:center;box-shadow:inset 0 -10px #0000001f,0 6px #00000021;border:4px solid rgba(255,255,255,.75)}.garage-gate span{font-size:26px;animation:wash-bubble 2.2s ease-in-out infinite}.crosswalk-event{width:62%}.runner-zebra{width:100%;height:72px;border-radius:12px;background:repeating-linear-gradient(90deg,white 0 14px,transparent 14px 24px)}.walker{position:absolute;right:10px;top:-16px;font-size:44px;animation:walk-bob 1s ease-in-out infinite}.block-event{justify-content:center;gap:4px;width:34%;font-size:44px}.block-event small{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:38px;height:28px;border-radius:8px;display:grid;place-items:center;background:#ffd166;color:#6a4b14;font-size:17px;font-weight:900;box-shadow:0 3px #00000024}.finish-parking{width:120px;height:130px;display:grid;place-items:center;border-radius:20px;background:#4f5857;border:6px dashed #ffe36d;color:#ffe36d;box-shadow:0 6px #0000002e}.finish-parking strong{font-size:70px}.runner-target-color{position:absolute;left:50%;top:18%;transform:translate(-50%);min-width:92px;min-height:40px;padding:8px 14px;border-radius:999px;color:#fff;font-size:17px;font-weight:900;text-shadow:0 1px 2px rgba(0,0,0,.35);z-index:14;display:grid;place-items:center}.drive-feedback{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);z-index:22;min-width:132px;min-height:54px;padding:12px 18px;border-radius:999px;display:grid;place-items:center;font-size:22px;font-weight:900;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.22);pointer-events:none;animation:drive-feedback-pop .72s ease-out forwards}.drive-feedback.good{background:#5cd684;box-shadow:0 0 0 8px #5cd68438,0 8px 18px #00000029}.drive-feedback.careful{background:#ffd166;color:#684d14;text-shadow:none;box-shadow:0 0 0 8px #ffd1663d,0 8px 18px #00000024}@keyframes drive-feedback-pop{0%{transform:translate(-50%,-42%) scale(.7);opacity:0}25%{opacity:1}70%{transform:translate(-50%,-55%) scale(1.04);opacity:1}to{transform:translate(-50%,-70%) scale(.96);opacity:0}}.choice-popup,.finish-panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:#23342d59;display:flex;align-items:center;justify-content:center;padding:18px}.choice-card,.finish-panel{width:min(100%,360px);border-radius:26px;background:#fffaf0;border:4px solid white;box-shadow:0 18px 40px #0000003d;padding:20px 16px;text-align:center}.choice-card h2,.finish-panel h2{margin:0 0 14px;color:#ff684d;font-size:25px}.choice-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice-buttons button{min-height:76px;border-radius:20px;background:#ff8c69;color:#fff;font-size:20px;font-weight:900;box-shadow:0 6px #d96a4a}.choice-card p{margin:12px 0 0;color:#6a5a4a;font-size:15px}.finish-panel{inset:auto 18px 28%;margin:0 auto;display:block}.finish-panel p{margin:4px 0 12px;color:#6a5a4a;font-size:17px}.finish-panel div{font-size:34px}@media (max-height: 820px){.drive-cover-road{min-height:330px}.cover-car svg{width:160px}.runner-hint{min-height:38px;font-size:15px;margin:6px}.runner-car{bottom:12%}}.game-world{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;padding:calc(9px + env(safe-area-inset-top)) 10px calc(10px + env(safe-area-inset-bottom));gap:8px;position:relative;overflow:hidden;background:linear-gradient(180deg,#8fe4ff,#bff4ff 42%,#92d86f 43%,#78c65d)}.game-hud{flex:0 0 auto;min-height:54px;padding:8px 10px;border-radius:18px;background:#ffffffc2;display:flex;align-items:center;justify-content:space-between;gap:8px;box-shadow:0 4px 10px #4658321f;z-index:3}.game-hud h1{font-size:19px;line-height:1.1;color:#ff684d;margin:0 0 3px;text-shadow:1px 1px 0 white}.game-hud p,.hud-right span{margin:0;font-size:12px;color:#5d6b3f;line-height:1.2}.hud-right{display:flex;align-items:center;gap:6px;flex:0 0 auto}.sound-toggle{width:42px;height:42px;border-radius:50%;background:#fff7cf;box-shadow:0 3px #e0c45d;font-size:20px}.game-stage{flex:1;min-height:0;position:relative}.game-map{width:100%;height:100%;min-height:0;position:relative;overflow:hidden;border-radius:24px;background:radial-gradient(circle at 18% 78%,rgba(255,246,170,.45) 0 8%,transparent 9%),linear-gradient(180deg,#8fe4ff,#c9f7ff 37%,#96db74 38%,#7dcc5e);box-shadow:inset 0 -10px #4a893e2e,0 8px 18px #2a443629;touch-action:none}.game-sky{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.game-sun{position:absolute;right:18px;top:16px;font-size:42px;animation:soft-spin 18s linear infinite}@keyframes soft-spin{to{transform:rotate(360deg)}}.game-cloud{position:absolute;width:70px;height:22px;border-radius:999px;background:#ffffffeb;animation:game-cloud-drift 8s ease-in-out infinite}.game-cloud:before,.game-cloud:after{content:"";position:absolute;border-radius:50%;background:#fff}.game-cloud:before{width:32px;height:32px;top:-15px;left:11px}.game-cloud:after{width:25px;height:25px;top:-10px;right:12px}.cloud-one{left:18px;top:44px}.cloud-two{left:45%;top:96px;transform:scale(.8);animation-delay:1.4s}@keyframes game-cloud-drift{0%,to{translate:0 0}50%{translate:14px 0}}.game-road{position:absolute;background:#6d7776;box-shadow:inset 0 0 0 5px #ffffff21,0 6px #283e372e}.game-road:after{content:"";position:absolute;inset:50% 0 auto 0;height:4px;translate:0 -50%;background:repeating-linear-gradient(90deg,#fff5a0 0 18px,transparent 18px 34px)}.road-main{left:-24px;right:-24px;bottom:104px;height:82px;transform:rotate(-6deg);border-radius:999px}.road-side{width:86px;top:94px;bottom:20px;left:46%;transform:rotate(12deg);border-radius:999px}.game-crosswalk{position:absolute;left:50%;bottom:116px;width:74px;height:64px;transform:rotate(-6deg);background:repeating-linear-gradient(90deg,white 0 10px,transparent 10px 17px);opacity:.95;border-radius:8px}.game-trees{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.game-trees span{position:absolute;font-size:25px}.game-trees span:nth-child(1){left:10px;bottom:32px}.game-trees span:nth-child(2){right:28px;bottom:92px;font-size:21px}.game-trees span:nth-child(3){left:23%;top:22%}.game-trees span:nth-child(4){right:28%;top:38%;font-size:20px}.wash-bubbles{position:absolute;right:11%;top:47%;pointer-events:none}.wash-bubbles span{position:absolute;width:16px;height:16px;border:2px solid rgba(213,249,255,.9);border-radius:50%;background:#ffffff73;animation:map-bubble 2.5s ease-in-out infinite}.wash-bubbles span:nth-child(2){left:22px;animation-delay:.6s}.wash-bubbles span:nth-child(3){left:-16px;animation-delay:1.1s}@keyframes map-bubble{0%,to{transform:translateY(16px) scale(.8);opacity:0}45%{opacity:1}to{transform:translateY(-28px) scale(1.15);opacity:0}}.task-hotspot{position:absolute;translate:-50% -50%;width:86px;height:86px;border-radius:30% 36% 32% 34%;padding:0;background:#ffffff9e;border:4px solid rgba(255,255,255,.82);box-shadow:0 8px #58694938,0 11px 18px #394e372e;color:var(--c-text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;z-index:4;transition:transform .15s,box-shadow .15s,filter .15s}.task-hotspot.active{cursor:pointer}.task-hotspot.near,.task-hotspot.impact,.task-hotspot.active:active{transform:scale(1.08);border-color:#ffe36d;filter:brightness(1.05);box-shadow:0 0 0 7px #ffe36d4d,0 9px 16px #394e372e;animation:hotspot-hop .8s ease-in-out infinite}.task-hotspot.impact:after{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border-radius:50%;border:5px solid rgba(255,227,109,.82);animation:collision-ring .45s ease-out forwards}.task-hotspot.done{background:#fff7cf;opacity:.86;box-shadow:0 4px #58694929,0 6px 12px #394e371f}.hotspot-emoji{font-size:43px;line-height:1}.hotspot-label{position:absolute;left:50%;bottom:-25px;transform:translate(-50%);min-width:58px;padding:5px 8px;border-radius:999px;background:#ffffffe6;box-shadow:0 3px 8px #0000001a;font-size:12px;line-height:1;white-space:nowrap;opacity:0;transition:opacity .15s,transform .15s}.task-hotspot.near .hotspot-label,.task-hotspot.impact .hotspot-label,.task-hotspot.done .hotspot-label{opacity:1;transform:translate(-50%) translateY(-2px)}.hotspot-light{background:#fff0ef}.hotspot-parking{background:#e6efff}.hotspot-wash{background:#ddfbff}.hotspot-school{background:#fff3b6}.hotspot-crosswalk{background:#fff7dc}@keyframes collision-ring{0%{transform:scale(.65);opacity:1}to{transform:scale(1.45);opacity:0}}.hotspot-light .hotspot-emoji{animation:traffic-wink 1.3s ease-in-out infinite}.hotspot-parking .hotspot-emoji{animation:sign-wiggle 2s ease-in-out infinite}@keyframes hotspot-hop{0%,to{margin-top:0}50%{margin-top:-5px}}@keyframes traffic-wink{0%,to{filter:saturate(1)}50%{filter:saturate(1.4) brightness(1.08)}}@keyframes sign-wiggle{0%,to{transform:rotate(-4deg)}50%{transform:rotate(5deg)}}.driver-car{position:absolute;left:0;top:0;width:146px;height:100px;padding:0;background:transparent;z-index:8;touch-action:none;filter:drop-shadow(0 10px 8px rgba(50,72,43,.24));transition:filter .12s}.driver-car.dragging{filter:drop-shadow(0 14px 10px rgba(50,72,43,.3));animation:driver-drag-bob .32s linear infinite}.driver-car.dragging .car-wheel,.driver-car.celebrating .car-wheel{transform-origin:center;transform-box:fill-box;animation:wheel-spin .35s linear infinite}.driver-car.celebrating{animation:car-celebrate .55s ease-out}.driver-headlight{position:absolute;right:8px;top:50px;width:28px;height:11px;border-radius:999px;background:#fff494b3;filter:blur(5px);animation:light-wink 2.4s ease-in-out infinite}@keyframes car-celebrate{0%,to{scale:1}45%{scale:1.08;translate:0 -14px}}@keyframes driver-drag-bob{0%,to{margin-top:0}50%{margin-top:-3px}}.game-bubble{position:absolute;left:18px;top:14px;max-width:240px;min-height:42px;padding:10px 14px;border-radius:18px;background:#ffffffed;color:#5a4a35;font-size:15px;line-height:1.35;z-index:12;box-shadow:0 5px 12px #0000001f;animation:bubble-pop .22s ease-out}.star-burst{position:absolute;left:50%;top:45%;translate:-50% -50%;z-index:20;pointer-events:none}.star-burst span{position:absolute;font-size:28px;animation:burst-star .82s ease-out forwards}.star-burst span:nth-child(1){--x: -60px;--y: -50px}.star-burst span:nth-child(2){--x: 45px;--y: -62px;animation-delay:.04s}.star-burst span:nth-child(3){--x: -44px;--y: 34px;animation-delay:.07s}.star-burst span:nth-child(4){--x: 58px;--y: 32px;animation-delay:.1s}.star-burst span:nth-child(5){--x: 0;--y: -78px;animation-delay:.12s}@keyframes burst-star{0%{transform:translate(0) scale(.4);opacity:0}35%{opacity:1}to{transform:translate(var(--x),var(--y)) scale(1.05);opacity:0}}.game-footer{flex:0 0 auto;min-height:50px;display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:8px;z-index:4}.game-small-btn{min-height:48px;border-radius:16px;background:#ffffffdb;color:#5d5a42;font-size:13px;line-height:1.15;box-shadow:0 4px #8b956740,0 6px 10px #00000014}.game-small-btn.active{background:#fff7cf;color:#8a6416}.remaining-pill{position:absolute;right:16px;top:82px;z-index:5;min-height:34px;padding:8px 11px;border-radius:999px;background:#fff7cff0;color:#6a5530;font-size:13px;box-shadow:0 4px 9px #0000001a}.limit-overlay,.task-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;background:#23342d59;display:flex;align-items:center;justify-content:center;padding:18px}.task-modal{width:min(100%,390px);border-radius:26px;background:#fffaf0;box-shadow:0 18px 40px #0000003d;border:4px solid white;padding:18px 16px 16px;text-align:center;animation:pop-in .24s ease-out}.task-modal.done{animation:modal-good .5s ease-out}@keyframes modal-good{0%,to{transform:scale(1)}45%{transform:scale(1.035)}}.modal-title{font-size:22px;font-weight:900;color:#ff684d;margin-bottom:10px}.modal-learn,.modal-task-line{margin:6px 0 12px;color:#6a5a4a;font-size:15px}.modal-traffic{width:82px;height:198px;margin:2px auto 14px;padding:12px;border-radius:20px;background:#2e3233;display:flex;flex-direction:column;gap:10px;justify-content:center;box-shadow:0 8px #0000002e}.modal-traffic span{width:54px;height:54px;border-radius:50%;background:#555}.modal-traffic span:nth-child(1).on{background:#ff6b6b;box-shadow:0 0 18px #ff6b6b}.modal-traffic span:nth-child(2).on{background:gold;box-shadow:0 0 18px gold}.modal-traffic span:nth-child(3).on{background:#5cd684;box-shadow:0 0 18px #5cd684}.modal-choice-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.modal-choice-row.two{grid-template-columns:1fr 1fr}.modal-choice,.modal-spot,.modal-car-choice{min-height:74px;border-radius:18px;background:#fff;color:var(--c-text);box-shadow:0 5px #e4d7c5,0 7px 12px #00000014;font-size:16px;font-weight:900}.modal-choice span{display:block;font-size:30px;margin-bottom:4px}.modal-choice.picked,.modal-spot.picked{background:#fff7cf}.modal-hint{min-height:36px;margin-top:12px;padding:9px 11px;border-radius:14px;background:#fff0ef;color:#7b4b42;font-size:15px;line-height:1.35}.modal-hint.good{background:#e9faed;color:#3e7d4f}.modal-stars{font-size:30px;margin-top:8px;animation:star-bounce .55s ease-in-out infinite}.modal-parking-lot{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:10px 0 6px}.modal-spot{min-width:0;min-height:96px;background:#4f5857;border:3px dashed #ffe36d;color:#ffe36d;font-size:28px}.modal-spot.correct{background:#e9faed;color:#39a45d;border-color:#5cd684;animation:parking-soft-pop .6s ease-in-out infinite}.modal-car-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.modal-car-choice{min-height:104px;position:relative;overflow:hidden}.modal-car-choice.washed:after{content:"🫧";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:42px;background:#dafaff59;animation:bubble-pop .4s ease-out}@media (max-height: 820px){.game-hud{min-height:48px;padding:6px 9px}.game-hud h1{font-size:18px}.game-footer{min-height:46px}.game-small-btn{min-height:44px}.driver-car{width:136px;height:94px}}@media (max-width: 380px){.game-world{padding-left:8px;padding-right:8px}.game-hud h1{font-size:17px}.hud-right span{font-size:11px}.task-hotspot{width:76px;height:76px}.hotspot-label{font-size:12px}.game-footer{gap:6px}.game-small-btn{font-size:12px}}.driving-app{width:100vw;max-width:none;height:100dvh;margin:0;background:#7fd8ff}.portrait-rotate{display:none;width:100%;height:100dvh;align-items:center;justify-content:center;padding:28px;background:linear-gradient(180deg,#8fe4ff,#bff4ff 52%,#8dd36b 53%,#69b94e)}.rotate-card{width:min(92vw,360px);padding:28px 22px;border-radius:28px;text-align:center;background:#ffffffeb;box-shadow:0 16px 36px #30544d38}.rotate-card div{font-size:58px}.rotate-card h1{margin:10px 0 8px;font-size:28px;color:#ff684d}.rotate-card p{margin:0;font-size:18px;color:#5f6040}.driving-master{width:100vw;height:100dvh;overflow:hidden}@media (orientation: portrait){.portrait-rotate{display:flex}.driving-master{display:none}}@media (orientation: landscape){.portrait-rotate{display:none}}.garage-screen,.panel-screen,.mission-screen,.complete-screen,.drive-screen{width:100%;height:100dvh;min-height:0;overflow:hidden;position:relative}.garage-screen{display:grid;grid-template-rows:auto 1fr auto;padding:12px 18px 14px;background:linear-gradient(180deg,#7fdfff,#bff4ff 44%,#8bd36a 45%,#6fbd55)}.garage-top,.drive-hud,.panel-header{min-height:54px;padding:8px 12px;border-radius:18px;background:#ffffffd6;box-shadow:0 6px 14px #2a443624;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:5}.garage-top h1,.panel-header h1{margin:0;font-size:24px;color:#ff684d;text-shadow:1px 1px 0 white}.garage-top p,.panel-header span{margin:2px 0 0;font-size:13px;color:#5f6d49}.garage-badge{min-width:108px;padding:10px 14px;border-radius:999px;text-align:center;background:#fff2a8;color:#775d16;font-size:16px;font-weight:900}.garage-stage{position:relative;min-height:0;margin:10px 0;border-radius:26px;overflow:hidden;background:radial-gradient(circle at 82% 18%,#fff3a8 0 8%,transparent 9%),linear-gradient(180deg,#89e1ff,#c5f7ff 46%,#94d878 47%,#75c45b);box-shadow:inset 0 -12px #33783929,0 10px 20px #2a443629}.garage-sun{position:absolute;right:24px;top:16px;font-size:40px;animation:drive-soft-spin 18s linear infinite}@keyframes drive-soft-spin{to{transform:rotate(360deg)}}.garage-cloud{position:absolute;width:82px;height:26px;border-radius:999px;background:#ffffffe6;animation:garage-cloud 5s ease-in-out infinite}.garage-cloud:before,.garage-cloud:after{content:"";position:absolute;border-radius:50%;background:#fff}.garage-cloud:before{width:36px;height:36px;left:14px;top:-16px}.garage-cloud:after{width:28px;height:28px;right:14px;top:-10px}.cloud-a{left:42px;top:30px}.cloud-b{right:180px;top:58px;transform:scale(.78);animation-delay:1.2s}@keyframes garage-cloud{50%{translate:18px 0}}.garage-building{position:absolute;left:44px;bottom:84px;width:165px;height:104px;border-radius:20px 20px 6px 6px;background:#ffe083;box-shadow:inset 0 -22px #be86292e,0 8px #5046281f;display:grid;place-items:start center;padding-top:12px;color:#7b5612;font-size:22px;font-weight:900}.garage-building:after{content:"";position:absolute;left:28px;right:28px;bottom:0;height:52px;border-radius:16px 16px 0 0;background:#546064}.garage-road{position:absolute;left:-40px;right:-40px;bottom:35px;height:112px;border-radius:999px;background:#5e696c;transform:rotate(-4deg);box-shadow:inset 0 0 0 7px #ffffff29}.garage-road:after{content:"";position:absolute;top:50%;left:0;right:0;height:7px;transform:translateY(-50%);background:repeating-linear-gradient(90deg,#ffe777 0 26px,transparent 26px 48px)}.garage-finish{position:absolute;right:104px;top:-42px;padding:8px 14px;border-radius:12px;color:#fff;background:#ff684d;font-weight:900;letter-spacing:0}.show-car,.mini-show-car{--car: #ff5f5f;--roof: #ffd4d4;position:absolute;width:190px;height:100px;border-radius:28px;background:var(--car);box-shadow:inset 0 -16px #0000001f,0 16px 18px #2a443638}.show-car{left:50%;bottom:86px;transform:translate(-50%);animation:car-idle 1.8s ease-in-out infinite}@keyframes car-idle{50%{translate:0 -8px}}.car-roof{position:absolute;left:66px;top:18px;width:66px;height:44px;border-radius:16px;background:var(--roof)}.wheel{position:absolute;bottom:-12px;width:34px;height:34px;border-radius:50%;background:#2d3033;border:7px solid #f2f2f2;animation:wheel-spin .8s linear infinite}.wheel.left{left:30px}.wheel.right{right:30px}.car-light{position:absolute;right:-12px;top:38px;width:34px;height:18px;border-radius:999px;background:#fff58bb3;filter:blur(6px);animation:light-blink 2s ease-in-out infinite}@keyframes wheel-spin{to{transform:rotate(360deg)}}@keyframes light-blink{50%{opacity:.35}}.garage-actions{display:grid;grid-template-columns:minmax(220px,.75fr) 1fr;gap:12px}.master-start-btn,.garage-grid-actions button,.panel-header button,.complete-actions button,.parent-actions button{min-height:56px;border-radius:18px;font-size:19px;font-weight:900;color:#fff;background:#ff7a55;box-shadow:0 6px #ce593f,0 10px 18px #323c321f}.master-start-btn:disabled{filter:grayscale(.5);opacity:.66}.garage-grid-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.garage-grid-actions button,.complete-actions button,.parent-actions button,.panel-header button{color:#5d543a;background:#fff7cf;box-shadow:0 5px #d9bd5c,0 8px 14px #323c321a;font-size:16px}.panel-screen{padding:12px 16px 14px;background:linear-gradient(180deg,#8fe4ff,#c4f5ff 45%,#86cf68 46%,#6bbd51);overflow-y:auto}.panel-header{position:sticky;top:0}.car-choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}.car-choice{position:relative;min-height:190px;padding:14px;border-radius:24px;background:#ffffffdb;box-shadow:0 8px 16px #2a443624;color:#55472f}.car-choice.active{outline:5px solid #ffe16b;background:#fff8d7}.mini-show-car{position:relative;margin:18px auto 24px;width:126px;height:70px;box-shadow:inset 0 -12px #0000001f,0 8px 10px #2a44362e}.mini-show-car .car-roof{left:43px;top:12px;width:46px;height:30px}.mini-show-car .wheel{width:26px;height:26px;bottom:-10px;border-width:5px}.mini-show-car .wheel.left{left:22px}.mini-show-car .wheel.right{right:22px}.car-choice strong,.car-choice small{display:block}.car-choice strong{font-size:20px}.car-choice small{margin-top:4px;color:#7a714f;font-size:14px}.driving-level-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.level-category{padding:12px;border-radius:22px;background:#ffffffd6;box-shadow:0 7px 14px #2a44361f}.level-category h2{margin:0 0 10px;font-size:18px;color:#ff684d}.level-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.level-chip{min-height:58px;border-radius:16px;background:#fff7cf;color:#5a4a2b;box-shadow:0 4px #dbc166}.level-chip strong,.level-chip small{display:block}.level-chip strong{font-size:22px}.level-chip small{font-size:11px}.level-chip.locked{opacity:.48;filter:grayscale(.7)}.mission-screen,.complete-screen{display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 80% 14%,rgba(255,235,128,.95) 0 8%,transparent 9%),linear-gradient(180deg,#8fe4ff,#bff4ff 46%,#84cf66 47%,#67b94f)}.mission-card,.complete-card{width:min(620px,92vw);padding:22px;border-radius:28px;text-align:center;background:#ffffffeb;box-shadow:0 18px 40px #2a443638}.mission-level{display:inline-flex;padding:8px 14px;border-radius:999px;color:#7a5b13;background:#fff2a8;font-weight:900}.mission-card h1,.complete-card h1{margin:10px 0 8px;font-size:34px;color:#ff684d}.mission-goal,.mission-learn,.complete-summary{margin:8px auto;max-width:520px;color:#5d6146;font-size:18px}.mission-map-preview{position:relative;height:86px;margin:14px auto;max-width:460px}.preview-road{position:absolute;left:0;right:0;top:38px;height:38px;border-radius:999px;background:#5e696c}.preview-car{position:absolute;left:20%;top:12px;font-size:54px}.preview-flag{position:absolute;right:16%;top:12px;font-size:46px}.small-text-btn{min-height:44px;padding:8px 14px;color:#5d6146;background:transparent;font-size:16px}.drive-screen{display:grid;grid-template-rows:auto 1fr auto;gap:8px;padding:8px 10px 10px;background:#3d8f5c}.drive-hud{border-radius:16px}.hud-left{display:grid;gap:2px;min-width:220px}.hud-left strong{color:#ff684d;font-size:19px}.hud-left span{color:#5f6d49;font-size:13px;white-space:nowrap}.hud-center{display:flex;align-items:center;gap:18px;font-size:18px;color:#5a4b2b}.hud-center b{min-width:94px;padding:8px 12px;border-radius:999px;color:#fff;background:#4d5c60}.hud-buttons{display:flex;align-items:center;gap:8px}.hud-buttons span{color:#5f6d49;font-size:13px}.hud-buttons button{min-width:48px;min-height:42px;padding:0 12px;border-radius:14px;background:#fff7cf;color:#5d543a;font-weight:900;box-shadow:0 4px #d9bd5c}.canvas-wrap{position:relative;min-height:0;border-radius:22px;overflow:hidden;background:#8fdfff;box-shadow:inset 0 0 0 5px #fff3,0 8px 18px #00000029}.driving-canvas{display:block;width:100%;height:100%}.drive-tip{position:absolute;left:16px;top:14px;max-width:340px;min-height:42px;padding:10px 14px;border-radius:18px;background:#ffffffe6;color:#5d543a;font-size:15px;box-shadow:0 5px 12px #0000001f}.checkpoint-flash{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);font-size:76px;pointer-events:none;filter:drop-shadow(0 8px 10px rgba(0,0,0,.2));animation:checkpoint-pop .42s ease-out forwards}@keyframes checkpoint-pop{0%{transform:translate(-50%,-50%) scale(.45) rotate(-15deg);opacity:0}35%{opacity:1}to{transform:translate(-50%,-86%) scale(1.18) rotate(12deg);opacity:0}}.control-pad{position:relative;min-height:92px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.turn-controls,.pedal-controls{display:flex;gap:12px;pointer-events:auto}.drive-control{width:96px;height:76px;border-radius:24px;font-size:17px;color:#fff;background:#5ba7ff;box-shadow:0 8px #2c78c4,0 10px 16px #00000029;touch-action:none;display:grid;place-items:center;align-content:center;gap:2px;-webkit-user-select:none;user-select:none}.drive-control .control-icon{font-size:30px;line-height:1}.drive-control.throttle{width:126px;height:82px;background:#5cd684;box-shadow:0 8px #37a85a,0 10px 16px #00000029}.drive-control.brake{width:112px;height:82px;background:#ff6b6b;box-shadow:0 8px #cf4545,0 10px 16px #00000029}.drive-control.pressed{transform:translateY(5px) scale(.98);box-shadow:0 3px #0000002e,0 5px 10px #0000001f}.pause-panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;background:#1e2d2d66}.pause-panel section{width:330px;padding:22px;border-radius:26px;text-align:center;background:#fff;box-shadow:0 16px 34px #00000038}.pause-panel h2{margin:0 0 16px;color:#ff684d;font-size:30px}.pause-panel button{width:100%;min-height:54px;margin-top:10px;border-radius:18px;background:#fff7cf;color:#5d543a;font-size:18px;font-weight:900}.complete-burst{font-size:62px;animation:star-bounce .7s ease-in-out infinite}.complete-stars{margin:8px 0;font-size:38px}.sticker-unlock{display:inline-flex;align-items:center;gap:10px;margin:10px 0 4px;padding:10px 14px;border-radius:18px;background:#fff7cf;color:#5d543a}.sticker-unlock span{font-size:34px}.complete-actions{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px;margin-top:16px}.complete-actions .master-start-btn{color:#fff;background:#ff7a55;box-shadow:0 6px #ce593f,0 10px 18px #323c321f}.drive-rest{background:linear-gradient(180deg,#8fe4ff,#c4f5ff 45%,#86cf68 46%,#6bbd51)}.parent-page{display:block}.parent-card{padding:14px 16px;margin:12px 0;border-radius:22px;background:#ffffffe0;box-shadow:0 6px 14px #2a44361f}.parent-card h2{margin:0 0 10px;font-size:20px;color:#ff684d}.parent-card p{margin:8px 0 0;color:#5f6d49}.setting-pills{display:flex;gap:10px}.setting-pills button{min-width:96px;min-height:48px;border-radius:16px;background:#f1f1f1;color:#5d543a;font-size:17px;font-weight:900}.setting-pills button.active{background:#fff2a8;outline:4px solid #ffcf4f}.voice-row{display:flex;align-items:center;gap:10px;min-height:44px;color:#5d543a;font-size:17px}.learning-list{margin:0;padding-left:20px;color:#5d6146}.parent-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:12px;margin:14px 0 4px}.sticker-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:14px}.sticker-cell{min-height:142px;padding:12px;border-radius:22px;text-align:center;background:#ffffffdb;box-shadow:0 7px 14px #2a44361f}.sticker-emoji{width:58px;height:58px;margin:0 auto 8px;border-radius:20px;display:grid;place-items:center;font-size:32px}.sticker-cell strong,.sticker-cell small{display:block}.sticker-cell strong{color:#5d543a;font-size:15px}.sticker-cell small{margin-top:4px;color:#7a714f;font-size:12px}@media (max-height: 520px){.garage-top h1,.panel-header h1{font-size:21px}.garage-actions{grid-template-columns:220px 1fr}.master-start-btn,.garage-grid-actions button{min-height:50px;font-size:16px}.drive-control{height:66px}.control-pad{min-height:78px}}