@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:400;src:url(./fredoka-latin-400-normal-17JuUzdy.woff2)format("woff2"),url(./fredoka-latin-400-normal-DbXSrOeS.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(./fredoka-latin-500-normal-B0JifZgm.woff2)format("woff2"),url(./fredoka-latin-500-normal-BL692wg7.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(./fredoka-latin-600-normal-C4zohCW5.woff2)format("woff2"),url(./fredoka-latin-600-normal-CcrEjrB4.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(./fredoka-latin-700-normal-BOIZVyIN.woff2)format("woff2"),url(./fredoka-latin-700-normal-C8FeHd3X.woff)format("woff")}:root{--glass:#0e162085;--glass-strong:#0c121bb8;--stroke:#ffffff24;--text:#f6f3ec;--muted:#f6f3eca8;--amber:#ffb22e;--amber-2:#ff8a1f;--go:#4cc964;--go-2:#239a45;--reward:#6d5cf2;--reward-2:#3f7cf5;--star:#ffcf3f;--danger:#ff6a5a;--radius:20px;--top-safe:max(14px, env(safe-area-inset-top))}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{touch-action:none;overscroll-behavior:none;background:#0d1a26;height:100%;margin:0;overflow:hidden}body{color:var(--text);-webkit-user-select:none;user-select:none;font-family:Fredoka,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}#app{position:fixed;top:0;bottom:0;left:0;right:0}#gl{outline:none;display:block;position:absolute;top:0;bottom:0;left:0;right:0}#ui{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}#ui .vignette{pointer-events:none;background:radial-gradient(120% 95% at 50% 45%,#0000 55%,#00000047 100%);position:absolute;top:0;bottom:0;left:0;right:0}#ui>.screen{pointer-events:none;opacity:0;visibility:hidden;justify-content:center;align-items:center;transition:opacity .35s,visibility 0s linear .35s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}#ui>.screen.on{opacity:1;visibility:visible;transition:opacity .35s}#ui>.screen.on .interactive,#ui>.screen.on button{pointer-events:auto}.dim{background:radial-gradient(100% 100% at 50% 40%,#080e1640,#080e1699)}.glass{background:var(--glass);border:1px solid var(--stroke);border-radius:var(--radius);-webkit-backdrop-filter:blur(18px)saturate(140%);box-shadow:0 18px 50px #00000052,inset 0 1px #ffffff14}.card{text-align:center;min-width:300px;max-width:min(92vw,440px);padding:26px 28px;transition:transform .45s cubic-bezier(.2,.9,.25,1.15);transform:translateY(14px)scale(.98)}.screen.on .card{transform:none}h1,h2,h3{letter-spacing:.01em;margin:0;font-weight:600}h2{font-size:30px}.sub{color:var(--muted);margin-top:6px;font-size:16px}button{cursor:pointer;color:var(--text);background:0 0;border:0;font-family:inherit}.btn{letter-spacing:.02em;border-radius:16px;justify-content:center;align-items:center;gap:10px;height:54px;padding:0 26px;font-size:20px;font-weight:600;transition:transform .12s,filter .2s,box-shadow .2s;display:inline-flex;position:relative}.btn:active{transform:scale(.95)}.btn:hover{filter:brightness(1.08)}.btn svg{flex:none;width:22px;height:22px}.btn.primary{background:linear-gradient(180deg, var(--amber), var(--amber-2));color:#2a1600;box-shadow:0 8px 22px #ff8c1e59,inset 0 1px #ffffff73}.btn.big{border-radius:18px;min-width:220px;height:64px;font-size:24px}.btn.go{background:linear-gradient(180deg, var(--go), var(--go-2));color:#052611;box-shadow:0 8px 22px #28aa5059,inset 0 1px #ffffff73}.intro .btn.go{height:44px;margin-top:12px;padding:0 22px;font-size:17px}.btn.ghost{border:1px solid var(--stroke);background:#ffffff1a}.btn.reward{background:linear-gradient(180deg, var(--reward), var(--reward-2));height:48px;font-size:17px;box-shadow:0 8px 20px #505af052,inset 0 1px #ffffff4d}.btn.reward .clap{font-size:18px}.btn.small{border-radius:14px;height:44px;padding:0 16px;font-size:16px}.btn[disabled]{opacity:.45;pointer-events:none}.icon-btn{border-radius:15px;justify-content:center;align-items:center;width:50px;height:50px;transition:transform .12s,background .2s;display:inline-flex}.icon-btn:active{transform:scale(.92)}.icon-btn svg{width:24px;height:24px}.row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.col{flex-direction:column;align-items:center;gap:12px;display:flex}#ui>#s-loading .col{gap:26px}.bar{background:#ffffff1f;border-radius:10px;width:min(70vw,320px);height:10px;overflow:hidden}.bar>i{background:linear-gradient(90deg, var(--amber), #ffd36b);border-radius:10px;width:0;height:100%;transition:width .3s;display:block}.logo{filter:drop-shadow(0 10px 24px #00000059);flex-direction:column;align-items:center;gap:2px;display:flex}.logo-img{filter:drop-shadow(0 14px 28px #00000073);transform-origin:50% 70%;-webkit-user-select:none;user-select:none;width:clamp(240px,34vw,520px);height:auto;animation:.7s cubic-bezier(.2,1.4,.4,1) both logoIn,4s ease-in-out .7s infinite logoBob;display:block}@keyframes logoIn{0%{opacity:0;transform:scale(.7)rotate(-4deg)}to{opacity:1;transform:none}}@keyframes logoBob{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1deg)translateY(-3px)}}.menu-art{transform-origin:70% 60%;background:#2a1a10 url(../assets/menu/menu_land.webp) 70%/cover no-repeat;animation:24s ease-in-out infinite alternate kenburns;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.menu-art:after{content:"";background:linear-gradient(90deg,#0a06039e 0%,#0a06034d 34%,#0a060300 55%),linear-gradient(#0a060300 70%,#0a060359);position:absolute;top:0;bottom:0;left:0;right:0}.menu-art.blur{filter:blur(10px)brightness(.7);animation:none;transform:scale(1.06)}.menu-art .sweep{mix-blend-mode:screen;background:linear-gradient(105deg,#ffd28c00 40%,#ffd28c2e 50%,#ffd28c00 60%);animation:7s ease-in-out infinite sweep;position:absolute;top:-20%;bottom:-20%;left:-20%;right:-20%}@keyframes kenburns{0%{transform:scale(1.02)}to{transform:scale(1.09)translate(-1.2%,-.6%)}}@keyframes sweep{0%,55%{transform:translate(-60%)}to{transform:translate(60%)}}#ui>#s-loading{background:#120c08}#ui>#s-menu .col,#ui>#s-loading .col,#ui>#s-levels>:not(.menu-art){z-index:1;position:relative}#ui>#s-menu .topbar{z-index:2}.logo .word{letter-spacing:.02em;color:#fff7e6;text-shadow:0 3px #c76a12,0 6px #8f4709,0 10px 18px #00000059;font-size:clamp(46px,9vw,86px);font-weight:700;line-height:.92}.logo .word.w2{color:#ffc23a;text-shadow:0 3px #b85d0c,0 6px #7a3d06,0 10px 18px #00000059}.logo .truckmark{transform-origin:50% 90%;width:clamp(70px,12vw,110px);margin-bottom:4px;animation:2.4s ease-in-out infinite wob}@keyframes wob{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2.5deg)translateY(-2px)}}#ui>#s-menu{justify-content:flex-start;padding-left:clamp(24px,7vw,110px)}#ui>#s-menu .col{align-items:flex-start;gap:14px}#ui>#s-menu .menu-btns{flex-direction:column;align-items:stretch;gap:12px;width:260px;margin-top:16px;display:flex}.topbar{top:var(--top-safe);justify-content:flex-end;align-items:center;gap:10px;display:flex;position:absolute;left:16px;right:16px}.pill{border-radius:22px;align-items:center;gap:8px;height:44px;padding:0 16px 0 10px;font-size:19px;font-weight:600;display:inline-flex}.pill svg{width:26px;height:26px}.tagline{color:#fff;opacity:.9;text-shadow:0 1px 2px #0009,0 2px 12px #00000073;margin-left:4px;font-size:18px}#ui>#s-levels{padding-top:calc(var(--top-safe) + 4px);flex-direction:column;justify-content:flex-start}.sel-head{align-items:center;gap:12px;width:100%;height:56px;padding:0 16px;display:flex}.sel-head h2{text-shadow:0 2px 10px #0006;flex:1;font-size:26px}.worlds{scroll-snap-type:x mandatory;scrollbar-width:none;flex:1;align-items:center;gap:16px;width:100%;padding:14px 24px 22px;display:flex;overflow:auto hidden}.worlds::-webkit-scrollbar{display:none}.world{scroll-snap-align:center;flex:none;width:300px;padding:0;position:relative;overflow:hidden}.world .art{height:128px;position:relative;overflow:hidden}.world .art svg{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.world .art img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.world .art:after{content:"";background:linear-gradient(#0000 45%,#0000008c);position:absolute;top:0;bottom:0;left:0;right:0}.world .wname,.world .wstars{z-index:1}.world .wname{text-shadow:0 2px 8px #00000073;font-size:22px;font-weight:600;position:absolute;bottom:10px;left:16px}.world .wstars{text-shadow:0 1px 6px #00000080;align-items:center;gap:4px;font-size:15px;display:flex;position:absolute;bottom:12px;right:14px}.world .wstars svg{width:16px;height:16px}.tiles{grid-template-columns:repeat(3,1fr);gap:10px;padding:14px;display:grid}.tile{border:1px solid var(--stroke);background:#ffffff1a;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:74px;font-size:24px;font-weight:600;transition:transform .12s,background .2s;display:flex}.tile:active{transform:scale(.94)}.tile:hover{background:#ffffff2b}.tile .st{gap:2px;display:flex}.tile .st svg{width:14px;height:14px}.tile.locked{opacity:.5}.tile.locked svg.lock{opacity:.8;width:22px;height:22px}.tile.next{background:linear-gradient(#ffb22e59,#ff8a1f38);border-color:#ffbe5a99;box-shadow:0 0 0 2px #ffb22e40}.world.wlocked .art{filter:grayscale(.8)brightness(.7)}#ui>#s-garage{justify-content:flex-end;padding-right:clamp(16px,5vw,80px)}#ui>#s-garage .card{max-width:380px}.swatches{grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0;display:grid}.sw{background:#ffffff14;border:2px solid #0000;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;font-size:14px;transition:transform .12s,border-color .2s;display:flex}.sw:active{transform:scale(.95)}.sw.sel{background:#ffffff29;border-color:#ffffffbf}.sw .chip{border-radius:50%;width:44px;height:44px;box-shadow:inset 0 -6px 12px #00000059,inset 0 6px 10px #ffffff59,0 4px 10px #0000004d}.sw .price{color:var(--muted);align-items:center;gap:4px;display:flex}.sw .price svg{width:14px;height:14px}.sw .tag{color:#ffd36b;font-size:12px}#ui>#s-hud{display:block}.hud-top{top:var(--top-safe);align-items:flex-start;gap:12px;display:flex;position:absolute;left:14px;right:14px}.lvl{white-space:nowrap;align-items:center;gap:10px;height:46px;padding:0 16px;font-size:18px;font-weight:600;display:flex}.lvl .n{color:var(--amber)}.cargo-row{align-items:center;gap:4px;margin-left:4px;display:flex}.cargo-row svg{width:24px;height:24px;transition:opacity .3s,transform .3s,filter .3s}.cargo-row svg.gone{opacity:.28;filter:grayscale();transform:scale(.8)}.prog{flex:1;align-items:center;gap:10px;min-width:120px;height:46px;padding:0 16px;display:flex}.prog .track{background:#ffffff29;border-radius:8px;flex:1;height:8px;position:relative}.prog .fill{background:linear-gradient(90deg, #ffd36b, var(--amber));border-radius:8px;width:0;position:absolute;top:0;bottom:0;left:0}.prog .cp{background:#ffffff8c;border-radius:2px;width:3px;height:16px;position:absolute;top:-4px}.prog .cp.ok{background:#6fe0a0}.prog .me{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;margin:-11px 0 0 -11px;display:flex;position:absolute;top:50%;box-shadow:0 2px 8px #0006}.prog .me svg{width:16px;height:16px}.prog .flag svg{width:22px;height:22px}.hud-btns{gap:8px;display:flex}.speedo{bottom:max(16px, env(safe-area-inset-bottom));border-radius:75px 75px 18px 18px;width:150px;height:96px;padding:0;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.speedo svg{width:150px;height:120px;position:absolute;top:0;left:0}.speedo .kmh{text-align:center;font-size:26px;font-weight:600;line-height:1;position:absolute;bottom:8px;left:0;right:0}.speedo .kmh small{color:var(--muted);letter-spacing:.1em;margin-top:2px;font-size:11px;display:block}.cover-badge{align-items:center;gap:6px;height:46px;padding:0 12px;font-size:15px;display:none}.cover-badge.on{display:flex}.cover-badge svg{width:22px;height:22px}.intro{left:50%;top:calc(var(--top-safe) + 66px);text-align:center;min-width:280px;padding:14px 22px 16px;transition:opacity .4s,transform .4s;position:absolute;transform:translate(-50%)}.intro.hide{opacity:0;transform:translate(-50%)translateY(-10px);pointer-events:none!important}.intro .t1{color:var(--amber);letter-spacing:.14em;font-size:14px;font-weight:600}.intro .t2{margin-top:2px;font-size:26px;font-weight:600}.intro .t3{color:var(--muted);margin-top:4px;font-size:15px}.intro .go{color:#fff;justify-content:center;align-items:center;gap:8px;margin-top:10px;font-size:15px;display:flex}.intro .go kbd{animation:1.4s ease-in-out infinite pulse}.intro .btn.reward{height:40px;margin-top:12px;padding:0 16px;font-size:15px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}kbd{color:#22262c;background:linear-gradient(#fff,#dfe3e8);border-radius:9px;justify-content:center;align-items:center;min-width:34px;height:34px;padding:0 8px;font-family:inherit;font-size:15px;font-weight:600;display:inline-flex;box-shadow:0 3px #9aa3ad,0 6px 12px #00000040}.hint{align-items:flex-end;gap:22px;padding:14px 20px;transition:opacity .6s;display:flex;position:absolute;bottom:130px;left:50%;transform:translate(-50%)}.hint.hide{opacity:0}.hint .grp{color:var(--muted);flex-direction:column;align-items:center;gap:6px;font-size:13px;display:flex}.hint .keys{gap:5px;display:flex}.hint .ped svg{width:40px;height:40px}.touch-ctrl{bottom:max(14px, env(safe-area-inset-bottom));gap:14px;display:none;position:absolute}body.touch .touch-ctrl{display:flex}.touch-ctrl.left{left:max(14px, env(safe-area-inset-left))}.touch-ctrl.right{right:max(14px, env(safe-area-inset-right));align-items:flex-end}.tbtn{pointer-events:auto;touch-action:none;border-radius:26px;justify-content:center;align-items:center;width:86px;height:86px;transition:transform 80ms,background .15s;display:flex}.tbtn svg{pointer-events:none;width:46px;height:46px}.tbtn.pedal{border-radius:22px;width:82px;height:112px}.tbtn.pedal svg{width:52px;height:80px}.tbtn.on{background:#ffb22e59;transform:scale(.93)}body.touch .speedo{bottom:max(16px, env(safe-area-inset-bottom))}body.touch .hint{bottom:150px}.oops{color:#fff;text-shadow:0 4px #b4331f,0 10px 24px #0006;opacity:0;font-size:clamp(48px,10vw,84px);font-weight:700;transition:opacity .2s,transform .35s cubic-bezier(.2,1.6,.4,1);position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)scale(.6)}.oops.on{opacity:1;transform:translate(-50%,-50%)scale(1)}.toast{opacity:0;pointer-events:none;padding:10px 18px;font-size:18px;font-weight:600;transition:opacity .3s,transform .3s;position:absolute;top:32%;left:50%;transform:translate(-50%)}.toast.on{opacity:1;transform:translate(-50%)translateY(-8px)}.stars{justify-content:center;gap:10px;margin:14px 0 6px;display:flex}.stars svg{filter:drop-shadow(0 6px 10px #00000059);width:64px;height:64px;transition:transform .5s cubic-bezier(.2,1.7,.4,1);transform:scale(0)rotate(-40deg)}.stars svg:nth-child(2){width:78px;height:78px;margin-top:-10px}.stars svg.in{transform:scale(1)rotate(0)}.stars svg .fillp{fill:#ffffff2e;transition:fill .3s}.stars svg.got .fillp{fill:var(--star)}.stats{justify-content:center;gap:12px;margin:10px 0 18px;display:flex}.stat{background:#ffffff14;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:10px 12px;display:flex}.stat .v{align-items:center;gap:6px;font-size:26px;font-weight:600;display:flex}.stat .v svg{width:24px;height:24px}.stat .k{color:var(--muted);letter-spacing:.08em;font-size:13px}.result-btns{flex-direction:column;align-items:stretch;gap:12px;display:flex}.result-btns .row{flex-wrap:nowrap}.fail-icon{width:64px;height:64px;margin:4px auto 8px}.debug{color:#b8ffcf;white-space:pre;pointer-events:none;z-index:9;background:#0000008c;border-radius:8px;max-width:46vw;padding:6px 8px;font:12px/1.35 ui-monospace,Menlo,monospace;position:absolute;bottom:8px;left:8px}@media (orientation:portrait){:root{--top-safe:max(64px, env(safe-area-inset-top))}.menu-art{transform-origin:50% 70%;background-image:url(../assets/menu/menu_port.webp);background-position:38% 60%}.menu-art:after{background:linear-gradient(#0a06038c 0%,#0a060300 35% 65%,#0a060399 100%)}.logo-img{width:min(84vw,420px)}#ui>#s-menu{justify-content:center;align-items:stretch;padding-top:0;padding-left:0}#ui>#s-menu .col{height:100%;padding:calc(var(--top-safe) + 58px) 0 6vh;justify-content:flex-start}#ui>#s-menu .menu-btns{margin-top:auto}#ui>#s-menu .col{align-items:center}#ui>#s-menu .menu-btns{width:min(80vw,300px)}.tagline{text-align:center;margin-left:0}.worlds{scroll-snap-type:y proximity;flex-direction:column;align-items:center;padding:8px 16px 30px;overflow:hidden auto}.world{width:min(92vw,380px)}#ui>#s-garage{justify-content:center;align-items:flex-end;padding:0 0 18px}#ui>#s-garage .card{padding:18px}.swatches{gap:8px;margin:12px 0}.hud-top{flex-wrap:wrap}.prog{flex-basis:100%;order:3;height:36px}.lvl .nm{display:none}.intro{top:calc(var(--top-safe) + 104px)}.speedo{bottom:auto;top:calc(var(--top-safe) + 104px);transform-origin:100% 0;left:auto;right:14px;transform:scale(.78)}.intro{min-width:240px;max-width:86vw}}@media (max-height:460px) and (orientation:landscape){.card{padding:16px 20px}.stars svg{width:48px;height:48px}.stars svg:nth-child(2){width:58px;height:58px}.btn.big{height:54px;font-size:21px}.world .art{height:80px}.tile{height:58px;font-size:20px}.logo-img{filter:drop-shadow(0 14px 28px #00000073);transform-origin:50% 70%;-webkit-user-select:none;user-select:none;width:clamp(240px,34vw,520px);height:auto;animation:.7s cubic-bezier(.2,1.4,.4,1) both logoIn,4s ease-in-out .7s infinite logoBob;display:block}@keyframes logoIn{0%{opacity:0;transform:scale(.7)rotate(-4deg)}to{opacity:1;transform:none}}@keyframes logoBob{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1deg)translateY(-3px)}}.menu-art{transform-origin:70% 60%;background:#2a1a10 url(../assets/menu/menu_land.webp) 70%/cover no-repeat;animation:24s ease-in-out infinite alternate kenburns;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.menu-art:after{content:"";background:linear-gradient(90deg,#0a06039e 0%,#0a06034d 34%,#0a060300 55%),linear-gradient(#0a060300 70%,#0a060359);position:absolute;top:0;bottom:0;left:0;right:0}.menu-art.blur{filter:blur(10px)brightness(.7);animation:none;transform:scale(1.06)}.menu-art .sweep{mix-blend-mode:screen;background:linear-gradient(105deg,#ffd28c00 40%,#ffd28c2e 50%,#ffd28c00 60%);animation:7s ease-in-out infinite sweep;position:absolute;top:-20%;bottom:-20%;left:-20%;right:-20%}@keyframes kenburns{0%{transform:scale(1.02)}to{transform:scale(1.09)translate(-1.2%,-.6%)}}@keyframes sweep{0%,55%{transform:translate(-60%)}to{transform:translate(60%)}}#ui>#s-loading{background:#120c08}#ui>#s-menu .col,#ui>#s-loading .col,#ui>#s-levels>:not(.menu-art){z-index:1;position:relative}#ui>#s-menu .topbar{z-index:2}.logo .word{font-size:52px}}.seg{background:#ffffff14;border-radius:14px;gap:4px;margin-top:10px;padding:4px;display:inline-flex}.seg button{color:var(--muted);border-radius:10px;padding:8px 18px;font-size:15px;font-weight:600}.seg button.on{color:#fff;background:#ffffff29}#s-garage .card[data-tab=trucks] .g-paint,#s-garage .card[data-tab=paint] .g-trucks{display:none}#s-garage .card{width:min(560px,100vw - 32px)}.truck-hero{text-align:left;grid-template-columns:1.25fr 1fr;align-items:center;gap:12px;margin-top:12px;display:grid}.truck-hero img{aspect-ratio:1.25;object-fit:contain;filter:drop-shadow(0 14px 16px #00000073);width:100%;animation:.35s cubic-bezier(.2,1.2,.4,1) both heroIn}@keyframes heroIn{0%{opacity:0;transform:translate(14px)scale(.96)}to{opacity:1;transform:none}}.th-info{flex-direction:column;gap:4px;min-width:0;display:flex}.tk-name{font-size:22px;font-weight:700}.tk-desc{color:var(--muted);font-size:13px;line-height:1.3}.tk-stats{color:var(--muted);grid-template-columns:auto 1fr;align-items:center;gap:5px 10px;margin-top:6px;font-size:12px;display:grid}.tk-stats i{background:#ffffff1f;border-radius:3px;height:6px;display:block;position:relative;overflow:hidden}.tk-stats i:after{content:"";width:calc(var(--v) * 100%);background:linear-gradient(90deg, var(--amber-2), var(--amber));border-radius:3px;position:absolute;top:0;bottom:0;left:0;right:0}.trucks{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0;display:grid}.tk{background:#ffffff12;border:2px solid #0000;border-radius:14px;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:6px 4px;transition:transform .12s,border-color .2s;display:flex}.tk.sel{border-color:var(--amber);background:#ffb22e1f}.tk:active{transform:scale(.96)}.tk img{aspect-ratio:1.25;object-fit:contain;width:100%}.tk .tag,.tk .price{align-items:center;gap:3px;font-size:12px;display:flex}.tk .tag{color:#ffd36b}.tk .price{color:var(--muted)}.tk .price svg{width:12px;height:12px}@media (max-height:640px){.truck-hero img{aspect-ratio:1.6}.tk-desc{display:none}.trucks{margin:8px 0}}@media (max-width:480px){.truck-hero{grid-template-columns:1fr}.truck-hero img{aspect-ratio:1.6}}.pf-cg .btn.reward{background:linear-gradient(180deg, var(--go), var(--go-2));color:#052611;box-shadow:0 8px 22px #28aa5059,inset 0 1px #ffffff73}.pf-cg .result-btns .btn.reward,.pf-cg #s-fail .btn.reward{border-radius:18px;min-width:220px;height:64px;font-size:24px}@media (max-height:460px) and (orientation:landscape){.pf-cg .result-btns .btn.reward,.pf-cg #s-fail .btn.reward{height:54px;font-size:21px}}.pf-cg .intro .btn.reward,.pf-cg .intro .btn.go{height:44px;padding:0 22px;font-size:17px}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.g-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.g-actions [data-free-coins]:empty{display:none}.g-actions .btn.reward{height:54px}.gear{bottom:max(16px, env(safe-area-inset-bottom));pointer-events:auto;touch-action:none;cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;width:84px;height:96px;display:flex;position:absolute;left:calc(50% + 88px)}.gear .plate{background:radial-gradient(120% 70% at 50% 0,#ffffff29,#fff0 60%),repeating-linear-gradient(90deg,#ffffff09 0 1px,#00000009 1px 3px),linear-gradient(#3a3f46,#1d2127 70%,#16191e);border:1px solid #ffffff29;border-radius:16px;width:84px;height:96px;transition:transform 80ms;position:relative;box-shadow:0 12px 26px #0000006b,inset 0 1px #ffffff38,inset 0 -2px 6px #00000080}.gear:active .plate{transform:scale(.95)}.gear .plate:before,.gear .plate:after{content:"";background:radial-gradient(circle at 35% 35%,#c9ced6,#5b6169 70%);border-radius:50%;width:5px;height:5px;position:absolute;left:7px;box-shadow:0 1px 1px #0009}.gear .plate:before{top:7px}.gear .plate:after{bottom:7px}.gear .gate{background:linear-gradient(90deg,#07080a,#15181d);border-radius:5px;width:9px;position:absolute;top:14px;bottom:14px;left:22px;box-shadow:inset 0 2px 3px #000000e6,0 1px #ffffff1f}.gear .gl{letter-spacing:.02em;color:#f6f3ec61;text-shadow:0 1px #0009;font-size:15px;font-weight:700;line-height:1;transition:color .2s,text-shadow .2s;position:absolute;right:8px}.gear .gl.g2{top:17px}.gear .gl.g4{bottom:17px}.gear:not(.m4) .gl.g2,.gear.m4 .gl.g4{color:var(--amber,#ffb22e);text-shadow:0 0 10px #ffb22e8c,0 1px #0009}.gear .stick{width:30px;height:30px;transition:transform .25s cubic-bezier(.5,.05,.4,1.25);position:absolute;top:10px;left:12px}.gear.m4 .stick{transform:translateY(46px)}.gear .stick:before{content:"";background:linear-gradient(90deg,#8d939b,#e8ecf0 45%,#7a8088);border-radius:4px;width:8px;height:14px;position:absolute;top:12px;left:11px;box-shadow:0 2px 3px #0009}.gear .ball{color:#f6f3ecd9;background:radial-gradient(circle at 34% 30%,#5d6168 0%,#2a2d32 38%,#0e0f12 80%);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:flex;position:absolute;top:0;left:0;box-shadow:0 5px 9px #0009,inset 0 -2px 3px #0009,inset 0 1px 1px #ffffff40}.gear .ball i{font-style:normal}.gear .lamp{letter-spacing:.08em;color:#f6f3ec73;white-space:nowrap;background:#0c121bc7;border:1px solid #ffffff24;border-radius:8px;padding:2px 7px;font-size:10px;font-weight:700;transition:color .2s,box-shadow .2s,background .2s;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.gear.m4 .lamp{color:#2a1600;background:linear-gradient(180deg, var(--amber,#ffb22e), var(--amber-2,#ff8a1f));box-shadow:0 0 12px #ffa02899}.gear.shifting .ball{animation:.25s ease-out gearJolt}@keyframes gearJolt{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}.gear .key{text-align:center;color:#f6f3eccc;background:#0c121bcc;border:1px solid #fff3;border-radius:5px;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:-8px;right:-6px}body.touch .gear .key{display:none}.gear.nudge .plate{animation:1s ease-in-out infinite gearNudge}@keyframes gearNudge{0%,to{box-shadow:0 12px 26px #0000006b,inset 0 1px #ffffff38,0 0 #ffb22e00}50%{box-shadow:0 12px 26px #0000006b,inset 0 1px #ffffff38,0 0 0 5px #ffb22e8c}}.gear.hide{display:none}body.touch .gear{left:auto;right:calc(max(14px, env(safe-area-inset-right)) + 82px * 2 + 14px + 14px)}@media (orientation:portrait){.gear{left:auto;right:14px}body.touch .gear{right:calc(max(14px, env(safe-area-inset-right)) + 82px + 14px + 4px);bottom:calc(max(14px, env(safe-area-inset-bottom)) + 112px + 26px);transform-origin:bottom;transform:scale(.9)}}@media (max-height:460px) and (orientation:landscape){.gear{transform-origin:0 100%;transform:scale(.86)}body.touch .gear{transform-origin:100% 100%}}.tiles.ten{grid-template-columns:repeat(5,1fr);gap:8px;padding:12px}.tiles.ten .tile{border-radius:12px;height:62px;font-size:20px}.tiles.ten .tile .st svg{width:10px;height:10px}@media (max-height:460px) and (orientation:landscape){.tiles.ten .tile{height:50px;font-size:17px}}@media (orientation:landscape) and (max-width:720px){body.touch .gear{right:calc(max(14px, env(safe-area-inset-right)) + 82px + 14px + 4px);bottom:calc(max(14px, env(safe-area-inset-bottom)) + 112px + 22px);transform-origin:bottom;transform:scale(.82)}}.cargo-row.many{gap:2px}.cargo-row.many svg{width:18px;height:18px}@media (orientation:portrait){.cargo-row.many svg{width:15px;height:15px}}.intro .ol-tag{letter-spacing:.1em;color:#2a1600;background:linear-gradient(180deg, #ffd36b, var(--amber,#ffb22e));vertical-align:1px;border-radius:8px;margin-left:6px;padding:1px 8px;font-size:11px;display:inline-block}.speedo{transform-origin:bottom;border-radius:75px 75px 18px 18px;height:112px}.speedo svg{width:150px;height:112px}.speedo .kmh{font-size:22px;bottom:7px}.speedo .kmh small{margin-top:1px;font-size:10px}.hint.inintro{border:1px solid var(--stroke);box-shadow:none;-webkit-backdrop-filter:none;background:#ffffff12;border-radius:12px;justify-content:center;gap:14px;margin:10px auto 0;padding:8px 10px 6px;position:static;bottom:auto;left:auto;transform:none}.hint.inintro .grp{gap:3px;font-size:11px}.hint.inintro svg{width:24px!important;height:24px!important}.hint.inintro kbd{min-width:26px;height:26px;font-size:13px}.card{max-height:calc(100vh - 16px);scrollbar-width:none;max-height:calc(100dvh - 16px);overflow-y:auto}.card::-webkit-scrollbar{display:none}.world .wstars{gap:5px}.world .wstars svg{flex:none;position:static}@media (orientation:portrait){.hud-top{flex-wrap:nowrap;gap:6px;left:10px;right:10px}.lvl{flex:0 auto;gap:6px;min-width:0;height:38px;padding:0 10px;font-size:16px;overflow:hidden}.cargo-row{gap:1px;margin-left:2px;overflow:hidden}.cargo-row svg,.cargo-row.many svg{flex:none;width:14px;height:14px}.prog{flex:auto;order:0;gap:6px;min-width:64px;height:38px;padding:0 9px}.prog .flag svg{width:18px;height:18px}.prog .me{width:18px;height:18px;margin:-9px 0 0 -9px}.prog .me svg{width:13px;height:13px}.hud-btns{flex:none;gap:6px}.hud-btns .icon-btn{border-radius:12px;width:38px;height:38px}.hud-btns .icon-btn svg{width:20px;height:20px}.cover-badge{height:38px;padding:0 8px;font-size:13px}.cover-badge span{display:none}.speedo{top:auto;left:50%;right:auto;bottom:max(14px, env(safe-area-inset-bottom));transform-origin:bottom;transform:translate(-50%)scale(.8)}.gear{left:calc(50% + 66px);right:auto;bottom:max(14px, env(safe-area-inset-bottom));transform-origin:0 100%;transform:scale(.76)}.tbtn{border-radius:20px;width:66px;height:66px}.tbtn svg{width:36px;height:36px}.tbtn.pedal{border-radius:18px;width:60px;height:86px}.tbtn.pedal svg{width:40px;height:62px}.touch-ctrl{gap:10px}body.touch .speedo{bottom:calc(max(14px, env(safe-area-inset-bottom)) + 86px + 14px)}body.touch .gear{left:calc(50% + 64px);right:auto;bottom:calc(max(14px, env(safe-area-inset-bottom)) + 86px + 14px);transform-origin:0 100%;transform:scale(.72)}.intro{top:calc(var(--top-safe) + 50px);width:max-content;min-width:0;max-width:calc(100vw - 28px);padding:12px 16px 14px}.intro .t1{letter-spacing:.1em;white-space:nowrap;font-size:12px}.intro .t1 .ol-tag{width:max-content;margin:4px auto 0;display:block}.intro .t2{font-size:23px}.intro .t3{font-size:14px}.toast{top:26%}}@media (max-height:460px) and (orientation:landscape){:root{--top-safe:max(8px, env(safe-area-inset-top))}.hud-top{gap:6px;left:8px;right:8px}.lvl{gap:6px;height:34px;padding:0 10px;font-size:15px}.lvl .nm{display:none}.cargo-row svg{width:16px;height:16px}.cargo-row.many svg{width:13px;height:13px}.cargo-row{gap:2px}.prog{min-width:90px;height:34px;padding:0 10px}.prog .flag svg{width:18px;height:18px}.prog .me{width:18px;height:18px;margin:-9px 0 0 -9px}.prog .me svg{width:13px;height:13px}.hud-btns{gap:6px}.hud-btns .icon-btn{border-radius:11px;width:34px;height:34px}.hud-btns .icon-btn svg{width:18px;height:18px}.cover-badge{height:34px;font-size:13px}.speedo{transform-origin:bottom;bottom:8px;transform:translate(-50%)scale(.6)}.gear{transform-origin:0 100%;bottom:8px;left:calc(50% + 50px);transform:scale(.64)}.touch-ctrl{gap:8px;bottom:8px}.touch-ctrl.left{left:max(10px, env(safe-area-inset-left))}.touch-ctrl.right{right:max(10px, env(safe-area-inset-right))}.tbtn{border-radius:16px;width:54px;height:54px}.tbtn svg{width:30px;height:30px}.tbtn.pedal{border-radius:15px;width:50px;height:70px}.tbtn.pedal svg{width:32px;height:50px}body.touch .speedo{bottom:8px}body.touch .gear{left:auto;right:calc(max(10px, env(safe-area-inset-right)) + 50px * 2 + 8px + 10px);transform-origin:100% 100%;bottom:8px;transform:scale(.62)}.intro{top:calc(var(--top-safe) + 42px);min-width:0;padding:8px 16px 10px}.intro .t1{font-size:11px}.intro .t2{font-size:20px}.intro .t3{margin-top:2px;font-size:13px}.intro .go{margin-top:6px;font-size:13px}.intro .go kbd{min-width:26px;height:26px;font-size:13px}.intro .btn.reward{height:34px;margin-top:8px;font-size:14px}.toast{font-size:15px;top:24%}.card{min-width:260px;padding:12px 18px}.card h2{font-size:22px}.card .sub{margin-top:2px;font-size:13px}.stars{gap:6px;margin:6px 0 2px}.stars svg{width:36px;height:36px}.stars svg:nth-child(2){width:44px;height:44px;margin-top:-6px}.stats{gap:8px;margin:6px 0 10px}.stat{padding:5px 10px}.stat .v{font-size:19px}.stat .v svg{width:18px;height:18px}.stat .k{font-size:11px}.result-btns{gap:7px}.card .btn.big{min-width:180px;height:42px;font-size:18px}.card .btn.reward{height:36px;font-size:14px}.card .btn.small{height:34px;font-size:14px}.card .col{gap:8px}.fail-icon{width:40px;height:40px;margin:0 auto 4px}#ui>#s-garage .card{max-width:520px}.swatches{grid-template-columns:repeat(6,1fr);gap:6px;margin:8px 0}.sw{border-radius:12px;gap:3px;padding:6px 2px;font-size:11px}.sw .chip{width:28px;height:28px}.sw .tag,.sw .price{font-size:10px}.sel-head{height:44px}.sel-head h2{font-size:21px}.worlds{padding:8px 18px 12px}}.menu-art.blur{filter:none;background-image:url(../assets/menu/menu_land_blur.webp);animation:none;transform:none}.menu-art.blur .sweep{display:none}@media (orientation:portrait){.menu-art.blur{background-image:url(../assets/menu/menu_port_blur.webp)}}@media (orientation:landscape){.world{width:clamp(224px,20vw - 22.4px,300px)}.world:first-child{margin-left:auto}.world:last-child{margin-right:auto}.world .wname{font-size:19px;left:12px}.tiles.ten{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:10px}.tiles.ten .tile{min-width:0;height:56px;padding:0;font-size:18px}.tiles.ten .tile .st{gap:1px}.tiles.ten .tile .st svg{width:9px;height:9px}}.hint.inintro.hide{display:none}@media (max-height:460px) and (orientation:landscape){.intro{max-width:min(46vw,330px);left:auto;right:10px;transform:none}.intro.hide{transform:translateY(-10px)}}
