@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-latin-wght-normal-BzFMHfZw.woff2)format("woff2-variations");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{--ink:#2b2f36;--ink-soft:#6b7480;--card:#fff;--card-edge:#2b2f360f;--shadow:0 6px 18px #24344a24, 0 1px 3px #24344a14;--shadow-big:0 14px 40px #24344a38;--red:#e3342f;--red-dark:#b8211c;--blue:#3aa4ff;--blue-dark:#1f7fd6;--yellow:#ffc928;--green:#43b96b;--green-dark:#2e8f50;--sky:#e6eef5;--radius:22px;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--pad:14px;--hud-corner:6px;--water-w:58px;color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:Nunito Variable,ui-rounded,SF Pro Rounded,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--sky);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}.app{position:fixed;inset:0}:root[data-fit],:root[data-fit] body{height:var(--app-h)}:root[data-fit] .app{width:var(--app-w);height:var(--app-h);bottom:auto;right:auto}.app canvas{display:block}.ui{pointer-events:none;padding:calc(var(--safe-t) + var(--pad)) calc(var(--safe-r) + var(--pad)) calc(var(--safe-b) + var(--pad)) calc(var(--safe-l) + var(--pad));position:absolute;inset:0}.ui>*{pointer-events:auto}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--card-edge)}.btn{background:var(--card);min-width:72px;min-height:72px;box-shadow:var(--shadow), inset 0 -5px 0 #0000001a;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 26px;font-size:26px;font-weight:900;transition:transform 80ms;display:inline-flex}.btn:active,.btn.pressed{transform:translateY(2px)scale(.97)}.btn-red{background:var(--red);color:#fff}.btn-green{background:var(--green);color:#fff}.btn-blue{background:var(--blue);color:#fff}.btn-big{min-width:96px;min-height:96px;padding:0 44px;font-size:34px}.btn-round{width:72px;padding:0}.btn[disabled]{opacity:.45;pointer-events:none}.touch{pointer-events:none;position:absolute;inset:0}.look-zone{pointer-events:auto;touch-action:none;position:absolute;inset:0}.stick-zone{pointer-events:auto;touch-action:none;width:55%;position:absolute;top:22%;bottom:0;left:0}.stick-base,.stick-knob{pointer-events:none;border-radius:50%;position:absolute;top:0;left:0}.stick-base{opacity:.55;background:#ffffff59;border:3px solid #ffffffd9;width:132px;height:132px;margin:-66px 0 0 -66px;box-shadow:0 4px 16px #24344a26}.stick-base .tick{border-bottom:10px solid #fffffff2;border-left:7px solid #0000;border-right:7px solid #0000;width:0;height:0;margin:-6px 0 0 -7px;position:absolute;top:50%;left:50%}.tick-up{transform:translateY(-50px)}.tick-down{transform:translateY(50px)rotate(180deg)}.tick-left{transform:translate(-50px)rotate(-90deg)}.tick-right{transform:translate(50px)rotate(90deg)}.stick-knob{width:66px;height:66px;box-shadow:var(--shadow);opacity:.7;background:#fff;margin:-33px 0 0 -33px}.stick-base.active,.stick-knob.active{opacity:1}.spray-pad{right:calc(var(--safe-r) + 28px);bottom:calc(var(--safe-b) + 28px);pointer-events:auto;width:124px;height:124px;position:absolute}.spray-ring{opacity:0;pointer-events:none;background:#3aa4ff1f;border:4px dashed #ffffffe6;border-radius:50%;transition:opacity .15s;position:absolute;inset:-20px}.spray-pad.active .spray-ring{opacity:1}.btn-spray{background:radial-gradient(circle at 35% 30%, #5cc0ff, var(--blue) 55%, var(--blue-dark));box-shadow:var(--shadow-big), inset 0 -6px 0 #00000014;pointer-events:auto;touch-action:none;border:6px solid #fff;border-radius:50%;justify-content:center;align-items:center;transition:transform 60ms;display:flex;position:absolute;inset:0}.btn-spray.pressed{filter:brightness(1.1);transform:scale(.92)}.btn-horn{right:calc(var(--safe-r) + 168px);bottom:calc(var(--safe-b) + 40px);width:72px;height:72px;box-shadow:var(--shadow);pointer-events:auto;background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.btn-horn:active{transform:scale(.92)}@media (height<=460px){.spray-pad{width:104px;height:104px;right:calc(var(--safe-r) + 20px);bottom:calc(var(--safe-b) + 18px)}.btn-horn{right:calc(var(--safe-r) + 140px);bottom:calc(var(--safe-b) + 24px);width:64px;height:64px}}.steer-pad,.pedal-pad{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;gap:14px;display:flex;position:absolute}.steer-pad{left:calc(var(--safe-l) + var(--pad) + var(--water-w) + 14px);bottom:calc(var(--safe-b) + 24px)}.pedal-pad{right:calc(var(--safe-r) + 172px);bottom:calc(var(--safe-b) + 24px);flex-direction:column;gap:12px}.btn-drive{width:88px;height:88px;box-shadow:var(--shadow);pointer-events:none;background:#ffffffe0;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;transition:transform 60ms;display:flex;position:relative}.btn-drive.pressed{background:var(--yellow);transform:scale(.9)}.btn-drive svg{overflow:visible}.chev-left{transform:rotate(-90deg)}.chev-right{transform:rotate(90deg)}.chev-down{transform:rotate(180deg)}.drive-buttons .btn-horn{right:calc(var(--safe-r) + 54px);bottom:calc(var(--safe-b) + 172px)}.drive-hint-ring{width:124px;height:124px;margin:-62px 0 0 -62px;top:50%;left:50%}.drive-hint-hand{margin:2px 0 0 -10px;top:50%;left:50%}@media (height<=460px){.steer-pad{left:calc(var(--safe-l) + var(--pad) + var(--water-w) + 10px);bottom:calc(var(--safe-b) + 16px);gap:12px}.pedal-pad{right:calc(var(--safe-r) + 140px);bottom:calc(var(--safe-b) + 14px);gap:10px}.btn-drive{width:74px;height:74px}.drive-buttons .btn-horn{right:calc(var(--safe-r) + 40px);bottom:calc(var(--safe-b) + 136px)}}.markers{position:absolute;inset:0;overflow:hidden;pointer-events:none!important}.marker{will-change:transform;width:0;height:0;position:absolute;top:0;left:0}.marker-body{width:64px;height:64px;box-shadow:var(--shadow);will-change:transform;background:#fff;border-radius:50%;position:absolute;top:-32px;left:-32px}.marker-ring{position:absolute;inset:0;transform:rotate(-90deg)}.marker-ring-bg{fill:none;stroke:#eef1f5;stroke-width:6px}.marker-ring-fill{fill:none;stroke:#ffc928;stroke-width:6px;stroke-linecap:round}.marker-water .marker-ring-bg{stroke:var(--blue)}.marker-icon{place-items:center;display:grid;position:absolute;inset:0}.marker-body:after{content:"";border:8px solid #0000;border-top-color:#fff;border-bottom:0;margin-left:-8px;position:absolute;bottom:-9px;left:50%}.marker.off .marker-body:after{display:none}.marker-arrow{width:0;height:0;display:none;position:absolute;top:0;left:0}.marker.off .marker-arrow{display:block}.marker-arrow>div{border-left:18px solid var(--red);filter:drop-shadow(0 2px 3px #24344a40);border-top:13px solid #0000;border-bottom:13px solid #0000;position:absolute;top:-13px;left:34px}.marker-water .marker-arrow>div{border-left-color:var(--blue)}.ladder-hint{box-shadow:var(--shadow);visibility:hidden;will-change:transform;background:#fff;border-radius:999px;gap:2px;margin:-24px 0 0 -40px;padding:6px 10px;display:flex;position:absolute;top:0;left:0}.finale-banner{top:calc(var(--safe-t) + 96px);border-radius:999px;align-items:center;gap:12px;padding:10px 24px;display:flex;position:absolute;left:50%;transform:translate(-50%);pointer-events:none!important}.finale-light{animation:.5s ease-in-out infinite alternate pulse-soft}.marker-big .marker-icon svg{transform:scale(1.15)}.marker-job .marker-ring-fill{stroke:var(--blue)}.marker-job.off{display:none}.marker-power .marker-ring-fill{stroke:#a56bff}.marker-power .marker-arrow>div{border-left-color:#a56bff}.marker-power:not(.off) .marker-body{display:none}.marker-smoke .marker-ring-fill{stroke:#8a929c}.marker-smoke .marker-arrow>div{border-left-color:#8a929c}.marker-cloud{width:34px;height:34px;box-shadow:var(--shadow);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:-12px;right:-10px}.marker:not(.off):not(.marker-water) .marker-body{width:30px;height:30px;top:-15px;left:-15px;box-shadow:0 2px 6px #24344a40}.marker:not(.off):not(.marker-water) .marker-body:after,.marker:not(.off):not(.marker-water) .marker-icon,.marker:not(.off):not(.marker-water) .marker-cloud{display:none}.marker:not(.off):not(.marker-water) .marker-ring-bg,.marker:not(.off):not(.marker-water) .marker-ring-fill{stroke-width:11px}.marker:not(.off):not(.marker-water) .marker-ring-bg{stroke:#d3dae3}.debug{left:calc(var(--safe-l) + 8px);bottom:calc(var(--safe-b) + 8px);z-index:50;max-width:min(560px,92vw);font:12px/1.3 ui-monospace,monospace;position:absolute}.debug-toggle{color:#fff;background:#2b2f36bf;border-radius:8px;padding:4px 10px}.debug-body{box-shadow:var(--shadow);background:#fffffff2;border-radius:10px;margin-top:6px;padding:8px}.debug-row{flex-wrap:wrap;align-items:center;gap:4px;margin-top:4px;display:flex}.debug-row>span{width:64px;color:var(--ink-soft)}.debug-row button{background:#eef1f5;border-radius:6px;padding:4px 8px}.debug-stats{color:var(--ink-soft)}.hud{left:calc(var(--safe-l) + var(--pad));right:calc(var(--safe-r) + var(--pad));top:calc(var(--safe-t) + var(--pad));pointer-events:none;justify-content:space-between;align-items:flex-start;gap:10px;display:flex;position:absolute}.hud>*{pointer-events:auto}.hud-left,.hud-right{align-items:flex-start;gap:10px;display:flex}.hud-left{flex-direction:column}.hud-right{top:calc(var(--hud-corner) - var(--pad));right:calc(var(--hud-corner) - var(--pad));position:absolute}.hud-wind{top:calc(var(--hud-corner) - var(--pad) + 68px);right:calc(var(--hud-corner) - var(--pad) + 70px);border-radius:999px;align-items:center;gap:6px;padding:4px 12px;display:flex;position:absolute}.hud-wind-arrow{will-change:transform;place-items:center;display:grid}.hud-coins-row{align-items:center;gap:8px;display:flex}.hud-combo{background:#fff7d1;border-radius:999px;align-items:center;gap:4px;padding:6px 14px 10px 8px;display:flex;position:relative;overflow:hidden}.hud-combo-bar{background:var(--yellow);transform-origin:0;border-radius:2px;height:4px;animation:linear forwards combo-time;position:absolute;bottom:4px;left:12px;right:12px}@keyframes combo-time{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.hud-boosts{gap:8px;display:flex}.hud-boost{border-radius:50%;place-items:center;width:56px;height:56px;padding:0;display:grid;position:relative}.hud-boost-ring{position:absolute;inset:0;transform:rotate(-90deg)}.hud-boost-ring-bg{fill:none;stroke:#eef1f5;stroke-width:6px}.hud-boost-ring-fill{fill:none;stroke:#a56bff;stroke-width:6px;stroke-linecap:round;transition:stroke-dashoffset 1s linear}.hud-boost-turbo .hud-boost-ring-fill{stroke:#ff9a2e}.hud-boost-coins .hud-boost-ring-fill{stroke:var(--yellow)}.hud-boost-breeze .hud-boost-ring-fill{stroke:#5cc0ff}@media (height<=460px){.hud-boosts{gap:6px;margin-top:-2px}.hud-boost{width:44px;height:44px}.hud-boost>svg:last-child{width:26px;height:26px}}.hud-boost.ending>svg:last-child{animation:.5s ease-in-out infinite alternate boost-wiggle}@keyframes boost-wiggle{0%{transform:rotate(-12deg)}to{transform:rotate(12deg)}}.power-pops{position:absolute;inset:0;pointer-events:none!important}.power-pop{width:96px;height:96px;box-shadow:var(--shadow-big);background:#fff;border-radius:50%;place-items:center;margin:-48px 0 0 -48px;animation:1.3s cubic-bezier(.5,0,.6,1) forwards power-fly;display:grid;position:absolute}@keyframes power-fly{0%{opacity:0;transform:translate(0)scale(.3)}18%{opacity:1;transform:translateY(-40px)scale(1.15)}45%{opacity:1;transform:translateY(-40px)scale(1)}to{transform:translate(var(--tx), var(--ty)) scale(.45);opacity:.6}}.coin-pop-combo{background:var(--yellow);border-radius:999px;margin-left:4px;padding:0 6px;font-size:18px}.hud-num{font-variant-numeric:tabular-nums;font-size:28px;font-weight:900;line-height:1}.hud-coins{border-radius:999px;align-items:center;gap:8px;min-height:54px;padding:8px 18px 8px 10px;display:flex}.hud-water{left:calc(var(--safe-l) + var(--pad));bottom:calc(var(--safe-b) + var(--pad));width:var(--water-w);pointer-events:none;border-radius:22px;flex-direction:column;align-items:center;gap:6px;padding:10px 0;display:flex;position:absolute}.hud-tank{background:#e6edf4;border-radius:999px;width:26px;height:clamp(90px,30vh,190px);position:relative;overflow:hidden;box-shadow:inset 0 2px 3px #0000001a}.hud-tank-fill{background:linear-gradient(90deg, #8fd6ff, var(--blue));border-radius:999px;transition:height .15s linear;position:absolute;inset:auto 0 0}.hud-water.low .hud-tank-fill{background:linear-gradient(90deg, #ffb1a9, var(--red))}.hud-water.low{animation:1.2s ease-in-out infinite pulse-soft}.hud-water.dry{animation:.4s ease-in-out infinite shake}.hud-tank-bubbles{background-image:radial-gradient(circle at 20% 60%,#ffffffe6 0 3px,#0000 4px),radial-gradient(circle at 55% 40%,#fffc 0 2px,#0000 3px),radial-gradient(circle at 80% 65%,#ffffffe6 0 3px,#0000 4px);background-size:26px 60px;animation:.9s linear infinite bubbles;position:absolute;inset:0}.hud-clock{border-radius:999px;align-items:center;gap:10px;padding:8px 22px 8px 12px;display:flex;position:relative;overflow:hidden}.hud-clock.ending{animation:1s ease-in-out infinite pulse-soft}.hud-clock-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-size:12px;font-weight:900}.hud-shift{background:var(--red);color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;font-size:22px;font-weight:900;display:grid}.hud-clock-main{flex-direction:column;align-items:center;gap:2px;min-width:86px;display:flex}.hud-clock-bar{background:#e6edf4;height:4px;position:absolute;bottom:0;left:0;right:0}.hud-clock-bar>div{background:var(--yellow);border-radius:99px;height:100%;transition:width .5s linear}.hud-strikes{border-radius:999px;gap:4px;padding:8px 12px;display:flex}.hud-pause{width:58px;min-width:58px;min-height:58px}@media (width<=700px){.hud-strikes svg{width:28px;height:28px}.hud-num{font-size:24px}}.screen{padding:calc(var(--safe-t) + var(--pad)) calc(var(--safe-r) + var(--pad)) calc(var(--safe-b) + var(--pad)) calc(var(--safe-l) + var(--pad));flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.screen.dim{background:#2b2f3652;animation:.2s ease-out fade-in}.dialog{touch-action:pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;border-radius:32px;flex-direction:column;align-items:center;gap:18px;max-width:min(520px,100%);max-height:100%;padding:26px 30px;display:flex;overflow:auto}.dialog-row{justify-content:center;align-items:center;gap:14px;display:flex}.result-title{text-align:center;font-size:30px;font-weight:900}.stars{gap:6px;display:flex}.star-pop{animation:.45s cubic-bezier(.3,1.6,.5,1) both star-pop}.stars .star-pop:nth-child(2){transform:translateY(-14px)}.result-stats{gap:26px;display:flex}.stat{align-items:center;gap:8px;display:flex}.sad-truck{animation:1.6s ease-in-out infinite wobble}.title-screen{justify-content:space-between}.title-top{justify-content:space-between;align-self:stretch;align-items:flex-start;display:flex}.title-top>.hud-coins,.title-top>.parents-btn{flex:none}.parents-btn{width:58px;min-width:58px;min-height:58px;color:var(--ink-soft)}.logo{align-items:center;display:flex}.logo-art{filter:drop-shadow(0 4px 10px #24344a40);width:340px;height:auto}.title-actions{align-items:center;gap:18px;margin-bottom:6px;display:flex}.play-btn{min-width:170px;min-height:110px;position:relative}.shift-chip{color:var(--ink);box-shadow:var(--shadow);background:#fff;border-radius:999px;align-items:center;gap:2px;padding:4px 10px 4px 6px;font-size:20px;display:flex;position:absolute;top:-14px;right:-10px}.garage-btn{width:96px}.book-btn{width:96px;position:relative}.new-badge{background:var(--red);color:#fff;min-width:30px;height:30px;box-shadow:var(--shadow);border:3px solid #fff;border-radius:999px;place-items:center;padding:0 6px;font-size:18px;display:grid;position:absolute;top:-8px;right:-8px}.postcards{width:min(900px,100%);max-width:min(900px,100%);padding:56px 18px 14px;position:relative}.postcard-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));align-self:stretch;gap:16px;width:100%;max-height:calc(100vh - 110px);padding:8px;display:grid;overflow-y:auto}.postcard{aspect-ratio:3/2;border:6px solid #fff;border-radius:14px;justify-content:center;align-items:flex-end;padding-bottom:10%;display:flex;position:relative;box-shadow:0 4px 12px #24344a40}.postcard-wrap{position:relative}.postcard-wrap:nth-child(odd){transform:rotate(-1.5deg)}.postcard-wrap:nth-child(2n){transform:rotate(1.5deg)}.postcard-wrap>.postcard{width:100%}.postcard-wrap.gold>.postcard{border-color:var(--yellow);box-shadow:0 4px 12px #24344a40,0 0 0 3px #e7ad17}.postcard-stars{gap:1px;display:flex;position:absolute;top:4px;left:6px}.postcard-play{flex-direction:column;gap:0;width:64px;min-height:64px;position:absolute;bottom:-12px;right:-10px}.postcards-top{align-items:center;gap:12px;display:flex;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.star-total{border-radius:999px;align-items:center;gap:6px;padding:6px 16px 6px 10px;display:flex}.star-next{align-items:center;gap:4px;display:flex}.star-need{align-items:center;gap:2px;font-size:18px;font-weight:900;display:flex}.postcard.here{outline:4px solid var(--ink);outline-offset:2px}.postcard-sights{align-items:flex-end;gap:6px;display:flex}.postcard-shift{top:6px;right:6px}.postcard-pin{position:absolute;top:-16px;left:-10px}.sticker-book{width:min(900px,100%);max-width:min(900px,100%);max-height:100%;padding:56px 18px 14px;position:relative}.sticker-home{z-index:1;position:absolute;top:-14px;left:-14px}.sticker-grid{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));align-self:stretch;gap:14px;width:100%;max-height:calc(100vh - 80px);padding:8px;display:grid;overflow-y:auto}.sticker{aspect-ratio:1;border-radius:24px;place-items:center;display:grid;position:relative}.sticker.have{transform:rotate(var(--tilt,0deg));background:#fff;border:4px solid #fff;box-shadow:0 4px 10px #24344a40,inset 0 0 0 2px #eef1f5}.sticker.todo{background:#f6f8fa;border:3px dashed #c4cad2}.sticker.todo>:first-child{filter:grayscale();opacity:.3}.sticker-bar{background:#e3e8ee;border-radius:4px;height:7px;position:absolute;bottom:8px;left:12px;right:12px;overflow:hidden}.sticker-bar>div{background:var(--yellow);border-radius:4px;height:100%}.sticker-toast{top:calc(var(--safe-t) + 90px);animation:2.2s forwards sticker-slap;position:absolute;left:50%;transform:translate(-50%);pointer-events:none!important}.sticker.big{width:110px}@keyframes sticker-slap{0%{opacity:0;transform:translate(-50%)scale(2.2)rotate(-12deg)}12%{opacity:1;transform:translate(-50%)scale(.95)rotate(-6deg)}20%{transform:translate(-50%)scale(1.05)rotate(-6deg)}80%{opacity:1;transform:translate(-50%)scale(1)rotate(-6deg)}to{opacity:0;transform:translate(-50%)translateY(-30px)scale(.6)rotate(-6deg)}}.free-btn{width:110px;min-height:110px;position:relative}.free-chip{justify-content:center;min-width:40px;padding:0 10px 4px;font-size:30px;line-height:1}@media (height<=460px){.logo-art{width:250px}.play-btn{min-height:92px}.dialog{gap:12px;padding:16px 24px}.result-title{font-size:24px}.stars svg{width:56px;height:56px}.sad-truck svg{height:56px}}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti span{border-radius:2px;animation-name:confetti-fall;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;position:absolute;top:-20px}.pop-in{animation:.35s cubic-bezier(.3,1.4,.5,1) both pop-in}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes fade-in{0%{opacity:0}}@keyframes star-pop{0%{opacity:0;transform:scale(0)rotate(-30deg)}}@keyframes pulse-soft{50%{transform:scale(1.05)}}@keyframes shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}@keyframes bubbles{to{background-position:0 -60px}}@keyframes wobble{50%{transform:rotate(-3deg)translateY(2px)}}@keyframes confetti-fall{0%{transform:translate(0, 0) rotate(var(--rot))}to{transform:translate(var(--drift), 110vh) rotate(calc(var(--rot) + 540deg))}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}.garage{justify-content:space-between}.garage-top{justify-content:space-between;align-self:stretch;align-items:flex-start;display:flex}.garage-top-left{align-items:center;gap:10px;display:flex}.garage-tabs{gap:10px;margin-left:8px;display:flex}.garage-tab{opacity:.75}.garage-tab.on{opacity:1;outline:4px solid var(--ink);outline-offset:2px;transform:translateY(-2px)}.vehicles{justify-content:center;align-self:stretch;gap:14px;display:flex}.vehicle-card{flex-direction:column;flex:0 220px;align-items:center;gap:6px;padding:10px 14px 16px;display:flex;position:relative}.vehicle-card.on{outline:4px solid var(--ink);outline-offset:-4px}.vehicle-card.locked .vehicle-picture{opacity:.45}.vehicle-card.shake{animation:.35s look-nope}.vehicle-picture{position:relative}.vehicle-badge{width:32px;height:32px;box-shadow:var(--shadow);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:-4px;right:-14px}.vehicle-bars{gap:4px;width:100%;display:grid}.vehicle-bar{align-items:center;gap:6px;display:flex}.vehicle-bar-track{background:#e6edf4;border-radius:5px;flex:1;height:9px;overflow:hidden}.vehicle-bar-track>span{background:var(--yellow);border-radius:5px;height:100%;display:block}@media (height<=460px){.vehicle-card{padding:6px 10px 12px}.vehicle-picture>svg{width:54px;height:54px}}.looks{flex-direction:column;align-self:stretch;align-items:center;gap:10px;display:flex}.look-cats{gap:10px;display:flex}.look-cat{opacity:.7;width:64px;min-width:64px;min-height:64px}.look-cat.on{opacity:1;outline:3px solid var(--ink);outline-offset:2px}.look-items{gap:10px;max-width:100%;padding:12px 14px;display:flex;overflow-x:auto}.look-tile{background:#f3f6f9;border-radius:18px;flex:none;place-items:center;width:76px;height:76px;display:grid;position:relative;box-shadow:inset 0 -4px #0000000f}.look-tile.on{outline:4px solid var(--ink);outline-offset:-4px;background:#fff}.look-tile.locked>svg{opacity:.45}.look-check{background:var(--green);color:#fff;width:26px;height:26px;box-shadow:var(--shadow);border-radius:50%;place-items:center;display:grid;position:absolute;top:-6px;right:-6px}.look-price{box-shadow:var(--shadow);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:2px;padding:1px 7px 1px 4px;font-size:14px;font-weight:900;display:flex;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.look-tile.locked .look-price{color:var(--ink-soft)}.look-tile.shake{animation:.35s look-nope}@keyframes look-nope{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.coin-bump{animation:.3s cubic-bezier(.3,1.6,.5,1) pop-in}.upgrades{justify-content:center;align-self:stretch;gap:12px;display:flex}.upgrade{flex-direction:column;flex:1 1 0;align-items:center;gap:8px;min-width:0;max-width:200px;padding:14px 10px 12px;display:flex}.upgrade-name{color:var(--ink-soft);font-size:15px;font-weight:800}.pips{gap:5px;display:flex}.pips span{background:#e6edf4;border-radius:50%;width:18px;height:18px;box-shadow:inset 0 2px 2px #0000000f}.pips span.on{background:var(--yellow);box-shadow:inset 0 -2px #0000001f}.pips span.next{outline-offset:-2px;background:#fff3c4;outline:2px dashed #f0c400}.upgrade-buy{gap:6px;width:100%;min-width:0;min-height:60px;padding:0 10px;font-size:22px}.upgrade-buy.locked{color:var(--ink-soft);opacity:.8;background:#eef1f5}.upgrade-max{min-height:60px;color:var(--green);place-items:center;display:grid}@media (height<=460px){.upgrade{gap:5px;padding:8px 6px}.upgrade-icon svg{width:36px;height:36px}.upgrade-name{display:none}.pips span{width:13px;height:13px}.upgrade-buy,.upgrade-max{min-height:50px;font-size:19px}}@media (width<=600px) and (orientation:portrait){.upgrades{flex-wrap:wrap}.upgrade{flex-basis:30%}}.coin-pops{position:absolute;inset:0;pointer-events:none!important}.coin-pop{box-shadow:var(--shadow);background:#fff;border-radius:999px;align-items:center;gap:4px;margin:-18px 0 0 -30px;padding:4px 12px 4px 6px;font-size:22px;font-weight:900;animation:1.25s cubic-bezier(.5,0,.7,.4) forwards coin-fly;display:flex;position:absolute}@keyframes coin-fly{0%{opacity:0;transform:translate(0)scale(.4)}15%{opacity:1;transform:translateY(-36px)scale(1.15)}45%{transform:translateY(-46px)scale(1)}to{transform:translate(var(--tx), var(--ty)) scale(.5);opacity:.2}}.marker-body{animation:.4s cubic-bezier(.3,1.6,.5,1) both pop-in}.tutorial{position:absolute;inset:0;pointer-events:none!important}.hint{position:absolute}.hint-drive{left:calc(var(--safe-l) + 150px);bottom:calc(var(--safe-b) + 130px)}.hint-knob{width:66px;height:66px;box-shadow:var(--shadow);background:#ffffffd9;border-radius:50%;margin:-33px 0 0 -33px;animation:2s ease-in-out infinite drag-demo;position:absolute}.hint-hand{filter:drop-shadow(0 4px 6px #00000040);margin:-6px 0 0 -18px;animation:2s ease-in-out infinite drag-demo;position:absolute}@keyframes drag-demo{0%,15%{transform:translate(0)}45%,60%{transform:translate(40px,-40px)}85%,to{transform:translate(0)}}.hint-keys{left:calc(var(--safe-l) + 70px);bottom:calc(var(--safe-b) + 70px);padding:12px;animation:1.4s ease-in-out infinite pulse-soft}.hint-keys-high{bottom:calc(var(--safe-b) + 130px)}.keys{grid-template-rows:repeat(2,42px);grid-template-columns:repeat(3,42px);gap:5px;display:grid}.key{background:#fff;border:2px solid #d5dbe3;border-radius:8px;place-items:center;font-size:20px;font-weight:900;display:grid;box-shadow:inset 0 -3px #d5dbe3}.keys .key:first-child{grid-area:1/2}.keys .key:nth-child(2){grid-area:2/1}.keys .key:nth-child(3){grid-area:2/2}.keys .key:nth-child(4){grid-area:2/3}.hint-space .keys{display:block}.key-wide{width:150px;height:40px}.hint-spray{right:calc(var(--safe-r) + 90px);bottom:calc(var(--safe-b) + 90px)}.hint-ring{border:5px solid var(--yellow);border-radius:50%;width:150px;height:150px;margin:-75px 0 0 -75px;animation:1.3s ease-out infinite ring-pulse;position:absolute}@keyframes ring-pulse{0%{opacity:1;transform:scale(.85)}to{opacity:0;transform:scale(1.25)}}.hint-press{margin:-10px 0 0 -14px;animation:1.3s ease-in-out infinite press-demo}@keyframes press-demo{50%{transform:translate(-4px,8px)scale(.92)}}.hint-space{padding:10px;position:absolute;bottom:95px;right:-85px}.hint-refill{left:calc(var(--safe-l) + var(--pad) + 70px);top:calc(var(--safe-t) + 130px);border:3px solid var(--blue);align-items:center;gap:8px;padding:8px 16px;animation:1.4s ease-in-out infinite pulse-soft;display:flex}.hint-arrow{color:var(--blue);font-size:26px;font-weight:900}.parents{align-items:stretch;width:min(560px,100%);padding-top:22px;position:relative}.close-btn{z-index:1;width:56px;min-width:56px;min-height:56px;position:absolute;top:10px;right:10px}.parents-body{-webkit-user-select:text;user-select:text;font-size:16px;line-height:1.45}.parents-body h2{margin:0 0 10px;font-size:26px}.parents-body h3{margin:18px 0 6px;font-size:18px}.parents-body h4{margin:10px 0 2px;font-size:15px}.parents-body p{color:#444b55;margin:0 0 6px}.parents-body .muted{color:var(--ink-soft);font-size:14px}.toggles{gap:8px;display:grid}.toggle{text-align:left;background:#f4f6f9;border-radius:16px;align-items:center;gap:12px;min-height:64px;padding:0 16px;font-weight:800;display:flex}.toggle>span:nth-child(2){flex:1}.toggle-switch{background:#cfd6df;border-radius:99px;width:52px;height:30px;transition:background .15s;position:relative}.toggle-switch:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle.on .toggle-switch{background:var(--green)}.toggle.on .toggle-switch:after{transform:translate(22px)}.choice{background:#f4f6f9;border-radius:16px;gap:10px;padding:12px 16px;display:grid}.choice-label{align-items:center;gap:12px;font-weight:800;display:flex}.choice .muted{margin:0}.segments{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.segment{background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:4px;min-height:64px;font-size:16px;font-weight:800;display:flex;box-shadow:inset 0 0 0 2px #e2e7ee}.segment.on{background:var(--green);color:#fff;box-shadow:none}.hold-reset{width:100%;min-height:64px;color:var(--red-dark);background:#fff1f0;border-radius:16px;font-size:17px;position:relative;overflow:hidden}.hold-fill{background:#e3342f40;position:absolute;inset:0 auto 0 0}.hold-label{position:relative}.look-tile.trying,.vehicle-card.trying{outline:4px dashed var(--ink);outline-offset:-4px}.look-tile.trying{background:#fff}.look-tile.trying>svg,.vehicle-card.trying .vehicle-picture{opacity:1}.preview-buy{top:50%;right:calc(16px + env(safe-area-inset-right,0px));align-items:center;gap:12px;animation:.35s cubic-bezier(.3,1.4,.5,1) both pop-in;display:flex;position:absolute;transform:translateY(-50%)}.preview-buy-btn{gap:8px;min-width:140px;min-height:72px;padding:0 20px;font-size:28px}.preview-buy-btn.locked{color:var(--ink-soft);background:#eef1f5}.shake-once{animation:.35s look-nope}@media (height<=460px){.preview-buy{top:40%}.preview-buy-btn{min-width:120px;min-height:64px;font-size:24px}}.loading-screen{z-index:60;padding:calc(var(--safe-t) + var(--pad)) calc(var(--safe-r) + var(--pad)) calc(var(--safe-b) + var(--pad)) calc(var(--safe-l) + var(--pad));background:linear-gradient(180deg, #cfe6fb 0%, var(--sky) 70%, #dfe9d3 100%);pointer-events:auto;opacity:1;flex-direction:column;justify-content:center;align-items:center;gap:44px;transition:opacity .4s;display:flex;position:absolute;inset:0}.loading-screen.done{opacity:0;pointer-events:none}.loading-logo{filter:drop-shadow(0 4px 10px #24344a40);width:300px;height:auto}.loading-road{width:min(560px,74vw);height:30px;box-shadow:inset 0 -4px 0 #0000002e, var(--shadow);background:#6f757e;border-radius:15px;margin-top:40px;position:relative}.loading-road:after{content:"";opacity:.9;background:repeating-linear-gradient(90deg,#f2f5f8 0 18px,#0000 18px 34px);height:4px;position:absolute;top:50%;left:18px;right:18px;transform:translateY(-50%)}.loading-fill{background:var(--yellow);border-radius:15px;width:0;position:absolute;top:0;bottom:0;left:0;box-shadow:inset 0 -4px #0000001f}.loading-truck{z-index:1;margin-bottom:-14px;position:absolute;bottom:100%;left:0;transform:translate(-50%)}.loading-truck>svg{animation:.45s ease-in-out infinite alternate loading-bob;display:block}@keyframes loading-bob{to{transform:translateY(-3px)}}.loading-flag{margin-bottom:-8px;position:absolute;bottom:100%;right:-8px}@media (height<=460px){.loading-screen{gap:26px}.loading-logo{width:220px}}@media (prefers-reduced-motion:reduce){.loading-truck>svg{animation:none}}.title-corner{flex:none;position:relative}.install-card{border-radius:var(--radius);pointer-events:auto;grid-template-columns:auto auto auto;grid-template-areas:"icon text close""icon steps close";align-items:center;gap:4px 10px;width:max-content;padding:8px 8px 8px 10px;display:grid;position:absolute;top:calc(100% + 10px);left:0}.install-card .install-icon{grid-area:icon}.install-card .install-text{grid-area:text;font-size:15px}.install-card .install-add,.install-card .install-steps{grid-area:steps;justify-self:start}.install-card .install-close{grid-area:close}.install-icon{width:44px;height:44px;box-shadow:var(--shadow);border-radius:11px;flex:none}.install-add{flex:none;gap:6px;min-height:52px;padding:0 16px;font-size:18px}.install-steps{flex:none;align-items:center;gap:4px;display:flex}.install-step{background:#f3f6f9;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.install-then{color:var(--ink-soft);font-size:22px;font-weight:900}.install-close{width:52px;min-width:52px;min-height:52px;box-shadow:none;background:#f3f6f9;flex:none}.install-row{align-items:center;gap:12px;margin-top:14px;display:flex}.install-row p{flex:1;margin:0}@media (height<=460px){.install-card{padding:6px 6px 6px 8px;top:calc(100% + 6px)}.install-icon{width:36px;height:36px}}.title-chips{align-items:center;gap:8px;display:flex}.rank-chip{cursor:pointer;border-radius:50%;place-items:center;width:66px;height:66px;padding:0;display:grid}.rank-card{gap:14px}.rank-next{justify-content:center;align-items:center;gap:12px;display:flex}.rank-reward{background:#f3f6fa;border-radius:18px;place-items:center;width:64px;height:64px;display:grid;position:relative}.rank-reward.locked>svg{filter:grayscale(.6);opacity:.6}.rank-reward-lock{width:28px;height:28px;box-shadow:var(--shadow);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-6px;right:-6px}.rank-reward.new{box-shadow:0 0 0 4px var(--yellow);animation:.4s cubic-bezier(.3,1.4,.5,1) .5s both pop-in}.rank-up-badge{animation:.8s cubic-bezier(.3,1.3,.5,1) both rank-in}@keyframes rank-in{0%{opacity:0;transform:scale(.2)rotate(-200deg)}to{opacity:1;transform:scale(1)rotate(0)}}.rank-meter{align-items:center;gap:4px;display:flex}.rank-meter .rank-ring{transition:stroke-dashoffset 1s ease-in-out}.rank-gain{font-size:22px}.sticker-pages{justify-content:center;align-items:center;gap:10px;display:flex}.sticker-turn svg{transform:rotate(90deg)}.sticker-turn.back svg{transform:rotate(-90deg)}.sticker-turn:disabled{opacity:.35}.sticker-dot{background:#e3e8ee;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.sticker-dot.on{background:var(--blue);box-shadow:0 0 0 3px #cfe8ff}.gate-badge{box-shadow:var(--shadow);background:#fff;border-radius:999px;align-items:center;gap:1px;padding:4px 8px;display:flex;position:absolute;bottom:-12px;left:-10px}.star-gate{gap:14px;min-width:280px}.star-gate-top{align-items:center;gap:12px;display:flex;position:relative}.star-gate-shift{top:-18px;left:-26px;right:auto}.star-gate-count{font-size:40px}.star-gate-bar{background:#e3e8ee;border-radius:7px;align-self:stretch;height:14px;overflow:hidden}.star-gate-bar>div{background:var(--yellow);border-radius:7px;height:100%}
