:root{--mt-primary: #ff8a1e;--mt-primary-50: #fff4e6;--mt-primary-100: #ffe6c7;--mt-primary-200: #ffd29b;--mt-primary-300: #ffbb6b;--mt-primary-400: #ffa23f;--mt-primary-500: #ff8a1e;--mt-primary-600: #f57200;--mt-primary-700: #cc5c00;--mt-primary-800: #9c4700;--mt-primary-900: #6e3200;--mt-background: #fff9f0;--mt-surface: #ffffff;--mt-surface-2: #fff3e2;--mt-border: #ffe0b8;--mt-foreground: #4a3520;--mt-muted-foreground: #a5896a;--mt-sky: #7ec8f0;--mt-sky-2: #bfe8ff;--mt-sand: #ffd98a;--mt-sand-2: #f4b95e;--mt-track: #d99a52;--mt-lane-line: #fff3d6;--mt-coin: #ffd12e;--mt-coin-edge: #f0a500;--mt-sky-fly: #8ad4ff;--state-success: #4cc36a;--state-warning: #ffb020;--state-error: #ff5a4d;--state-info: #35a7ff;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--font-display: "Baloo 2", "Nunito", "PingFang SC", "Noto Sans SC", system-ui, sans-serif;--font-body: "Nunito", "PingFang SC", "Noto Sans SC", system-ui, sans-serif;--shadow-sm: 0 2px 0 rgba(240, 165, 0, .18);--shadow-md: 0 6px 0 rgba(240, 165, 0, .22);--shadow-pop: 0 10px 24px rgba(255, 138, 30, .28)}body{background-color:var(--mt-background);color:var(--mt-foreground);font-family:var(--font-body);font-weight:600}h1,h2,h3,h4{font-family:var(--font-display);font-weight:800;color:var(--mt-foreground)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:var(--mt-background);color:var(--mt-foreground);font-family:var(--font-body);font-weight:600;-webkit-tap-highlight-color:transparent}#game-root{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:16px}.mt-frame{position:relative;width:100%;max-width:390px;min-height:800px;height:min(90vh,844px);overflow:hidden;display:flex;flex-direction:column;border-radius:var(--radius-xl);background:var(--mt-sky);box-shadow:var(--shadow-pop)}.mt-scene-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.mt-bg{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;object-fit:cover}.mt-road{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent 46%,#000 60%,#000 100%);mask-image:linear-gradient(to bottom,transparent 46%,#000 60%,#000 100%)}.mt-road-stripes{position:absolute;left:50%;top:0;bottom:0;width:4%;margin-left:-2%;will-change:background-position;background-image:repeating-linear-gradient(to bottom,var(--mt-lane-line) 0,var(--mt-lane-line) 52px,transparent 52px,transparent 96px);background-repeat:repeat;border-radius:var(--radius-full);opacity:.55}.mt-lane-grid{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(3,1fr);pointer-events:none}.mt-lane-grid>div:not(:last-child){border-right:3px dashed var(--mt-lane-line);opacity:.4}.mt-truck{position:absolute;bottom:128px;left:calc(50% + var(--mt-truck-shift, 0%));width:52%;max-width:208px;transform:translate(-50%);transition:left .28s cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion: reduce){.mt-truck{transition:none}}.mt-truck:after{content:"";position:absolute;left:50%;bottom:6px;width:66%;height:22px;transform:translate(-50%);border-radius:var(--radius-full);background:#4a352047;filter:blur(6px);z-index:-1}.mt-truck img{display:block;height:auto;width:100%;filter:drop-shadow(0 6px 6px rgba(74,53,32,.18))}.mt-truck.is-crash{animation:mt-truck-shake .3s ease-in-out 2}@keyframes mt-truck-shake{0%{transform:translate(-50%) rotate(0)}25%{transform:translate(calc(-50% - 4px)) rotate(-4deg)}50%{transform:translate(-50%) rotate(0)}75%{transform:translate(calc(-50% + 4px)) rotate(4deg)}to{transform:translate(-50%) rotate(0)}}@media (prefers-reduced-motion: reduce){.mt-truck.is-crash,.mt-truck.is-flying{animation:none}}.mt-truck.is-flying{animation:mt-truck-fly 1.1s ease-in-out infinite;filter:drop-shadow(0 10px 18px rgba(255,138,30,.45)) drop-shadow(0 0 12px var(--mt-primary-300)) brightness(1.06)}@keyframes mt-truck-fly{0%{transform:translate(-50%) translateY(0) scale(1.04)}50%{transform:translate(-50%) translateY(-10px) scale(1.06)}to{transform:translate(-50%) translateY(0) scale(1.04)}}.mt-coin-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.mt-coin{position:absolute;height:40px;width:40px;border-radius:var(--radius-full);left:calc(50% + var(--mt-coin-shift, 0%));top:var(--mt-coin-progress, 0%);transform:translate(-50%);background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.85) 0 16%,var(--mt-coin) 44%,var(--mt-coin) 100%);border:4px solid var(--mt-coin-edge);box-shadow:var(--shadow-sm)}.mt-obstacle-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.mt-obstacle{position:absolute;height:var(--mt-obstacle-size, 44px);width:var(--mt-obstacle-size, 44px);left:calc(50% + var(--mt-obstacle-shift, 0%));top:var(--mt-obstacle-progress, 0%);transform:translate(-50%,-50%);box-shadow:var(--shadow-sm)}.mt-obstacle--rock{border-radius:46% 54% 52% 48%/54% 48% 52% 46%;background:radial-gradient(circle at 34% 30%,rgba(255,255,255,.55) 0 12%,var(--mt-track) 48%,var(--mt-track) 100%);border:3px solid var(--mt-coin-edge)}.mt-obstacle--barrel{border-radius:var(--radius-lg);background:repeating-linear-gradient(to bottom,var(--mt-primary) 0,var(--mt-primary) 22%,var(--mt-coin-edge) 22%,var(--mt-coin-edge) 30%);border:3px solid var(--mt-coin-edge)}.mt-hud{position:absolute;inset-inline:0;top:0;z-index:30;display:flex;align-items:center;gap:8px;padding:12px 12px 0}.mt-btn-round{display:inline-flex;height:48px;width:48px;flex-shrink:0;align-items:center;justify-content:center;border:none;border-radius:var(--radius-full);background:var(--mt-surface);color:var(--mt-foreground);box-shadow:var(--shadow-sm);font-size:20px}.mt-coin-chip{display:inline-flex;height:56px;min-width:0;flex:1;align-items:center;gap:12px;border-radius:var(--radius-full);padding:0 20px 0 8px;background:var(--mt-surface);box-shadow:var(--shadow-sm)}.mt-coin-disc{display:inline-flex;height:44px;width:44px;flex-shrink:0;border-radius:var(--radius-full);background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.85) 0 16%,var(--mt-coin) 44%,var(--mt-coin) 100%);border:4px solid var(--mt-coin-edge);box-shadow:var(--shadow-sm)}.mt-coin-count{display:flex;align-items:baseline;gap:4px;line-height:1;font-family:var(--font-display)}.mt-coin-count .n{font-size:30px;font-weight:800;color:var(--mt-foreground)}.mt-coin-count .t{font-size:18px;font-weight:800;color:var(--mt-muted-foreground)}.mt-lives{display:inline-flex;height:48px;flex-shrink:0;align-items:center;gap:4px;border-radius:var(--radius-full);padding:0 12px;background:var(--mt-surface);box-shadow:var(--shadow-sm)}.mt-heart{width:20px;height:20px;color:var(--mt-primary);transition:color .25s ease,opacity .25s ease}.mt-heart.is-empty{color:var(--mt-muted-foreground, rgba(74, 53, 32, .35));opacity:.35}.mt-controls{position:absolute;inset-inline:0;bottom:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px 24px}.mt-btn-lane{display:inline-flex;height:80px;width:80px;flex-shrink:0;align-items:center;justify-content:center;border:none;border-radius:var(--radius-xl);background:var(--mt-primary);color:var(--mt-surface);box-shadow:var(--shadow-md);font-size:40px}.mt-lane-indicator{display:flex;flex:1;align-items:center;justify-content:center;gap:8px}.mt-lane-indicator span{height:12px;width:12px;border-radius:var(--radius-full);background:var(--mt-surface);opacity:.6}.mt-lane-indicator span.active{height:16px;width:16px;opacity:1;box-shadow:var(--shadow-sm)}.mt-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--mt-sky);color:var(--mt-foreground);font-family:var(--font-display);font-weight:800;font-size:22px}.mt-loading.hidden{display:none}.mt-spinner{width:48px;height:48px;border-radius:var(--radius-full);border:6px solid var(--mt-primary-100);border-top-color:var(--mt-primary);animation:mt-spin .9s linear infinite}@keyframes mt-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.mt-spinner{animation-duration:.01ms;animation-iteration-count:1}}