@font-face{font-family:Outfit;font-style:normal;font-weight:300 900;font-display:swap;src:url(./Outfit-VariableFont-latin-ext-BMnJGVZj.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:300 900;font-display:swap;src:url(./Outfit-VariableFont-latin-D6ftewdU.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--primary-glow:#aa3bff66;--accent-color:#aa3bff;--bg-gradient:radial-gradient(circle at center, #1b2030 0%, #08090f 100%);--panel-bg:#0a0c16d9;--glass-bg:#ffffff0f;--glass-border:#ffffff1f;--glass-glow:0 8px 32px 0 #00000080;--font-family:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--menu-bg-light:#ffffffb8;--menu-border-light:#ffffff80;--menu-text-dark:#1e1b4b;--menu-text-muted:#475569;--menu-shadow-light:0 15px 35px #0f172a1f, 0 0 25px #aa3bff14}html,body{overscroll-behavior:none;overscroll-behavior-y:none}body{background:var(--bg-gradient);min-height:100vh;font-family:var(--font-family);color:#fff;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex;overflow:hidden}#root{justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.app-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.game-wrapper{background-color:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}#pixi-canvas{display:block;width:100%!important;height:100%!important}.ui-overlay{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.level-select-content-wrapper{transform:scale(var(--ui-scale,1));transform-origin:top;flex-direction:column;align-items:center;width:100%;display:flex}.train-select-content{transform:scale(var(--ui-scale,1));transform-origin:50%;flex-direction:column;flex:1;align-items:center;width:100%;display:flex}.credits-content-wrapper{transform:scale(var(--ui-scale,1));transform-origin:50%;flex-direction:column;align-items:center;display:flex}.pause-card-scale-wrapper,.complete-card-scale-wrapper{transform:scale(var(--modal-scale,var(--ui-scale,1)));transform-origin:50%;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.preloader-overlay{z-index:9999;opacity:1;font-family:var(--font-family);pointer-events:all;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;transition:opacity .85s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0;overflow:hidden}.preloader-overlay.preloader-fading{opacity:0;pointer-events:none}.preloader-sky-bg{z-index:1;background:linear-gradient(#87ceeb 0%,#a5e3fc 60%,#e0f7fa 100%);position:absolute;inset:0}.preloader-cloud{opacity:.85;filter:drop-shadow(0 6px 8px #0000000d);pointer-events:none;background:#fff;border-radius:100px;position:absolute}.preloader-cloud:before,.preloader-cloud:after{content:"";background:#fff;border-radius:50%;position:absolute}.preloader-cloud:before{width:50%;height:130%;top:-50%;left:15%}.preloader-cloud:after{width:35%;height:90%;top:-30%;right:15%}.preloader-cloud.c1{width:120px;height:36px;animation:28s linear infinite cloudDrift;top:15%}.preloader-cloud.c2{opacity:.65;width:170px;height:52px;animation:42s linear infinite reverse cloudDrift;top:30%}.preloader-cloud.c3{opacity:.9;width:90px;height:28px;animation:18s linear infinite cloudDrift;top:45%}@keyframes cloudDrift{0%{left:-20%;transform:translate(-150px)}to{left:120%;transform:translate(150px)}}.preloader-content{z-index:2;flex-direction:column;align-items:center;width:min(460px,90vw);display:flex;position:relative}.preloader-title{letter-spacing:1.5px;text-transform:uppercase;color:#fff;-webkit-text-stroke:3.5px #2b1008;text-shadow:0 6px #2b1008,0 12px 18px #00000040;text-align:center;margin:0 0 45px;font-size:clamp(36px,8vw,56px);font-weight:900;transform:rotate(-1.5deg)}.preloader-track-zone{background:0 0;width:100%;height:90px;margin-bottom:30px;position:relative}.preloader-train-runner{z-index:5;width:120px;height:54px;transition:left .25s cubic-bezier(.1,.8,.25,1);position:absolute;bottom:15px;transform:translate(-50%)}.preloader-train{filter:drop-shadow(0 6px 8px #0003);width:100%;height:100%;animation:.35s ease-in-out infinite trainChugging}@keyframes trainChugging{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-2px)rotate(-1deg)}}.preloader-wheel{animation:.7s linear infinite wheelSpin}.preloader-wheel.w1{transform-origin:34px 38px}.preloader-wheel.w2{transform-origin:62px 38px}.preloader-wheel.w3{transform-origin:82px 38px}@keyframes wheelSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.preloader-train .smoke{transform-origin:bottom;animation:1.4s ease-out infinite smokePuffPreloader}.preloader-train .smoke.s1{animation-delay:0s}.preloader-train .smoke.s2{animation-delay:.3s}.preloader-train .smoke.s3{animation-delay:.6s}@keyframes smokePuffPreloader{0%{opacity:.9;transform:translate(0)scale(.8)}50%{opacity:.6}to{opacity:0;transform:translate(-10px,-24px)scale(1.7)}}.preloader-track-bridge{width:100%;height:24px;position:absolute;bottom:0;left:0}.preloader-bridge-girders{opacity:.5;width:100%;height:20px;position:absolute;bottom:-20px;left:0}.preloader-bridge-deck{background:#894b20;border:2px solid #2b1008;border-radius:3px;width:100%;height:6px;position:absolute;bottom:0;left:0;box-shadow:0 4px 6px #00000026}.preloader-rail-sleepers{background:repeating-linear-gradient(90deg,#5d3011 0 6px,#0000 6px 14px);border:1.5px solid #2b1008;border-left:none;border-right:none;width:100%;height:4px;position:absolute;bottom:4px;left:0}.preloader-rail-metals{background:#78909c;border-top:1px solid #cfd8dc;border-bottom:1.5px solid #37474f;width:100%;height:2px;position:absolute;bottom:8px;left:0}.preloader-bridge-progress-fill{border-right:3px solid #7ce63d;width:0%;transition:width .25s cubic-bezier(.1,.8,.25,1);position:absolute;top:-4px;bottom:-20px;left:0;overflow:hidden}.preloader-filled-girders{width:100%;height:20px;margin-top:24px}.preloader-progress-badge{color:#fff;font-family:var(--font-family);text-shadow:0 2px 2px #0000004d;letter-spacing:.5px;background:linear-gradient(#ff9436 0%,#e05307 100%);border:3.5px solid #fff;border-radius:20px;justify-content:center;align-items:center;padding:8px 24px;font-size:18px;font-weight:900;display:flex;transform:translateY(0);box-shadow:0 6px #ac3500,0 10px 16px #00000040}.preloader-pct{font-size:17px;font-weight:800}.loading-screen,.loading-title,.progress-bar-container,.progress-bar,.loading-percentage{display:none}.btn-3d{font-family:var(--font-family);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;border:none;outline:none;justify-content:center;align-items:center;font-weight:700;text-decoration:none;transition:transform .15s cubic-bezier(.175,.885,.32,1.275),box-shadow .15s,filter .15s;display:inline-flex}.btn-green-3d{color:#fff;text-shadow:0 -1.5px .5px #0000008c,0 1px .5px #ffffff40;background:linear-gradient(#7ce63d 0%,#3ca609 50%,#2b7706 100%);border:2px solid #1c5202;border-radius:14px;box-shadow:inset 0 3px #ffffff73,inset 0 -3px #00000040,0 4px 8px #00000026}.btn-green-3d:hover:not(:disabled){filter:brightness(1.1);transform:scale(1.04)translateY(-1px);box-shadow:inset 0 3px #ffffff8c,inset 0 -3px #00000040,0 6px 14px #3ca60959}.btn-green-3d:active:not(:disabled){transform:scale(.96)translateY(2px);box-shadow:inset 0 2px 4px #0000004d,inset 0 -1px #0000001a,0 1px 2px #00000026}.btn-green-3d:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(80%)}.btn-orange-3d{color:#fff;text-shadow:0 -1.5px .5px #0000008c,0 1px .5px #ffffff40;background:linear-gradient(#ff8936 0%,#d84b06 50%,#b23b02 100%);border:2px solid #6f2300;border-radius:14px;box-shadow:inset 0 3px #ffffff73,inset 0 -3px #00000040,0 4px 8px #00000026}.btn-orange-3d:hover:not(:disabled){filter:brightness(1.1);transform:scale(1.04)translateY(-1px);box-shadow:inset 0 3px #ffffff8c,inset 0 -3px #00000040,0 6px 14px #d84b0659}.btn-orange-3d:active:not(:disabled){transform:scale(.96)translateY(2px);box-shadow:inset 0 2px 4px #0000004d,inset 0 -1px #0000001a,0 1px 2px #00000026}.btn-orange-3d:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(80%)}.btn-blue-3d{color:#fff;text-shadow:0 -1.5px .5px #0000008c,0 1px .5px #ffffff40;background:linear-gradient(#4fc3f7 0%,#0288d1 50%,#01528b 100%);border:2px solid #003666;border-radius:14px;box-shadow:inset 0 3px #ffffff73,inset 0 -3px #00000040,0 4px 8px #00000026}.btn-blue-3d:hover:not(:disabled){filter:brightness(1.1);transform:scale(1.04)translateY(-1px);box-shadow:inset 0 3px #ffffff8c,inset 0 -3px #00000040,0 6px 14px #0288d159}.btn-blue-3d:active:not(:disabled){transform:scale(.96)translateY(2px);box-shadow:inset 0 2px 4px #0000004d,inset 0 -1px #0000001a,0 1px 2px #00000026}.btn-blue-3d:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(80%)}.btn-round-3d{aspect-ratio:1;justify-content:center;align-items:center;padding:0;display:flex;box-shadow:inset 0 2.5px #ffffff73,inset 0 -2.5px #00000040,0 4px 8px #00000026;border-radius:50%!important}.menu-container{pointer-events:auto;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.back-button-container{pointer-events:auto;transform:scale(var(--ui-scale,1));transform-origin:0 0;z-index:50;position:absolute;top:20px;left:20px}.sound-button-container{pointer-events:auto;transform:scale(var(--ui-scale,1));transform-origin:100% 0;z-index:50;position:absolute;top:20px;right:20px}.icon-button{cursor:pointer;filter:drop-shadow(0 4px 6px #00000026);background:0 0;border:none;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.icon-button.btn-green-3d{background:linear-gradient(#7ce63d 0%,#3ca609 50%,#2b7706 100%);border:2px solid #1c5202}.icon-button.btn-orange-3d{background:linear-gradient(#ff8936 0%,#d84b06 50%,#b23b02 100%);border:2px solid #6f2300}.icon-button.btn-blue-3d{background:linear-gradient(#4fc3f7 0%,#0288d1 50%,#01528b 100%);border:2px solid #003666}.note-icon{width:22px;height:22px;transition:transform .2s,opacity .2s}.note-icon.grayed{opacity:.5}.menu-buttons-block{transform:scale(var(--ui-scale,1));transform-origin:50%;flex-direction:column;align-items:center;gap:18px;margin-top:20px;display:flex}.menu-btn-custom{border-radius:26px;width:220px;height:52px;font-size:20px;font-weight:800}.group-button-container{transform:translateX(-50%) scale(var(--ui-scale,1));transform-origin:bottom;z-index:50;pointer-events:auto;position:absolute;bottom:24px;left:50%}.group-join-btn{cursor:pointer;white-space:nowrap;border-radius:20px;justify-content:center;align-items:center;padding:10px 24px;font-size:16px;font-weight:800;display:flex}.share-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffa6;border:1px solid #ffffff73;border-radius:24px;gap:14px;padding:8px 20px;display:flex;position:absolute;bottom:25px;box-shadow:0 4px 15px #00000014}.share-btn{color:var(--menu-text-dark);justify-content:center;align-items:center;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),filter .2s;display:flex}.share-btn:hover{filter:drop-shadow(0 4px 6px #aa3bff40)brightness(1.1);color:var(--accent-color);transform:scale(1.2)translateY(-2px)}.share-btn img{width:22px;height:22px;display:block}.level-select-screen{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1212125c;border:1px solid #ffffff14;justify-content:flex-start;padding:80px 0 0;box-shadow:0 20px 40px #0006,inset 0 1px #ffffff1a}.zone-title{letter-spacing:1px;text-transform:uppercase;text-align:center;background:linear-gradient(#fff 10%,#ffd54f 60%,#ff8f00 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 6px #0009);-webkit-background-clip:text;background-clip:text;margin:0 0 25px;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:36px;font-weight:900;transform:translate(0,0)}.select-levels-main-title{transform:translateX(-50%) scale(var(--ui-scale,1));transform-origin:top;justify-content:center;align-items:center;height:48px;margin:0;display:flex;position:absolute;top:20px;left:50%}.level-select-scroll{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;flex:1;width:100%;max-width:100%;margin-bottom:0;padding:10px 24px 35px;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0%,#000 6% 90%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 6% 90%,#0000 100%)}.level-select-scroll::-webkit-scrollbar{width:8px}.level-select-scroll::-webkit-scrollbar-track{background:0 0}.level-select-scroll::-webkit-scrollbar-thumb{background-color:#ffffff40;border:2px solid #0000;border-radius:20px}.biome-section{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;margin-bottom:20px;padding:10px 0;display:flex}.biome-name{text-align:center;letter-spacing:1px;text-transform:uppercase;filter:drop-shadow(0 2px 4px #00000040);width:100%;margin:0 0 16px;font-size:20px;font-weight:900}.valley-text{background:linear-gradient(135deg,#a05a2c,#27ae60);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.mountain-text{background:linear-gradient(135deg,#fff,#29b6f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hills-text{background:linear-gradient(135deg,#a8ff78,#78ffd6);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.canyon-text{background:linear-gradient(135deg,#f9d423,#ff4e50);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.quarry-text{background:linear-gradient(135deg,#cfd9df,#455a64);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.levels-grid{grid-gap:12px;grid-template-columns:repeat(6,1fr);justify-content:center;justify-items:center;width:100%;max-width:480px;display:grid}.level-btn-custom{width:62px;height:62px;font-size:22px;font-weight:800;font-family:var(--font-family);box-sizing:border-box;border-radius:16px}.level-btn-custom.locked{opacity:.45;filter:grayscale(90%);cursor:not-allowed}.btn-valley-3d{color:#fff;text-shadow:0 -1.5px .5px #0000008c,0 1px .5px #ffffff40;background:linear-gradient(#bd6c34 0%,#894b20 50%,#5d3011 100%);border:2px solid #3c1e08;border-radius:14px;box-shadow:inset 0 3px #ffffff73,inset 0 -3px #00000040,0 4px 8px #00000026}.btn-valley-3d:hover:not(:disabled){filter:brightness(1.1);transform:scale(1.04)translateY(-1px);box-shadow:inset 0 3px #ffffff8c,inset 0 -3px #00000040,0 6px 14px #894b2059}.btn-valley-3d:active:not(:disabled){transform:scale(.96)translateY(2px);box-shadow:inset 0 2px 4px #0000004d,inset 0 -1px #0000001a,0 1px 2px #00000026}.btn-mountain-3d{color:#01579b;text-shadow:0 1px #fff9;background:linear-gradient(#fff 0%,#b3e5fc 50%,#4fc3f7 100%);border:2px solid #0288d1;border-radius:14px;box-shadow:inset 0 3px #fff9,inset 0 -3px #00000026,0 4px 8px #0000001f}.btn-mountain-3d:hover:not(:disabled){filter:brightness(1.05);transform:scale(1.04)translateY(-1px);box-shadow:inset 0 3px #ffffffb3,inset 0 -3px #00000026,0 6px 14px #b3e5fc73}.btn-mountain-3d:active:not(:disabled){transform:scale(.96)translateY(2px);box-shadow:inset 0 2px 4px #0003,inset 0 -1px #0000001a,0 1px 2px #0000001a}.btn-hills-3d{color:#fff;text-shadow:0 -1.5px .5px #0000008c,0 1px .5px #ffffff40;background:linear-gradient(#7ce63d 0%,#3ca609 50%,#2b7706 100%);border:2px solid #1c5202;border-radius:14px;box-shadow:inset 0 3px #ffffff73,inset 0 -3px #00000040,0 4px 8px #00000026}.btn-hills-3d:hover:not(:disabled){filter:brightness(1.1);transform:scale(1.04)translateY(-1px);box-shadow:inset 0 3px #ffffff8c,inset 0 -3px #00000040,0 6px 14px #3ca60959}.btn-hills-3d:active:not(:disabled){transform:scale(.96)translateY(2px);box-shadow:inset 0 2px 4px #0000004d,inset 0 -1px #0000001a,0 1px 2px #00000026}.btn-canyon-3d{color:#fff;text-shadow:0 -1.5px .5px #0000008c,0 1px .5px #ffffff40;background:linear-gradient(#ffea79 0%,#ffa100 50%,#d87600 100%);border:2px solid #8c4400;border-radius:14px;box-shadow:inset 0 3px #ffffff73,inset 0 -3px #00000040,0 4px 8px #00000026}.btn-canyon-3d:hover:not(:disabled){filter:brightness(1.1);transform:scale(1.04)translateY(-1px);box-shadow:inset 0 3px #ffffff8c,inset 0 -3px #00000040,0 6px 14px #ffa10059}.btn-canyon-3d:active:not(:disabled){transform:scale(.96)translateY(2px);box-shadow:inset 0 2px 4px #0000004d,inset 0 -1px #0000001a,0 1px 2px #00000026}.btn-quarry-3d{color:#fff;text-shadow:0 -1.5px .5px #0000008c,0 1px .5px #ffffff40;background:linear-gradient(#b0bec5 0%,#78909c 50%,#455a64 100%);border:2px solid #263238;border-radius:14px;box-shadow:inset 0 3px #ffffff73,inset 0 -3px #00000040,0 4px 8px #00000026}.btn-quarry-3d:hover:not(:disabled){filter:brightness(1.1);transform:scale(1.04)translateY(-1px);box-shadow:inset 0 3px #ffffff8c,inset 0 -3px #00000040,0 6px 14px #78909c59}.btn-quarry-3d:active:not(:disabled){transform:scale(.96)translateY(2px);box-shadow:inset 0 2px 4px #0000004d,inset 0 -1px #0000001a,0 1px 2px #00000026}.level-select-nav{justify-content:center;align-items:center;gap:25px;width:100%;margin-top:10px;display:flex}.nav-arrow-btn-custom{border-radius:12px;width:58px;height:42px;font-size:20px}.back-btn-custom{border-radius:12px;width:130px;height:44px;font-size:18px}.train-select-screen{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1212125c;border:1px solid #ffffff14;box-shadow:0 20px 40px #0006,inset 0 1px #ffffff1a}.train-carousel-new{justify-content:center;align-items:center;gap:20px;width:100%;max-width:600px;margin-top:auto;margin-bottom:20px;display:flex}.train-nav-btn{flex-shrink:0;width:52px!important;height:52px!important}.train-card-new{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:190px;padding:20px 15px 15px;display:flex;position:relative;overflow:hidden}.train-image-container{justify-content:center;align-items:center;width:100%;height:120px;margin-bottom:12px;display:flex;position:relative}.train-display-img{object-fit:contain;filter:drop-shadow(0 6px 12px #00000059);max-width:90%;max-height:90px;transition:transform .3s}.train-card-new:hover .train-display-img{transform:scale(1.05)}.locked-train{filter:brightness(0)}.lock-overlay{background:0 0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.lock-text{color:#ef4444;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:4px;font-size:18px;font-weight:700}.lock-subtext{color:#ffffffe6;font-size:13px}.progress-subtext{color:#ffffff80;margin-top:2px;font-size:11px}.train-name-new{color:#ffffffeb;letter-spacing:.5px;text-align:center;text-shadow:0 1px 4px #0006;margin:0 0 12px;font-size:18px;font-weight:800}.train-dots{justify-content:center;align-items:center;gap:8px;display:flex}.train-dot{background:#ffffff40;border:1.5px solid #ffffff4d;border-radius:50%;width:8px;height:8px;transition:background .25s,transform .25s}.train-dot.active{background:linear-gradient(135deg,#7ce63d,#3ca609);border-color:#3ca609;transform:scale(1.3);box-shadow:0 0 6px #3ca60999}.train-select-nav{justify-content:center;align-items:center;gap:30px;width:100%;margin-bottom:auto;display:flex}.start-btn-custom{border-radius:26px;width:220px;height:52px;font-size:20px;font-weight:800}.hud-container{pointer-events:none;box-sizing:border-box;flex-direction:column;justify-content:space-between;padding:15px 15px 5px;display:flex;position:absolute;inset:0}.hud-top-bar{pointer-events:none;justify-content:space-between;width:100%;display:flex}.hud-level-title{transform:translateX(-50%) scale(var(--ui-scale,1));transform-origin:top;text-transform:uppercase;letter-spacing:1.5px;font-size:21px;font-weight:900;font-family:var(--font-family);pointer-events:none;z-index:20;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px #00000080);-webkit-background-clip:text;background-clip:text;position:absolute;top:10px;left:50%}.hud-level-title.valley{background-image:linear-gradient(#ffe5a3,#bd6c34)}.hud-level-title.mountain{background-image:linear-gradient(#fff,#00b0ff)}.hud-level-title.hills{background-image:linear-gradient(#f4ffb0,#4caf50)}.hud-level-title.canyon{background-image:linear-gradient(#fff176,#e65100)}.hud-level-title.quarry{background-image:linear-gradient(#fff,#607d8b)}.hud-level-title.blurred{filter:blur(4px)drop-shadow(0 2px 4px #0000004d);opacity:.5;transition:filter .3s,opacity .3s}.hud-icon-btn{cursor:pointer;filter:drop-shadow(0 4px 8px #0000004d);pointer-events:auto;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s,filter .2s;display:flex}.hud-btn-left-wrapper{transform:scale(var(--ui-scale,1));transform-origin:0 0;pointer-events:auto}.hud-btn-right-wrapper{transform:scale(var(--ui-scale,1));transform-origin:100% 0;pointer-events:auto}.hud-icon-btn:hover{filter:drop-shadow(0 4px 10px #aa3bff66)brightness(1.1);transform:scale(1.1)}.hud-icon-btn:active{transform:scale(.95)}.hud-icon-btn img{width:22px;height:22px}.hud-bottom-bar{pointer-events:auto;transform:scale(var(--ui-scale,1));transform-origin:bottom;align-self:center;margin-bottom:0}.construction-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#121420b3;border:1px solid #ffffff1f;border-radius:28px;gap:12px;padding:6px 16px;display:flex;box-shadow:0 8px 25px #00000059,inset 0 1px #ffffff14}.tool-wrapper{align-items:center;display:flex;position:relative}.tool-btn{cursor:pointer;justify-content:center;align-items:center;width:46px;height:46px;transition:transform .2s,filter .2s;display:flex}.tool-btn.active{filter:drop-shadow(0 0 10px #aa3bff66)brightness(1.05);transform:scale(1.12)}.tool-btn img{object-fit:contain;width:auto;max-width:26px;height:auto;max-height:26px}.inventory-badge{color:#fff;text-align:center;pointer-events:none;background:linear-gradient(135deg,#aa3bff,#7e19ff);border:1px solid #ffffff4d;border-radius:10px;min-width:14px;padding:2px 6px;font-size:11px;font-weight:700;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 6px #00000026}.pause-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;z-index:30;background:#12121266;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pause-card{box-sizing:border-box;z-index:10;pointer-events:auto;background:#fff;border:4px solid #fff;border-radius:24px;flex-direction:column;align-items:center;width:90%;max-width:300px;margin-top:34px;padding:24px 20px 16px;animation:.35s cubic-bezier(.175,.885,.32,1.15) slideUp;display:flex;position:relative;box-shadow:0 8px #e6b422,0 12px 20px #00000040}.pause-sound-container{z-index:20;margin-bottom:0;position:absolute;top:12px;right:12px}.pause-sound-container .icon-button{width:40px;height:40px}.pause-buttons{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.pause-btn-custom{white-space:nowrap;text-overflow:ellipsis;border-radius:21px;width:240px;height:42px;font-size:15px;overflow:hidden}.pause-share-panel{background:#f4f4f6;border:1px solid #e2e2e8;border-radius:20px;gap:12px;margin-top:25px;padding:8px 16px;display:flex}.pause-share-panel .share-btn img{filter:opacity(.7)grayscale(10%);width:20px;height:20px;transition:transform .2s,filter .2s}.pause-share-panel .share-btn:hover img{filter:opacity()drop-shadow(0 2px 4px #00000026);transform:scale(1.15)}.pause-card .modal-title{margin-top:24px;font-size:28px}.pause-card .modal-subtext{margin-bottom:16px;font-size:14px}.pause-card .modal-badge{border-radius:18px;width:68px;height:68px;top:-34px;box-shadow:0 5px #cc7e00,0 7px 12px #0003}.pause-card .modal-badge-pause-bar{width:7px;height:24px}.level-complete-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;z-index:30;background:#12121266;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.confetti-canvas{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;inset:0}.complete-card{box-sizing:border-box;z-index:10;pointer-events:auto;background:#fff;border:4px solid #fff;border-radius:28px;flex-direction:column;align-items:center;width:90%;max-width:320px;margin-top:38px;padding:30px 24px 20px;animation:.4s cubic-bezier(.175,.885,.32,1.15) slideUp;display:flex;position:relative;box-shadow:0 10px #e6b422,0 15px 25px #00000040}.modal-badge{z-index:15;background:linear-gradient(135deg,#ffd13b 0%,#f1960a 100%);border:4px solid #fff;border-radius:28px;justify-content:center;align-items:center;width:92px;height:92px;display:flex;position:absolute;top:-46px;left:50%;transform:translate(-50%);box-shadow:0 8px #cc7e00,0 10px 18px #0003}.modal-badge-star{color:#fff;text-shadow:0 3px 2px #00000026;justify-content:center;align-items:center;margin-top:-4px;font-size:52px;line-height:1;display:flex}.modal-badge-pause{justify-content:center;align-items:center;gap:8px;display:flex}.modal-badge-pause-bar{background-color:#fff;border-radius:4px;width:10px;height:36px;box-shadow:0 2px 2px #00000026}.modal-title{color:#3f3f3f;text-align:center;letter-spacing:-.5px;font-size:38px;font-weight:900;font-family:var(--font-family);text-transform:none;margin:45px 0 6px}.modal-subtext{color:#8c8c8c;text-align:center;font-size:18px;font-weight:700;font-family:var(--font-family);margin:0 0 28px}.complete-share-panel{box-shadow:none;background:#f4f4f6;border:1px solid #e2e2e8;border-radius:20px;gap:12px;margin-bottom:25px;padding:8px 16px;display:flex}.complete-share-panel .share-btn{transition:transform .2s,color .2s;color:#71717a!important}.complete-share-panel .share-btn:hover{transform:scale(1.15);color:#3b82f6!important}.complete-buttons{flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.complete-btn-custom{white-space:nowrap;text-overflow:ellipsis;border-radius:23px;width:240px;height:46px;font-size:16px;overflow:hidden}.complete-card .modal-title{margin-top:30px;font-size:32px}.complete-card .modal-subtext{margin-bottom:20px;font-size:16px}.complete-card .modal-badge{border-radius:22px;width:76px;height:76px;top:-38px;box-shadow:0 6px #cc7e00,0 8px 14px #0003}.complete-card .modal-badge-star{margin-top:-3px;font-size:42px}.btn-green-modal{color:#fff;font-family:var(--font-family);text-shadow:0 2px 2px #0003;cursor:pointer;background:linear-gradient(#7be63d 0%,#4ea819 100%);border:3px solid #fff;border-radius:26px;outline:none;justify-content:center;align-items:center;font-size:20px;font-weight:800;transition:transform .15s cubic-bezier(.175,.885,.32,1.275),box-shadow .15s,filter .15s;display:flex;box-shadow:0 8px #2c7c0e,0 12px 18px #00000040}.btn-green-modal:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 10px #2c7c0e,0 14px 22px #00000040}.btn-green-modal:active:not(:disabled){transform:translateY(6px);box-shadow:0 2px #2c7c0e,0 4px 10px #00000040}.btn-orange-modal{color:#fff;font-family:var(--font-family);text-shadow:0 2px 2px #0003;cursor:pointer;background:linear-gradient(#ff9436 0%,#e05307 100%);border:3px solid #fff;border-radius:26px;outline:none;justify-content:center;align-items:center;font-size:20px;font-weight:800;transition:transform .15s cubic-bezier(.175,.885,.32,1.275),box-shadow .15s,filter .15s;display:flex;box-shadow:0 8px #ac3500,0 12px 18px #00000040}.btn-orange-modal:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 10px #ac3500,0 14px 22px #00000040}.btn-orange-modal:active:not(:disabled){transform:translateY(6px);box-shadow:0 2px #ac3500,0 4px 10px #00000040}.btn-gray-modal{color:#efefef;font-family:var(--font-family);text-shadow:0 2px 2px #0003;cursor:not-allowed;opacity:.85;background:linear-gradient(#d2d2d2 0%,#8c8c8c 100%);border:3px solid #fff;border-radius:26px;outline:none;justify-content:center;align-items:center;font-size:20px;font-weight:800;display:flex;box-shadow:0 8px #6c6c6c,0 12px 18px #00000040}.btn-blue-modal{color:#fff;font-family:var(--font-family);text-shadow:0 2px 2px #0003;cursor:pointer;background:linear-gradient(#3cc0ff 0%,#0066f5 100%);border:3px solid #fff;border-radius:26px;outline:none;justify-content:center;align-items:center;font-size:20px;font-weight:800;transition:transform .15s cubic-bezier(.175,.885,.32,1.275),box-shadow .15s,filter .15s;display:flex;box-shadow:0 8px #0042a3,0 12px 18px #00000040}.btn-blue-modal:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 10px #0042a3,0 14px 22px #00000040}.btn-blue-modal:active:not(:disabled){transform:translateY(6px);box-shadow:0 2px #0042a3,0 4px 10px #00000040}.btn-green-modal svg,.btn-orange-modal svg,.btn-blue-modal svg,.btn-purple-modal svg{vertical-align:middle;flex-shrink:0;margin-right:8px;display:inline-block}.btn-purple-modal{color:#fff;font-family:var(--font-family);text-shadow:0 2px 2px #0003;cursor:pointer;background:linear-gradient(#d946ef 0%,#a21caf 100%);border:3px solid #fff;border-radius:26px;outline:none;justify-content:center;align-items:center;font-size:20px;font-weight:800;transition:transform .15s cubic-bezier(.175,.885,.32,1.275),box-shadow .15s,filter .15s;display:flex;box-shadow:0 8px #701a75,0 12px 18px #00000040}.btn-purple-modal:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 10px #701a75,0 14px 22px #00000040}.btn-purple-modal:active:not(:disabled){transform:translateY(6px);box-shadow:0 2px #701a75,0 4px 10px #00000040}.credits-overlay{background:var(--menu-bg-light);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto;z-index:30;box-sizing:border-box;border:1px solid var(--menu-border-light);box-shadow:var(--menu-shadow-light);flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.credits-content{justify-content:center;align-items:center;width:100%;margin-bottom:30px;display:flex}.game-by-img{object-fit:contain;filter:drop-shadow(0 6px 15px #00000026);max-width:90%;max-height:220px}.credits-back-btn{margin-top:10px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.95;transform:scale(1.02)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.menu-fade-in{animation:.35s ease-out forwards fadeIn}.hud-fade-in{animation:.25s ease-out forwards fadeIn}.tutorial-overlay{z-index:200;pointer-events:none;position:absolute;inset:0}.tutorial-backdrop{pointer-events:none;background:0 0;position:absolute;inset:0}.tutorial-hint{transform:translateX(-50%) scale(var(--ui-scale,1));transform-origin:bottom;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;pointer-events:auto;background:#14141ee0;border:2px solid #ffc850b3;border-radius:20px;min-width:280px;max-width:420px;padding:14px 22px 12px;animation:.35s cubic-bezier(.34,1.56,.64,1) forwards tutorialHintIn;position:absolute;bottom:110px;left:50%;box-shadow:0 8px 32px #00000080,0 0 0 1px #ffc85026}@keyframes tutorialHintIn{0%{opacity:0;transform:translateX(-50%) translateY(20px) scale(var(--ui-scale,1))}to{opacity:1;transform:translateX(-50%) translateY(0) scale(var(--ui-scale,1))}}.tutorial-step-counter{letter-spacing:1px;color:#ffc850b3;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.tutorial-hint p{color:#fff;font-size:15px;font-weight:600;line-height:1.4;font-family:var(--font-family);margin:0 0 12px}.tutorial-skip-btn{color:#ffffff80;cursor:pointer;font-size:12px;font-family:var(--font-family);background:0 0;border:1px solid #ffffff40;border-radius:100px;padding:4px 14px;transition:all .2s}.tutorial-skip-btn:hover{color:#fff;border-color:#fff9}.tutorial-skip-btn-standalone{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#ffffffb3;cursor:pointer;z-index:250;font-size:12px;font-family:var(--font-family);pointer-events:auto;transform:scale(var(--ui-scale,1));transform-origin:100% 0;background:#14141eb3;border:1px solid #ffffff40;border-radius:100px;padding:6px 16px;transition:all .2s;position:absolute;top:95px;right:15px}.tutorial-skip-btn-standalone:hover{color:#fff;background:#14141ee6;border-color:#fff9}.tutorial-finger{font-size:calc(36px * var(--ui-scale,1));pointer-events:none;z-index:210;filter:drop-shadow(0 3px 6px #0009);-webkit-user-select:none;user-select:none;line-height:1;position:absolute;transform:translate(-50%,-50%)}.tutorial-finger--click{animation:1.2s ease-in-out infinite fingerPulse}@keyframes fingerPulse{0%,to{opacity:1;transform:translate(-50%,-50%)scale(1)}40%{opacity:1;transform:translate(-50%,-60%)scale(1.1)}55%{opacity:.85;transform:translate(-50%,-50%)scale(.9)}}.tutorial-finger--drag{animation:1.8s ease-in-out infinite fingerDrag}@keyframes fingerDrag{0%{opacity:1;transform:translate(-50%,-50%)translate(0)scale(1)}10%{opacity:1;transform:translate(-50%,-50%)translate(0)scale(.9)}70%{transform:translate(-50%, -50%) translate(var(--tx), var(--ty)) scale(1);opacity:1}85%{transform:translate(-50%, -50%) translate(var(--tx), var(--ty)) scale(.9);opacity:.7}to{opacity:1;transform:translate(-50%,-50%)translate(0)scale(1)}}.tutorial-ring{pointer-events:none;z-index:205;border:3px solid #ffc83ce6;border-radius:50%;animation:1.4s ease-out infinite tutorialRingPulse;position:absolute;box-shadow:0 0 #ffc83c99}@keyframes tutorialRingPulse{0%{border-color:#ffc83ce6;box-shadow:0 0 #ffc83cb3}60%{border-color:#ffc83c66;box-shadow:0 0 0 14px #ffc83c00}to{border-color:#ffc83ce6;box-shadow:0 0 #ffc83c00}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=480px){.level-btn-custom{border-radius:12px!important;width:50px!important;height:50px!important;font-size:18px!important}.levels-grid{grid-gap:8px!important}.zone-title{margin-bottom:15px!important;font-size:24px!important}.select-levels-main-title{white-space:nowrap!important;height:auto!important;top:15px!important}}