*{box-sizing:border-box}html,body{touch-action:none;background:#000;height:100%;margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif;overflow:hidden}#root{width:100%;height:100%}.touch-controls{padding-top:max(24px, env(safe-area-inset-top));padding-right:max(24px, env(safe-area-inset-right));padding-bottom:max(24px, env(safe-area-inset-bottom));padding-left:max(24px, env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;inset:0}.touch-controls__group{pointer-events:auto;gap:16px;display:flex}.touch-button{color:#1f2937;-webkit-user-select:none;user-select:none;touch-action:none;background:#ffffffd9;border:none;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;font-size:40px;line-height:1;display:flex;box-shadow:0 4px 10px #00000040}.touch-button:active{background:#fff;transform:scale(.94)}.touch-button--forward{color:#0b2a05;background:#7ec850e6;width:104px;height:104px;font-size:48px}.touch-button--forward:active{background:#7ec850}.touch-controls__reset{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));color:#475569;pointer-events:auto;touch-action:none;background:#ffffffbf;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;line-height:1;display:flex;position:absolute;box-shadow:0 2px 6px #0003}.touch-controls__reset:active{transform:scale(.92)}.mission-prompt{pointer-events:none;z-index:10;position:absolute;bottom:130px;left:50%;transform:translate(-50%)}.mission-prompt__button{pointer-events:auto;color:#402a03;background:#fbbf24;border:none;border-radius:999px;padding:16px 28px;font-size:22px;font-weight:700;animation:1.6s ease-in-out infinite mission-pulse;box-shadow:0 8px 20px #00000040}@keyframes mission-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.learning-overlay{z-index:20;touch-action:none;background:#0f172a8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.learning-overlay__card{text-align:center;background:#fff;border-radius:28px;width:min(90vw,640px);padding:32px 40px 40px;transition:background-color .2s;position:relative;box-shadow:0 20px 40px #0000004d}.learning-overlay__card--correct{background:#e6f9ec;animation:.4s learning-pop}.learning-overlay__card--wrong{background:#fff3e0;animation:.4s learning-shake}.learning-overlay__close{color:#334155;background:#f1f5f9;border:none;border-radius:50%;width:44px;height:44px;font-size:24px;line-height:1;position:absolute;top:12px;right:12px}.learning-overlay__icon{margin-bottom:4px;font-size:56px}.learning-overlay__prompt{color:#1f2937;letter-spacing:2px;margin:16px 0 8px;font-size:72px;font-weight:700}.learning-overlay__hint{color:#2563eb;letter-spacing:4px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:16px;font-size:28px;display:flex}.learning-overlay__hint-plus{color:#64748b;font-size:32px}.learning-overlay__choices{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:20px;display:flex}.learning-overlay__choice{color:#1e293b;background:#eef2ff;border:none;border-radius:24px;width:110px;height:110px;font-size:44px;font-weight:700;box-shadow:0 4px 10px #0000001f}.learning-overlay__choice:active{background:#dbeafe;transform:scale(.95)}.learning-overlay__feedback{margin-top:20px;font-size:28px;font-weight:600}.learning-overlay__feedback--correct{color:#15803d}.learning-overlay__feedback--wrong{color:#b45309}@keyframes learning-pop{0%{transform:scale(.96)}50%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes learning-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.reward-overlay{z-index:30;touch-action:none;background:#0f172a99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.reward-overlay__card{text-align:center;background:#fff7e6;border-radius:32px;width:min(90vw,480px);padding:40px;box-shadow:0 20px 40px #00000059}.reward-overlay__egg{font-size:140px;animation:.7s ease-in-out infinite reward-egg-bounce}.reward-overlay__dino{font-size:140px;animation:.5s reward-pop}.reward-overlay__title{color:#92400e;margin:12px 0 4px;font-size:26px;font-weight:700}.reward-overlay__name{color:#1f2937;margin:0 0 24px;font-size:36px;font-weight:800}.reward-overlay__continue{color:#052e12;background:#22c55e;border:none;border-radius:999px;padding:18px 36px;font-size:24px;font-weight:700;box-shadow:0 8px 20px #00000040}.reward-overlay__continue:active{transform:scale(.96)}@keyframes reward-egg-bounce{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-16px)scale(1.05)}}@keyframes reward-pop{0%{opacity:0;transform:scale(.5)}70%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.dino-collection{z-index:25;touch-action:none;background:#0f172a99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dino-collection__card{background:#fff;border-radius:28px;flex-direction:column;width:min(92vw,560px);max-height:85vh;padding:32px;display:flex;position:relative;box-shadow:0 20px 40px #0000004d}.dino-collection__close{color:#334155;background:#f1f5f9;border:none;border-radius:50%;width:44px;height:44px;font-size:24px;line-height:1;position:absolute;top:12px;right:12px}.dino-collection__title{color:#1f2937;text-align:center;margin:0 0 20px;font-size:26px;font-weight:700}.dino-collection__grid{flex:auto;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;min-height:0;padding-right:4px;display:grid;overflow-y:auto}.dino-collection__item{background:#f8fafc;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:16px 8px;display:flex}.dino-collection__item--unlocked{background:#ecfdf3}.dino-collection__item--locked{opacity:.6}.dino-collection__icon{font-size:48px}.dino-collection__name{color:#1f2937;text-align:center;margin:0;font-size:14px;font-weight:600}.garage-screen{z-index:25;touch-action:none;background:#0f172a99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.garage-screen__card{background:#fff;border-radius:28px;width:min(92vw,480px);padding:32px;position:relative;box-shadow:0 20px 40px #0000004d}.garage-screen__close{color:#334155;background:#f1f5f9;border:none;border-radius:50%;width:44px;height:44px;font-size:24px;line-height:1;position:absolute;top:12px;right:12px}.garage-screen__title{color:#1f2937;text-align:center;margin:0 0 20px;font-size:26px;font-weight:700}.garage-screen__label{color:#64748b;margin:16px 0 8px;font-size:15px;font-weight:600}.garage-screen__swatches{flex-wrap:wrap;gap:12px;display:flex}.garage-screen__swatch{border:3px solid #0000;border-radius:50%;width:56px;height:56px;box-shadow:0 3px 8px #0003}.garage-screen__swatch--small{width:40px;height:40px}.garage-screen__swatch--active{border-color:#1f2937}.garage-screen__sticker-toggle{color:#1f2937;background:#f1f5f9;border:none;border-radius:999px;padding:14px 24px;font-size:20px;font-weight:700}.garage-screen__sticker-toggle--active{background:#fde68a}.garage-screen__sticker-locked{color:#94a3b8;font-size:16px}.level-complete-overlay{z-index:35;touch-action:none;background:#0f172aa6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.level-complete-overlay__card{text-align:center;background:#fff7e6;border-radius:32px;width:min(90vw,480px);padding:40px;animation:.5s level-complete-pop;box-shadow:0 20px 40px #00000059}.level-complete-overlay__icon{font-size:100px}.level-complete-overlay__title{color:#92400e;margin:8px 0 12px;font-size:30px;font-weight:800}.level-complete-overlay__body{color:#451a03;margin:0 0 28px;font-size:18px}.level-complete-overlay__next,.level-complete-overlay__restart{border:none;border-radius:999px;width:100%;padding:18px 36px;font-size:24px;font-weight:700;display:block;box-shadow:0 8px 20px #00000040}.level-complete-overlay__next{color:#052e12;background:#22c55e;margin-bottom:14px}.level-complete-overlay__restart{color:#78350f;background:#fde68a;padding:12px 28px;font-size:18px}.level-complete-overlay__next:active,.level-complete-overlay__restart:active{transform:scale(.96)}@keyframes level-complete-pop{0%{opacity:0;transform:scale(.7)}70%{opacity:1;transform:scale(1.05)}to{transform:scale(1)}}.level-select{z-index:25;touch-action:none;background:#0f172a99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.level-select__card{background:#fff;border-radius:28px;flex-direction:column;width:min(92vw,560px);max-height:85vh;padding:32px;display:flex;position:relative;box-shadow:0 20px 40px #0000004d}.level-select__close{color:#334155;background:#f1f5f9;border:none;border-radius:50%;width:44px;height:44px;font-size:24px;line-height:1;position:absolute;top:12px;right:12px}.level-select__title{color:#1f2937;text-align:center;margin:0 0 20px;font-size:26px;font-weight:700}.level-select__loading{text-align:center;color:#64748b;font-size:18px}.level-select__grid{flex:auto;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;min-height:0;padding-right:4px;display:grid;overflow-y:auto}.level-select__item{background:#f8fafc;border:3px solid #0000;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:18px 8px;display:flex;position:relative}.level-select__item--active{background:#ecfdf3;border-color:#22c55e}.level-select__item:active{transform:scale(.97)}.level-select__item-name{color:#1f2937;font-size:16px;font-weight:700}.level-select__item-stars{font-size:14px}.level-select__item-badge{color:#15803d;font-size:18px;position:absolute;top:6px;right:6px}.app-shell{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.app-shell--loading{background-color:#7ec850}.game-canvas{touch-action:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.game-canvas canvas{max-width:100%;max-height:100%}.app-shell__menu-buttons{top:max(16px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));z-index:5;gap:10px;display:flex;position:absolute}.app-shell__menu-button{touch-action:none;background:#ffffffd9;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;line-height:1;display:flex;box-shadow:0 4px 10px #00000040}.app-shell__menu-button:active{transform:scale(.94)}