@import"https://fonts.googleapis.com/css2?family=Bubblegum+Sans&family=Nunito:wght@400;600;700;800&display=swap";:root{--sky-blue: #87CEEB;--sky-sunset: #FFB347;--sky-night: #2C1654;--grass-green: #4CAF50;--grass-light: #81C784;--track-brown: #8D6E63;--track-gray: #9E9E9E;--train-red: #E53935;--train-blue: #1E88E5;--train-yellow: #FFD600;--train-green: #43A047;--sunshine: #FFD54F;--cloud-white: #FFFFFF;--tunnel-purple: #7B1FA2;--water-blue: #29B6F6;--flower-pink: #F48FB1;--flower-red: #EF5350;--flower-yellow: #FFD600;--ui-orange: #FF9800;--ui-pink: #E91E63;--ui-purple: #9C27B0;--ui-teal: #00BCD4}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden;font-family:Nunito,sans-serif}body{background:var(--sky-blue)}.title-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#87ceeb,#b2ebf2 40%,#81c784 60%,#4caf50);z-index:100;overflow:hidden}.title-screen .clouds{position:absolute;top:0;left:0;right:0;height:40%;pointer-events:none}.cloud{position:absolute;background:#fff;border-radius:50%;opacity:.9;animation:cloudFloat linear infinite}.cloud:before,.cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}@keyframes cloudFloat{0%{transform:translate(-200px)}to{transform:translate(calc(100vw + 200px))}}.title-train{font-size:6rem;margin-bottom:.5rem;animation:titleBounce 2s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}@keyframes titleBounce{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-15px) rotate(2deg)}}.title-screen h1{font-family:Bubblegum Sans,cursive;font-size:clamp(2rem,6vw,4rem);color:#e53935;text-shadow:3px 3px 0 #FFD600,-1px -1px 0 #fff;text-align:center;line-height:1.1;margin-bottom:.25rem}.title-screen .subtitle{font-family:Nunito,sans-serif;font-weight:700;font-size:clamp(.9rem,2.5vw,1.4rem);color:#5d4037;margin-bottom:2rem;text-align:center}.play-button{font-family:Bubblegum Sans,cursive;font-size:2rem;padding:1rem 3rem;background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;border:4px solid #E65100;border-radius:50px;cursor:pointer;box-shadow:0 6px #bf360c,0 8px 20px #0000004d;transition:all .15s;position:relative;top:0;animation:playPulse 2s ease-in-out infinite}.play-button:hover{background:linear-gradient(135deg,#ffb74d,#ff9800);top:-2px;box-shadow:0 8px #bf360c,0 10px 25px #0000004d}.play-button:active{top:4px;box-shadow:0 2px #bf360c,0 3px 10px #0000004d}@keyframes playPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.title-animals{display:flex;gap:1rem;margin-top:1.5rem;font-size:2.5rem}.title-animals span{animation:animalWave 1.5s ease-in-out infinite}.title-animals span:nth-child(2){animation-delay:.2s}.title-animals span:nth-child(3){animation-delay:.4s}.title-animals span:nth-child(4){animation-delay:.6s}.title-animals span:nth-child(5){animation-delay:.8s}@keyframes animalWave{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.game-screen{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.sky{position:absolute;top:0;left:0;right:0;height:55%;transition:background 2s ease}.sky-meadow{background:linear-gradient(180deg,#87ceeb,#b2ebf2 60%,#e0f7fa)}.sky-bridge{background:linear-gradient(180deg,#90caf9,#bbdefb 60%,#e3f2fd)}.sky-town{background:linear-gradient(180deg,#ffd54f,#ffe082 40%,#ffecb3)}.sky-tunnel{background:linear-gradient(180deg,#4a148c,#6a1b9a 60%,#7b1fa2)}.sky-mountain{background:linear-gradient(180deg,#e1bee7,#ce93d8 40%,#ba68c8)}.sun{position:absolute;top:8%;right:12%;width:80px;height:80px;background:radial-gradient(circle,#FFD54F 40%,#FFB300 70%,transparent 71%);border-radius:50%;animation:sunGlow 3s ease-in-out infinite;z-index:1}@keyframes sunGlow{0%,to{transform:scale(1);box-shadow:0 0 40px #ffd54f99}50%{transform:scale(1.1);box-shadow:0 0 60px #ffd54fcc}}.sky-cloud{position:absolute;background:#fff;border-radius:50%;opacity:.85;animation:skyCloudFloat linear infinite}.sky-cloud:before,.sky-cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}.sky-cloud:before{width:60%;height:80%;top:-30%;left:15%}.sky-cloud:after{width:50%;height:60%;top:-20%;right:10%}@keyframes skyCloudFloat{0%{transform:translate(0)}to{transform:translate(-200vw)}}.ground{position:absolute;bottom:0;left:0;right:0;height:50%;transition:background 2s ease}.ground-meadow{background:linear-gradient(180deg,#81c784,#4caf50 30%,#388e3c)}.ground-bridge{background:linear-gradient(180deg,#29b6f6,#0288d1 30%,#01579b)}.ground-town{background:linear-gradient(180deg,#a5d6a7,#66bb6a 30%,#43a047)}.ground-tunnel{background:linear-gradient(180deg,#311b92,#1a237e,#0d0d0d)}.ground-mountain{background:linear-gradient(180deg,#a5d6a7,#66bb6a 30%,#2e7d32)}.scenery{position:absolute;bottom:22%;left:0;right:0;height:25%;pointer-events:none}.scenery-item{position:absolute;bottom:0;font-size:3rem;transition:opacity .5s}.flower-field{position:absolute;bottom:20%;left:0;right:0;height:12%;pointer-events:none;overflow:hidden}.flower{position:absolute;bottom:0;font-size:1.8rem;animation:flowerSway 3s ease-in-out infinite}@keyframes flowerSway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.mountains{position:absolute;bottom:42%;left:0;right:0;height:20%;pointer-events:none}.mountain{position:absolute;bottom:0;width:0;height:0;border-left:solid transparent;border-right:solid transparent;border-bottom:solid}.track-container{position:absolute;bottom:16%;left:0;right:0;height:10%;overflow:hidden}.tracks{display:flex;position:absolute;bottom:0;left:0;height:100%;will-change:transform}.track-segment{width:80px;height:100%;position:relative;flex-shrink:0}.track-segment:before{content:"";position:absolute;top:10%;left:5%;right:5%;height:20%;background:var(--track-gray);border-radius:4px}.track-segment:after{content:"";position:absolute;bottom:15%;left:5%;right:5%;height:20%;background:var(--track-gray);border-radius:4px}.track-tie{position:absolute;top:30%;left:20%;right:20%;height:40%;background:var(--track-brown);border-radius:3px}.bridge-track .track-tie{background:#795548}.bridge-rail{position:absolute;bottom:0;left:0;right:0;height:100%;pointer-events:none}.bridge-rail:before,.bridge-rail:after{content:"";position:absolute;width:6px;height:100%;background:#5d4037;border-radius:3px}.bridge-rail:before{left:10%}.bridge-rail:after{right:10%}.tunnel-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center top,#0000,#000000b3);pointer-events:none;z-index:5;opacity:0;transition:opacity 1s}.tunnel-bg.active{opacity:1}.tunnel-sparkle{position:absolute;width:4px;height:4px;background:#e1bee7;border-radius:50%;animation:sparkle 1.5s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.5)}}.train-container{position:absolute;bottom:24%;left:15%;z-index:10;transition:bottom .3s;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.train-container.on-bridge{bottom:26%}.train{display:flex;align-items:flex-end;gap:0;animation:trainBounce .6s ease-in-out infinite}@keyframes trainBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.engine{position:relative;width:100px;height:70px}.engine-body{position:absolute;bottom:12px;left:10px;width:80px;height:45px;background:linear-gradient(135deg,var(--train-red),#C62828);border-radius:12px 12px 6px 6px;border:3px solid #B71C1C}.engine-body:before{content:"";position:absolute;top:8px;left:8px;right:8px;height:15px;background:#fff3;border-radius:6px}.engine-cabin{position:absolute;bottom:12px;left:55px;width:40px;height:55px;background:linear-gradient(135deg,var(--train-red),#B71C1C);border-radius:8px 8px 4px 4px;border:3px solid #C62828;z-index:2}.engine-cabin-window{position:absolute;top:8px;left:6px;right:6px;height:20px;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:4px;border:2px solid #90CAF9;overflow:hidden}.engine-cabin-window:after{content:"";position:absolute;top:0;left:0;right:50%;height:100%;background:#ffffff4d}.engine-smokestack{position:absolute;bottom:57px;left:20px;width:18px;height:20px;background:#37474f;border-radius:4px 4px 0 0;z-index:1}.engine-smokestack:before{content:"";position:absolute;top:-8px;left:-4px;width:26px;height:10px;background:#455a64;border-radius:4px}.smoke{position:absolute;bottom:75px;left:15px;z-index:3}.smoke-puff{position:absolute;background:#ffffffb3;border-radius:50%;animation:smokePuff 2s ease-out infinite}.smoke-puff:nth-child(1){width:20px;height:20px;animation-delay:0s}.smoke-puff:nth-child(2){width:25px;height:25px;animation-delay:.5s;left:-8px}.smoke-puff:nth-child(3){width:30px;height:30px;animation-delay:1s;left:-15px}@keyframes smokePuff{0%{transform:translateY(0) scale(.5);opacity:.8}to{transform:translateY(-60px) scale(1.5);opacity:0}}.engine-wheel-big{position:absolute;bottom:0;left:15px;width:28px;height:28px;background:radial-gradient(circle,#37474f 30%,#263238,#455a64 70%);border-radius:50%;border:3px solid #37474F;animation:wheelSpin .5s linear infinite}.engine-wheel-big:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#b0bec5;border-radius:50%}.engine-wheel-small{position:absolute;bottom:2px;left:60px;width:20px;height:20px;background:radial-gradient(circle,#37474f 30%,#263238,#455a64 70%);border-radius:50%;border:2px solid #37474F;animation:wheelSpin .5s linear infinite}.engine-wheel-small:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#b0bec5;border-radius:50%}.engine-cowcatcher{position:absolute;bottom:10px;left:-5px;width:20px;height:18px;background:#455a64;clip-path:polygon(0 100%,100% 0,100% 100%)}@keyframes wheelSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.coal-car{position:relative;width:60px;height:50px}.coal-body{position:absolute;bottom:12px;left:0;width:60px;height:30px;background:linear-gradient(135deg,#37474f,#263238);border-radius:6px;border:2px solid #1B2631}.coal-pile{position:absolute;bottom:38px;left:5px;width:50px;height:15px;background:#1b2631;border-radius:50% 50% 0 0}.coal-wheel{position:absolute;bottom:0;width:18px;height:18px;background:radial-gradient(circle,#37474f 30%,#263238 50%);border-radius:50%;border:2px solid #37474F;animation:wheelSpin .5s linear infinite}.coal-wheel:nth-child(1){left:5px}.coal-wheel:nth-child(2){right:5px}.passenger-car{position:relative;width:75px;height:50px}.passenger-body{position:absolute;bottom:12px;left:0;width:75px;height:35px;background:linear-gradient(135deg,var(--train-blue),#1565C0);border-radius:8px;border:2px solid #0D47A1}.passenger-window{position:absolute;bottom:20px;width:14px;height:14px;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:3px;border:1.5px solid #90CAF9}.passenger-window:nth-child(1){left:8px}.passenger-window:nth-child(2){left:30px}.passenger-window:nth-child(3){right:8px}.passenger-wheel{position:absolute;bottom:0;width:18px;height:18px;background:radial-gradient(circle,#37474f 30%,#263238 50%);border-radius:50%;border:2px solid #37474F;animation:wheelSpin .5s linear infinite}.passenger-wheel:nth-child(4){left:8px}.passenger-wheel:nth-child(5){right:8px}.passenger-roof{position:absolute;bottom:45px;left:5px;right:5px;height:8px;background:#0d47a1;border-radius:4px 4px 0 0}.train-animal{position:absolute;bottom:32px;font-size:1.2rem;animation:trainAnimalBounce .8s ease-in-out infinite}@keyframes trainAnimalBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.animal-on-track{position:absolute;bottom:22%;z-index:8;cursor:pointer;animation:animalIdle 1s ease-in-out infinite;transition:transform .3s;-webkit-user-select:none;user-select:none}.animal-on-track:hover{transform:scale(1.2)}.animal-on-track .animal-emoji{font-size:2.5rem;display:block;text-align:center}.animal-on-track .animal-shadow{width:30px;height:8px;background:#0003;border-radius:50%;margin:2px auto 0}@keyframes animalIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.animal-pickup{animation:pickupAnim .5s ease-out forwards}@keyframes pickupAnim{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5) translateY(-30px);opacity:.8}to{transform:scale(0) translateY(-60px);opacity:0}}.hud{position:absolute;top:0;left:0;right:0;padding:12px 16px;display:flex;justify-content:space-between;align-items:flex-start;z-index:20;pointer-events:none}.hud-left,.hud-right{display:flex;flex-direction:column;gap:8px;pointer-events:auto}.hud-item{background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:6px 14px;border-radius:20px;font-weight:700;font-size:1rem;display:flex;align-items:center;gap:6px;white-space:nowrap}.hud-item .icon{font-size:1.2rem}.zone-badge{background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:6px 14px;border-radius:20px;font-weight:700;font-size:.9rem;font-family:Bubblegum Sans,cursive;animation:zoneBadgePop .3s ease-out}@keyframes zoneBadgePop{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.collected-animals{display:flex;gap:4px;flex-wrap:wrap;max-width:200px}.collected-animal{font-size:1.2rem;animation:collectPop .3s ease-out}@keyframes collectPop{0%{transform:scale(0)}60%{transform:scale(1.3)}to{transform:scale(1)}}.controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:20;align-items:flex-end}.control-btn{width:64px;height:64px;border-radius:50%;border:4px solid rgba(255,255,255,.8);background:#fff3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:1.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;position:relative;top:0;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.control-btn:hover{background:#ffffff4d;top:-3px}.control-btn:active{top:3px;background:#fff6}.control-btn.big{width:80px;height:80px;font-size:2.2rem}.whistle-btn{background:#ff980066;border-color:#ff9800}.whistle-btn:active{background:#ff980099}.speed-indicator{position:absolute;top:-30px;left:50%;transform:translate(-50%);font-size:.75rem;font-weight:800;color:#fff;background:#00000080;padding:2px 8px;border-radius:10px;white-space:nowrap}.whistle-effect{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4rem;font-family:Bubblegum Sans,cursive;color:#ffd600;text-shadow:3px 3px 0 #E65100;z-index:100;pointer-events:none;animation:whistleAnim 1s ease-out forwards}@keyframes whistleAnim{0%{transform:translate(-50%,-50%) scale(0);opacity:0}20%{transform:translate(-50%,-50%) scale(1.5);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.minigame-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50;animation:overlayIn .3s ease-out}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.minigame-card{background:#fff;border-radius:24px;padding:2rem;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 60px #0006;animation:cardPop .4s ease-out;position:relative;overflow:hidden}@keyframes cardPop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.minigame-card h2{font-family:Bubblegum Sans,cursive;font-size:1.8rem;color:#e53935;margin-bottom:1rem}.minigame-card p{color:#5d4037;font-weight:600;margin-bottom:1.5rem}.minigame-close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#9e9e9e;padding:4px}.minigame-close:hover{color:#e53935}.track-puzzle{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:1rem 0}.track-piece{height:60px;border-radius:12px;border:3px solid #E0E0E0;display:flex;align-items:center;justify-content:center;font-size:2rem;cursor:pointer;transition:all .2s;background:#fafafa}.track-piece:hover{border-color:#ff9800;transform:scale(1.05)}.track-piece.correct{background:#c8e6c9;border-color:#4caf50;animation:correctPop .3s ease-out}.track-piece.wrong{background:#ffcdd2;border-color:#ef5350;animation:shake .3s ease-out}@keyframes correctPop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.cargo-items{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:1rem 0}.cargo-item{font-size:2.5rem;cursor:pointer;padding:8px;border-radius:12px;border:3px solid transparent;transition:all .2s;background:#fff3e0}.cargo-item:hover{border-color:#ff9800;transform:scale(1.1)}.cargo-item.loaded{opacity:.4;transform:scale(.8);pointer-events:none}.cargo-car{min-height:80px;border:3px dashed #FF9800;border-radius:16px;padding:12px;margin:1rem 0;background:#fff8e1;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}.cargo-car .loaded-item{font-size:2rem;animation:loadBounce .3s ease-out}@keyframes loadBounce{0%{transform:translateY(-20px) scale(0)}60%{transform:translateY(3px) scale(1.1)}to{transform:translateY(0) scale(1)}}.whistle-targets{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:1rem 0}.whistle-target{font-size:2.5rem;padding:8px 16px;border-radius:12px;border:3px solid #E0E0E0;cursor:pointer;transition:all .2s;background:#fafafa}.whistle-target:hover{border-color:#ff9800;transform:scale(1.1)}.whistle-target.matched{background:#c8e6c9;border-color:#4caf50;animation:correctPop .3s ease-out}.reward-stars{font-size:2.5rem;margin:1rem 0;animation:rewardGlow 1s ease-in-out infinite}@keyframes rewardGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.minigame-success{color:#4caf50;font-family:Bubblegum Sans,cursive;font-size:1.5rem;animation:successBounce .5s ease-out}@keyframes successBounce{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.shape-display{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:1rem 0}.shape-btn{width:60px;height:60px;border:3px solid #E0E0E0;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;transition:all .2s;background:#fff}.shape-btn:hover{border-color:#9c27b0;transform:scale(1.1)}.shape-btn.picked{background:#e1bee7;border-color:#9c27b0}.shape-btn circle{fill:#e91e63}.number-display{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:1rem 0}.number-btn{width:55px;height:55px;border:3px solid #E0E0E0;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;transition:all .2s;background:#fff;color:#1e88e5}.number-btn:hover{border-color:#1e88e5;transform:scale(1.1)}.number-btn.correct{background:#c8e6c9;border-color:#4caf50;color:#4caf50}.journey-complete{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:60;animation:overlayIn .3s ease-out}.journey-card{background:linear-gradient(135deg,#fff8e1,#ffecb3);border-radius:24px;padding:2rem;max-width:380px;width:90%;text-align:center;box-shadow:0 20px 60px #0006;animation:cardPop .5s ease-out}.journey-card h2{font-family:Bubblegum Sans,cursive;font-size:2rem;color:#e53935;margin-bottom:.5rem}.journey-card .trophy{font-size:4rem;margin:.5rem 0;animation:trophyBounce 1s ease-in-out infinite}@keyframes trophyBounce{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-10px) rotate(5deg)}}.journey-stats{display:flex;justify-content:center;gap:2rem;margin:1rem 0}.journey-stat{text-align:center}.journey-stat .value{font-family:Bubblegum Sans,cursive;font-size:2rem;color:#ff9800}.journey-stat .label{font-size:.85rem;color:#795548;font-weight:700}.play-again-btn{font-family:Bubblegum Sans,cursive;font-size:1.3rem;padding:.7rem 2rem;background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff;border:3px solid #2E7D32;border-radius:50px;cursor:pointer;margin-top:1rem;box-shadow:0 4px #1b5e20;transition:all .15s}.play-again-btn:hover{background:linear-gradient(135deg,#66bb6a,#4caf50)}.play-again-btn:active{box-shadow:0 1px #1b5e20;transform:translateY(3px)}.learning-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:20px;padding:1.5rem 2rem;z-index:45;text-align:center;box-shadow:0 10px 40px #0000004d;animation:cardPop .4s ease-out;pointer-events:none}.learning-popup .emoji{font-size:3rem}.learning-popup .word{font-family:Bubblegum Sans,cursive;font-size:1.5rem;color:#e53935;margin-top:.5rem}.learning-popup .fact{font-size:.9rem;color:#5d4037;font-weight:600;margin-top:.3rem}@media(max-width:600px){.control-btn{width:56px;height:56px;font-size:1.5rem}.control-btn.big{width:68px;height:68px;font-size:1.8rem}.controls{gap:8px}.hud-item{font-size:.85rem;padding:4px 10px}.engine{width:80px;height:56px}.engine-body{width:64px;height:36px;bottom:10px}.engine-cabin{width:32px;height:44px;left:44px}.engine-smokestack{left:16px;bottom:46px;width:14px;height:16px}.engine-wheel-big{width:22px;height:22px;left:12px}.engine-wheel-small{width:16px;height:16px;left:48px}.coal-car{width:48px;height:40px}.coal-body{width:48px;height:24px}.passenger-car{width:60px;height:40px}.passenger-body{width:60px;height:28px}.passenger-window{width:12px;height:12px}}.distance-marker{position:absolute;bottom:18%;z-index:6;text-align:center;pointer-events:none}.distance-marker .post{width:8px;height:40px;background:#ff9800;border-radius:4px;margin:0 auto}.distance-marker .sign{background:#fff;border:2px solid #FF9800;border-radius:8px;padding:2px 8px;font-family:Bubblegum Sans,cursive;font-size:.8rem;color:#e65100;margin-bottom:4px}.tutorial-hint{position:absolute;bottom:120px;left:50%;transform:translate(-50%);background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;padding:8px 20px;border-radius:20px;font-weight:700;font-size:.9rem;z-index:15;animation:hintPulse 2s ease-in-out infinite;pointer-events:none;white-space:nowrap}@keyframes hintPulse{0%,to{opacity:.8}50%{opacity:1}}.star-rain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100}.falling-star{position:absolute;font-size:1.5rem;animation:starFall linear forwards}@keyframes starFall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}