:root{--red:#f02a3c;--orange:#ff7a18;--yellow:#ffc814;--green:#35c44c;--blue:#1c8ff0;--purple:#9b4fd8;--pink:#ff5fa8;--ink:#2b3440;--font-kid:"Fredoka", "Comic Sans MS", system-ui, -apple-system, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{overscroll-behavior:none;width:100%;height:100%;font-family:var(--font-kid);color:var(--ink);touch-action:none;background:#cfe6f7;position:fixed;overflow:hidden}#app{position:absolute;inset:0;overflow:hidden}#canvas-container{z-index:1;touch-action:none;position:absolute;inset:0}#canvas-container canvas{display:block}.fatal-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;font-size:20px;display:flex;position:absolute;inset:0}.hud-overlay{z-index:10;pointer-events:none;padding:calc(var(--safe-top) + 10px) calc(var(--safe-right) + 12px) calc(var(--safe-bottom) + 8px) calc(var(--safe-left) + 12px);flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.hud-overlay.drive-active .hud-bottom,.hud-overlay.drive-active .top-actions,.hud-overlay.drive-active .coach{display:none}.hud-top-bar{pointer-events:none;align-items:center;gap:10px;display:flex}.hud-top-bar>*{pointer-events:auto}.mascot-btn{cursor:pointer;background:linear-gradient(160deg,#ffe066,#ffab1a);border:4px solid #fff;border-radius:34px;flex:none;align-items:center;gap:6px;min-width:78px;height:64px;padding:0 14px;transition:transform .12s cubic-bezier(.2,.9,.3,1.3);display:flex;box-shadow:0 6px 14px #00000038,inset 0 2px 5px #ffffffb3}.mascot-face{font-size:30px;line-height:1}.mascot-badge{color:#fff;letter-spacing:.5px;text-shadow:0 2px 3px #00000059;font-size:15px;font-weight:900}.speech-bubble{border:4px solid var(--yellow);text-align:center;opacity:.55;background:#fffffff0;border-radius:26px;flex:auto;justify-content:center;align-items:center;min-width:0;max-width:620px;min-height:56px;padding:8px 18px;transition:opacity .2s,transform .2s cubic-bezier(.2,.9,.3,1.3),border-color .2s;display:flex;transform:scale(.97);box-shadow:0 5px 14px #00000024}.speech-bubble.active{opacity:1;border-color:var(--red);background:#fffdf4;transform:scale(1)}#speech-text{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:19px;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.top-actions{flex:none;gap:8px;display:flex}.round-tool-btn{cursor:pointer;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:27px;transition:transform .12s cubic-bezier(.2,.9,.3,1.3),filter .15s;display:flex;box-shadow:0 5px 12px #0003,inset 0 2px 5px #ffffff80}.round-tool-btn.off{filter:grayscale(.75)brightness(.85)}.photo-btn{background:linear-gradient(160deg,#56d9ff,#1c8ff0)}.music-btn{background:linear-gradient(160deg,#8be0a0,#35c44c)}.sound-btn{background:linear-gradient(160deg,#c48bef,#9b4fd8)}.clean-btn{background:linear-gradient(160deg,#ff8fc0,#ff5fa8)}.hud-middle{pointer-events:none;flex:auto;justify-content:flex-end;align-items:flex-end;padding-bottom:6px;display:flex}.drive-banner{pointer-events:none;opacity:0;transition:opacity .25s,transform .3s cubic-bezier(.2,.9,.3,1.4);transform:translateY(14px)scale(.85)}.drive-banner.visible{pointer-events:auto;opacity:1;animation:2.2s ease-in-out infinite kidPulse;transform:translateY(0)scale(1)}.giant-drive-btn{cursor:pointer;background:linear-gradient(160deg,#57e08a,#1ea94f);border:5px solid #fff;border-radius:34px;align-items:center;gap:12px;min-height:78px;padding:12px 24px;display:flex;box-shadow:0 10px 22px #1ea94f73,inset 0 3px 6px #fff9}.drive-icon{font-size:36px;line-height:1}.drive-text{color:#fff;text-shadow:0 3px 5px #00000047;font-size:26px;font-weight:900}@keyframes kidPulse{0%,to{transform:scale(1)}50%{transform:scale(1.055)}}.hud-bottom{pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex}.subtray{pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);touch-action:pan-x;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#ffffffe6;border:4px solid #fff;border-radius:28px;gap:8px;max-width:min(96vw,760px);padding:8px 12px;display:none;overflow-x:auto;box-shadow:0 8px 20px #0003}.subtray::-webkit-scrollbar{display:none}.subtray.open{display:flex}.subtray-btn{cursor:pointer;background:linear-gradient(160deg,#f7f9fc,#dbe4ee);border:3px solid #fff;border-radius:20px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;width:72px;height:66px;transition:transform .12s cubic-bezier(.2,.9,.3,1.3),box-shadow .15s;display:flex;box-shadow:0 4px 9px #00000029}.subtray-btn.active{box-shadow:0 6px 14px #0000003d, 0 0 0 3px var(--red);background:linear-gradient(160deg,#ffe89a,#ffc814);transform:translateY(-3px)}.subtray-emoji{font-size:26px;line-height:1}.subtray-label{color:var(--ink);font-size:11px;font-weight:800}.hud-bottom-bar{pointer-events:auto;justify-content:center;width:100%;display:flex}.tools-rack{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);touch-action:pan-x;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#ffffffe0;border:4px solid #fff;border-radius:34px;align-items:center;gap:10px;max-width:min(98vw,1000px);padding:9px 14px;display:flex;overflow-x:auto;box-shadow:0 10px 24px #0000003d}.tools-rack::-webkit-scrollbar{display:none}.kid-tool-btn{cursor:pointer;border:4px solid #fff;border-radius:22px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:3px;width:82px;height:78px;transition:transform .14s cubic-bezier(.2,.9,.3,1.4),box-shadow .15s;display:flex;position:relative;box-shadow:0 5px 12px #0003,inset 0 2px 5px #ffffff73}.kid-tool-btn.active{border-color:var(--yellow);box-shadow:0 12px 20px #00000047, 0 0 0 4px var(--red);transform:translateY(-7px)scale(1.06)}.tool-emoji{font-size:31px;line-height:1}.tool-title{color:#fff;letter-spacing:.4px;text-shadow:0 1px 3px #0000008c;font-size:12px;font-weight:900}.tray-dot{background:#fff;border-radius:50%;width:9px;height:9px;position:absolute;top:5px;right:7px;box-shadow:0 0 0 2px #0000002e}.btn-hand{background:linear-gradient(160deg,#ffa552,#ff7a18)}.btn-move{background:linear-gradient(160deg,#4fe0c4,#00b894)}.btn-roller{background:linear-gradient(160deg,#56d9ff,#1c8ff0)}.btn-shapes{background:linear-gradient(160deg,#ffdf6b,#f0a500)}.btn-knife{background:linear-gradient(160deg,#a4b4c6,#64748b)}.btn-extruder{background:linear-gradient(160deg,#c48bef,#9b4fd8)}.btn-sticker{background:linear-gradient(160deg,#ff97c4,#ff5fa8)}.btn-cars{background:linear-gradient(160deg,#ff6b7c,#f02a3c)}.coach{top:calc(var(--safe-top) + 86px);border:4px solid var(--green);pointer-events:none;opacity:0;visibility:hidden;background:#fffffff2;border-radius:26px;align-items:center;gap:8px;padding:9px 18px;font-size:19px;font-weight:800;transition:opacity .3s,transform .3s,visibility .3s;display:flex;position:absolute;left:50%;transform:translate(-50%,-8px);box-shadow:0 6px 16px #0000002e}.coach.visible{opacity:1;visibility:visible;animation:1.6s ease-in-out infinite coachBob}.coach-arrow{font-size:22px}@keyframes coachBob{0%,to{transform:translate(-50%,-8px)}50%{transform:translate(-50%,2px)}}.modal-scrim{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;background:#141e2d8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-scrim.hidden{display:none}.modal-card{background:#fffdf5;border:6px solid #fff;border-radius:34px;flex-direction:column;align-items:center;gap:18px;max-width:min(92vw,560px);max-height:90vh;padding:26px 30px;animation:.28s cubic-bezier(.2,.9,.3,1.4) popIn;display:flex;overflow:hidden;box-shadow:0 20px 50px #00000059}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.modal-title{text-align:center;font-size:28px;font-weight:900}.modal-buttons{gap:16px;display:flex}.modal-btn{min-width:132px;min-height:72px;font-family:var(--font-kid);color:#fff;cursor:pointer;border:4px solid #fff;border-radius:26px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:23px;font-weight:900;transition:transform .12s cubic-bezier(.2,.9,.3,1.3);display:flex;box-shadow:0 7px 16px #00000040}.modal-yes{background:linear-gradient(160deg,#57e08a,#1ea94f)}.modal-no{background:linear-gradient(160deg,#ff8fa0,#f02a3c)}.photo-card{gap:14px}#photo-img{-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto;border:5px solid #fff;border-radius:20px;max-width:min(78vw,620px);max-height:54vh;box-shadow:0 10px 24px #00000047}.photo-hint{opacity:.75;text-align:center;font-size:16px;font-weight:700}.drive-hud{z-index:20;pointer-events:none;padding:calc(var(--safe-top) + 14px) calc(var(--safe-right) + 18px) calc(var(--safe-bottom) + 18px) calc(var(--safe-left) + 18px);position:absolute;inset:0}.drive-hud.hidden{display:none}.drive-dock{bottom:calc(var(--safe-bottom) + 18px);align-items:flex-end;gap:14px;display:flex;position:absolute}.drive-dock-left{left:calc(var(--safe-left) + 18px)}.drive-dock-right{right:calc(var(--safe-right) + 18px)}.kid-drive-btn{pointer-events:auto;cursor:pointer;border:5px solid #fff;border-radius:32px;flex-direction:column;justify-content:center;align-items:center;gap:1px;transition:transform .1s cubic-bezier(.2,.9,.3,1.3),filter .1s;display:flex;box-shadow:0 9px 20px #0000004d,inset 0 3px 6px #ffffff73}.kid-drive-btn.held{filter:brightness(1.15);transform:scale(.9)}.btn-emoji{font-size:36px;line-height:1}.btn-label{color:#fff;text-shadow:0 2px 4px #0006;font-size:16px;font-weight:900}.steer-btn{background:linear-gradient(160deg,#56d9ff,#1c8ff0);width:92px;height:92px}.horn-btn{background:linear-gradient(160deg,#ffdf6b,#f0a500);width:88px;height:88px}.gas-btn{background:linear-gradient(160deg,#57e08a,#1ea94f);width:116px;height:116px}.reverse-btn{background:linear-gradient(160deg,#ffb066,#e0700f);width:84px;height:84px}.exit-drive-btn{top:calc(var(--safe-top) + 14px);right:calc(var(--safe-right) + 18px);background:linear-gradient(160deg,#ff8fa0,#f02a3c);width:86px;height:86px;position:absolute}.mascot-btn.pressing,.round-tool-btn.pressing,.kid-tool-btn.pressing,.subtray-btn.pressing,.modal-btn.pressing,.giant-drive-btn.pressing{transform:scale(.9)}.kid-tool-btn.active.pressing{transform:translateY(-7px)scale(.98)}.wiggle{animation:.45s ease-in-out wiggleAnim}@keyframes wiggleAnim{0%,to{transform:rotate(0)scale(1)}25%{transform:rotate(-11deg)scale(1.08)}75%{transform:rotate(11deg)scale(1.08)}}@media (width<=860px){.kid-tool-btn{width:72px;height:72px}.tool-emoji{font-size:27px}.tool-title{font-size:10.5px}.tools-rack{gap:7px;padding:8px 10px}.round-tool-btn{width:58px;height:58px;font-size:24px}.mascot-btn{min-width:66px;height:58px;padding:0 10px}.mascot-badge{display:none}#speech-text{font-size:17px}.speech-bubble{min-height:50px;padding:6px 14px}.steer-btn{width:80px;height:80px}.gas-btn{width:100px;height:100px}.horn-btn,.reverse-btn{width:76px;height:76px}.drive-text{font-size:22px}}@media (height<=560px){.kid-tool-btn{width:68px;height:64px}.tool-emoji{font-size:24px}.tool-title{font-size:10px}.subtray-btn{width:62px;height:56px}.subtray-emoji{font-size:22px}.round-tool-btn{width:54px;height:54px;font-size:22px}.mascot-btn{height:54px}.speech-bubble{min-height:46px}.coach{top:calc(var(--safe-top) + 68px);font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}