@font-face{font-family:Bowlby;src:url("assets/fonts/BowlbyOneSC-Regular.ttf") format("truetype");font-display:swap;font-weight:400 900}
/* SMASH YARD · Mapi Games */
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#101b23;color:#f5f4e8;font-family:Arial,Helvetica,sans-serif;user-select:none;-webkit-user-select:none;touch-action:none}body{display:grid;place-items:center;background:radial-gradient(ellipse at 50% 30%,#324651,#0b121a 75%)}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;border:0;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:5px solid #fff;outline-offset:3px}button:active{transform:translateY(4px)!important;filter:brightness(1.17)}button:disabled{cursor:default;filter:saturate(.35);opacity:.65}#frame{position:relative;overflow:hidden;box-shadow:0 0 100px #0008}#game{width:720px;height:1280px;position:absolute;left:0;top:0;transform-origin:top left;overflow:hidden;background:#83b4c6}#world{position:absolute;width:720px;height:1280px;inset:0}#vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#0817223b,transparent 32%,transparent 68%,#0b172ba8)}.screen{position:absolute;inset:0;z-index:5}.hidden{display:none!important}#splash{background:linear-gradient(#10304738,transparent 52%,#08131ace 96%);text-align:center;cursor:pointer}.splash-eyebrow{margin-top:43px;font-size:16px;font-weight:800;letter-spacing:6px;color:#fff9d0}.brand{width:620px;margin:24px auto 0;transform:rotate(-5deg);font-family:Bowlby,'Arial Black',sans-serif;filter:drop-shadow(0 12px 0 #101b24)}.brand>div{font-size:151px;line-height:.86;font-style:italic;letter-spacing:-5px;-webkit-text-stroke:4px #17202a;paint-order:stroke fill;text-shadow:none;filter:drop-shadow(3px 7px 0 #132331)}.brand>div:first-child{color:#ffbd27;background:linear-gradient(#fff57a 5%,#ffcd34 35%,#ff7117 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.brand>div:nth-child(2){font-size:164px;background:linear-gradient(#fff 20%,#c5d7da 52%,#778d99);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.brand>span{display:inline-block;margin-top:26px;padding:11px 22px;background:#ffbe23;color:#18232d;border:4px solid #17222e;font-size:28px;letter-spacing:2px;box-shadow:0 6px 0 #131f2d}.splash-footer{position:absolute;bottom:50px;left:40px;right:40px}.splash-tag{font-family:Bowlby,'Arial Black',sans-serif;letter-spacing:2px;font-size:30px;text-shadow:0 3px 0 #131f29;margin-bottom:20px}.play-button{display:block;width:100%;border:3px solid #bcf773;border-bottom:8px solid #1b5c28;border-radius:22px;background:linear-gradient(#88e43b,#4fc222 55%,#30a21f);box-shadow:0 6px 0 #0d331b,0 12px 25px #0008,inset 0 4px 0 #ffffff80;text-shadow:0 3px 1px #1d5024;padding:21px 12px 16px;font-family:Bowlby,'Arial Black',sans-serif;letter-spacing:1px}.play-button>span{display:block;font-size:39px}.play-button small{display:block;font:800 15px Arial;letter-spacing:2px;margin-top:8px}.mapi{height:98px;width:auto;max-width:240px;object-fit:contain;margin-top:28px;filter:drop-shadow(0 4px 5px #0008)}.splash-version{position:absolute;bottom:17px;width:100%;font-size:11px;letter-spacing:2px;color:#abc0c5}.mini-brand{font-family:Bowlby,'Arial Black',sans-serif;font-size:89px;letter-spacing:-2px;color:#ffb820;text-shadow:0 5px 0 #161d24,-2px -2px #161d24,2px -2px #161d24;text-align:center;margin:50px 0 6px;transform:rotate(-3deg)}.mini-brand b{color:#e6f0f2;font-weight:normal}.menu-top{text-align:center;font-weight:800;font-size:17px;letter-spacing:4px}.menu-stats{position:absolute;top:212px;left:195px;right:195px;text-align:center;background:#11232de0;border:2px solid #65808c;border-radius:40px;padding:10px;font-size:20px;font-weight:bold}.menu-stats .coin{vertical-align:middle;margin-right:10px}.menu-actions{position:absolute;bottom:112px;left:42px;right:42px}.menu-actions .play-button span{font-size:51px}.menu-actions .play-button{padding:18px}.challenge-button{margin-top:23px;width:100%;padding:17px 20px;border:3px solid #f8c550;border-bottom:7px solid #8d5214;border-radius:18px;background:linear-gradient(#3c4b55,#1b2b35);display:flex;align-items:center;justify-content:space-between;text-align:left;font-family:Bowlby,'Arial Black',sans-serif;font-size:27px;box-shadow:0 5px #0c1823}.challenge-button small{display:block;font:700 13px Arial;letter-spacing:2px;margin-top:5px;color:#bfccd4}.challenge-button .icon{font-size:60px;color:#ffca37}.challenge-button b{color:#ffca37}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.menu-grid button{border:3px solid #617b89;border-bottom:7px solid #162833;background:linear-gradient(#455e6b,#23323f);border-radius:18px;padding:12px 3px 17px;font-family:Bowlby,'Arial Black',sans-serif;font-size:25px;letter-spacing:.5px;box-shadow:0 5px 0 #0b1922}.menu-grid span{display:block;font:44px Arial;margin-bottom:10px;filter:drop-shadow(0 4px 1px #0b1a22)}.quiet{display:block;margin:24px auto 0;background:none;font-size:17px;font-weight:800;letter-spacing:2px;color:#dce8e9}.menu-mapi{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);height:61px;width:auto}#menu{background:linear-gradient(#0c263b44,transparent 35%,#0b1a2655 55%,#0c1b27ea)}#hud{position:absolute;inset:0;pointer-events:none}#hud button{pointer-events:auto}#hud>header{display:flex;gap:13px;align-items:center;padding:22px 22px 0}.square{height:64px;width:64px;flex-shrink:0;background:linear-gradient(#415666,#1e2c39);border:3px solid #617987;border-radius:15px;box-shadow:0 5px 0 #14212d;font-size:32px;font-weight:900}.wallet{display:flex;gap:13px;align-items:center;padding:8px 20px 9px 11px;background:linear-gradient(120deg,#1a303ded,#243843ed);border-radius:16px;border:2px solid #708996;min-width:290px;height:77px}.coin{display:inline-grid;place-items:center;background:linear-gradient(135deg,#ffe970,#ffc429 50%,#e7980f);border:3px solid #e99d13;border-radius:50%;width:43px;height:43px;box-shadow:inset 0 0 0 3px #ffe266,0 3px 0 #91630d;color:#e99813;text-shadow:1px 1px #fff199;font-size:27px}.wallet b{display:block;font:39px Bowlby,'Arial Black',sans-serif;letter-spacing:1px;line-height:1}.wallet small{display:block;color:#b4c7cc;font-size:11px;font-weight:800;letter-spacing:1px;margin-top:5px}.gem-wallet{margin-left:auto;display:flex;gap:12px;align-items:center;background:#1a303ded;border:2px solid #66828f;border-radius:14px;padding:9px 17px;font:32px Bowlby}.gem-wallet span{color:#ce6cff;text-shadow:2px 2px #733bd0;font-size:37px}.hud-title{text-align:center;position:absolute;top:128px;left:135px;right:135px;font:63px Bowlby,'Arial Black',sans-serif;letter-spacing:-1px;transform:rotate(-3deg);color:#ffbe23;text-shadow:0 5px #152432,-2px -2px #152432,2px -2px #152432}.hud-title>b{font-weight:normal;color:#e4edf2}.hud-title>span{display:block;font:bold 14px Arial;letter-spacing:3px;color:#fff;text-shadow:0 2px #152432;margin-top:5px}.vehicle-info{position:absolute;top:244px;right:24px;width:235px;padding:17px 16px 13px;background:linear-gradient(#253a48f0,#172833f0);border:2px solid #7894a1;border-radius:16px;box-shadow:0 5px 0 #12232d}.vehicle-info>div:first-child{display:flex;flex-direction:column;gap:6px}.vehicle-info span{font-size:15px;font-weight:800;color:#b5c9d2;letter-spacing:2px}.vehicle-info b{font:23px Bowlby;letter-spacing:1px}.vehicle-info #pct{position:absolute;right:15px;top:14px;font-size:22px;color:#ffcd46;letter-spacing:0}.health{height:17px;background:#0c1d28;border:2px solid #718c9b;border-radius:9px;margin-top:12px;overflow:hidden}.health i{display:block;height:100%;width:0%;background:linear-gradient(#adef4e,#53ca32);border-radius:6px;transition:width .15s}.vehicle-info small{display:block;text-align:center;font-size:11px;letter-spacing:2px;color:#a6bcc8;margin-top:8px}.side-nav{position:absolute;left:22px;top:245px;display:grid;gap:13px}.side-nav button{width:87px;height:95px;border:2px solid #6d8592;border-bottom:5px solid #10242f;border-radius:14px;background:linear-gradient(#3c5362,#203442);font:16px Bowlby;letter-spacing:1px;box-shadow:0 3px 0 #0a1b29}.side-nav span{display:block;font:36px Arial;margin-bottom:6px}#timer{position:absolute;top:392px;right:24px;background:#162833ee;border:3px solid #ffc63b;border-radius:15px;text-align:center;width:181px;padding:12px}#timer small{font:bold 13px Arial;letter-spacing:3px;color:#ffd05b}#timer b{display:block;font:49px Bowlby;font-variant-numeric:tabular-nums}#timer.urgent{color:#ff6759;border-color:#ff6759;animation:pulse .4s infinite alternate}#combo{position:absolute;top:431px;left:136px;right:205px;text-align:center;opacity:0;transition:opacity .12s;transform:rotate(-3deg);filter:drop-shadow(0 3px #152432)}#combo span{display:block;font:bold 11px Arial;letter-spacing:2px;color:#fff4b0}#combo b{font:32px Bowlby;color:#ffcf30}#combo i{display:block;width:100%;height:5px;background:#ffcf30;border-radius:5px;margin-top:4px;transform-origin:left}#tap-hint{position:absolute;top:899px;left:0;width:100%;text-align:center;font:24px Bowlby;letter-spacing:2px;text-shadow:0 3px 0 #1b2b36}#tap-hint>span{font:48px Arial;display:block;animation:tap 1s infinite;margin-bottom:6px}#tap-hint small{font:13px Arial;display:block;margin-top:8px;letter-spacing:1px;color:#e3edf0}#power-row{position:absolute;top:1033px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between}#wrecks{font-size:13px;letter-spacing:1.5px;font-weight:bold;text-shadow:0 2px #172634}#special{background:linear-gradient(#ffda48,#e8941c);color:#25303a;padding:12px 17px;border:2px solid #ffe892;border-bottom:5px solid #8e581d;border-radius:13px;font:20px Bowlby;box-shadow:0 4px #172330}#special>span{font-size:27px;margin-right:5px}#special b{font:bold 11px Arial;display:inline-block;margin-left:9px}#upgrade-bar{position:absolute;top:1103px;left:15px;right:15px;display:flex;gap:9px}#upgrade-bar .upgrade{flex:1;min-width:0;height:139px;background:linear-gradient(#344c5b,#1b2d3b);border:2px solid #6f8793;border-radius:13px;text-align:center;box-shadow:0 5px #0d1e2a;position:relative;overflow:hidden}#upgrade-bar .upgrade .uicon{font-size:31px;position:absolute;top:8px;left:10px;filter:drop-shadow(0 3px #111f2c)}#upgrade-bar .upgrade .level{position:absolute;right:10px;top:18px;font-size:13px;color:#b5c6d0;font-weight:bold}#upgrade-bar .upgrade .uname{display:block;margin-top:47px;font:17px Bowlby;letter-spacing:.4px}#upgrade-bar .upgrade small{display:block;color:#b5cad5;font-size:11px;margin-top:3px}.buy-price{display:block;margin:7px 7px 0;padding:6px 0;background:linear-gradient(#6bd938,#2fa22a);border:1px solid #b4f277;border-bottom:3px solid #1c661f;border-radius:8px;font:21px Bowlby;color:#fff;text-shadow:0 2px #236426}.upgrade.unaffordable .buy-price{background:linear-gradient(#506371,#344953);border-color:#6c808b;border-bottom-color:#263b48;color:#adc0ca;text-shadow:none}.hud-bottom{position:absolute;bottom:9px;width:100%;text-align:center;font:10px Arial;letter-spacing:3px;color:#9fb3bd}#modal{position:absolute;inset:0;background:#071522c9;z-index:20;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(9px)}.modal-card{width:656px;max-height:1130px;background:linear-gradient(150deg,#334b59,#172936 70%);border:3px solid #8ba5ad;border-radius:26px;box-shadow:0 10px #081a26,0 30px 90px #0008;overflow:hidden}.modal-card>header{display:flex;align-items:center;justify-content:space-between;padding:26px 25px 22px;background:#142c38;border-bottom:2px solid #506774}.modal-card h1{font:42px Bowlby;margin:7px 0 0;letter-spacing:2px;color:#ffcc43}.modal-card header small{font-size:11px;letter-spacing:4px;color:#a3bac5;font-weight:bold}#modal-content{padding:24px;overflow-y:auto;max-height:951px;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#e6af2a #233d4a}.panel-intro{font-size:17px;color:#c5d4d9;line-height:1.6;margin:0 0 23px}.garage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.car-card{position:relative;text-align:center;min-height:195px;background:#142733;border:2px solid #5c7886;border-radius:15px;padding:5px 5px 12px;overflow:hidden}.car-card img{width:100%;height:120px;object-fit:contain;display:block}.car-card strong{display:block;font:18px Bowlby;letter-spacing:.5px}.car-card small{display:block;font-size:11px;font-weight:800;margin-top:7px;color:#7ce85f;letter-spacing:1px}.car-card.locked img{filter:saturate(.25);opacity:.6}.car-card.locked small{color:#97aebb}.car-card.selected{border-color:#ffcb43;background:#43513e}.car-card .badge{position:absolute;top:8px;left:8px;color:#ffd157;font-size:12px;font-weight:800}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px}.stat-grid>div{text-align:center;background:#142a37;border:2px solid #526d7c;border-radius:15px;padding:18px}.stat-grid b{font:39px Bowlby;color:#ffd153;display:block}.stat-grid small{font-size:11px;letter-spacing:2px;color:#c2d3d9}.trophy{background:#172d39;border:2px solid #496575;border-radius:15px;margin-bottom:13px;padding:17px;display:flex;align-items:center;gap:17px}.trophy .ticon{font-size:38px}.trophy strong{font:24px Bowlby;letter-spacing:1px}.trophy small{display:block;color:#adc4d0;font-size:13px;margin-top:5px}.trophy.done{border-color:#bbaa41}.trophy .claim{margin-left:auto;border:2px solid #8eda62;border-bottom:4px solid #24722a;background:linear-gradient(#7bd345,#3eaa2a);border-radius:10px;padding:10px;font-weight:800;white-space:nowrap}.trophy .claimed{margin-left:auto;color:#7ce45c;font-size:23px}.settings-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;background:#142a37;border-radius:13px;padding:18px;font:24px Bowlby;letter-spacing:1px}.toggle{background:#527941;border:2px solid #85bf58;border-radius:12px;padding:10px;width:130px;font:bold 16px Arial}.toggle.off{background:#384a58;border-color:#637c87;color:#adbeca}.full-button{display:block;width:100%;border:2px solid #8fa6b3;border-bottom:6px solid #0e2431;border-radius:15px;padding:20px;background:linear-gradient(#536c79,#2f4554);font:27px Bowlby;letter-spacing:1px;margin-top:16px;box-shadow:0 3px #071923}.full-button.primary{background:linear-gradient(#80db3b,#35a623);border-color:#a5ed78;border-bottom-color:#1b621e}.result{text-align:center}.result .result-icon{font-size:82px}.result h2{font:62px Bowlby;color:#ffce36;margin:18px 0}.result p{font-size:20px;line-height:1.6;color:#c5d8df}.shop-row{display:flex;align-items:center;gap:18px;padding:17px;background:#162d3a;border:2px solid #526d7b;border-radius:16px;margin-bottom:13px}.shop-row .big-icon{font-size:42px;width:50px;text-align:center}.shop-row strong{font:24px Bowlby;letter-spacing:1px}.shop-row small{display:block;font-size:13px;color:#b6ced7;margin-top:5px}.shop-row button{margin-left:auto;border:2px solid #a9e86f;border-bottom:5px solid #266729;border-radius:12px;background:linear-gradient(#7dd947,#38a72d);padding:13px;min-width:112px;font:24px Bowlby}.shop-row button:disabled{background:#435a66;border-color:#67838f}.note{font-size:13px;text-align:center;color:#99b3c0;line-height:1.6;margin-top:22px}#toast{position:absolute;z-index:40;left:50%;bottom:290px;transform:translate(-50%,20px);max-width:620px;white-space:nowrap;background:#112833f5;border:2px solid #ffcf49;color:#ffdc71;box-shadow:0 6px 0 #0a1c27;padding:16px 27px;border-radius:15px;font:22px Bowlby;letter-spacing:1px;opacity:0;pointer-events:none;transition:.2s}#toast.visible{opacity:1;transform:translate(-50%,0)}#fx{position:absolute;inset:0;pointer-events:none;z-index:10;overflow:hidden}.float-text{position:absolute;left:0;top:0;font:39px Bowlby;letter-spacing:1px;color:#ffce31;text-shadow:3px 3px 0 #17232f,-2px -2px 0 #17232f,2px -2px 0 #17232f,-2px 2px 0 #17232f;white-space:nowrap;animation:floatUp .85s ease-out forwards}.float-text.crit{color:#fff0aa;font-size:47px}.flying-cash{position:absolute;width:32px;height:32px;display:grid;place-items:center;border:3px solid #dc960c;border-radius:50%;background:#ffd439;color:#de9410;box-shadow:inset 0 0 0 2px #ffe87a;font:bold 19px Arial;text-shadow:1px 1px #fffaa4;transition:transform .65s cubic-bezier(.58,-.15,.81,.53),opacity .2s}.bill{width:45px;height:24px;border-radius:4px;background:#85da7e;border-color:#286849;color:#25754b;box-shadow:inset 0 0 0 2px #b4ed9d}#flash{position:absolute;inset:0;z-index:15;background:#fff1b8;opacity:0;pointer-events:none}#celebration{position:absolute;top:370px;left:110px;right:30px;text-align:center;font:65px Bowlby;color:#ffd544;text-shadow:4px 5px #182833,-2px -2px #182833;transform:rotate(-7deg);opacity:0;transition:opacity .12s}#celebration small{display:block;font-size:29px;color:white;margin-top:8px}#celebration.show{opacity:1;animation:pop .4s cubic-bezier(.2,1.5,.5,1)}@keyframes floatUp{0%{opacity:1;transform:translate(-50%,-10px) scale(.75)}20%{transform:translate(-50%,-40px) scale(1.12)}100%{opacity:0;transform:translate(-50%,-145px) scale(.95)}}@keyframes tap{50%{transform:translateY(8px) rotate(-8deg)}}@keyframes pulse{to{transform:scale(1.05)}}@keyframes pop{from{transform:rotate(-7deg) scale(.4)}to{transform:rotate(-7deg) scale(1)}}

.car-card:disabled{opacity:1;filter:none}.car-card.locked img{filter:saturate(.45);opacity:.80}.car-card.locked strong{color:#c9d5dc}.car-card.locked small{color:#a8bdc7}#frame:fullscreen{width:100vw!important;height:100vh!important;display:flex;justify-content:center;align-items:center}#frame:fullscreen #game{position:relative;flex-shrink:0;transform-origin:center center}

/* V2 illustrated splash and original shared-library typeface. */
#splash{background:#101a22;cursor:pointer}
.splash-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.splash-shade{position:absolute;inset:0;background:linear-gradient(transparent 32%,#0b121322 46%,transparent 61%,#051015ad 100%)}
.splash-game-logo{position:absolute;top:40px;left:43px;width:634px;height:auto;filter:drop-shadow(0 9px 8px #0008)}
#splash #enter{position:absolute;top:593px;left:25px;width:670px;min-height:90px;border:0;background:transparent;padding:10px 0;font:31px Bowlby;color:#fff;letter-spacing:.5px;text-shadow:0 4px #122731,-3px -3px #122731,3px -3px #122731,-3px 3px #122731,3px 3px #122731;filter:drop-shadow(0 5px 12px #0008)}
#splash #enter:enabled #loading{animation:playBlink 1.1s ease-in-out infinite}
#splash .mapi{position:absolute;bottom:44px;left:50%;transform:translateX(-50%);margin:0;width:232px;height:auto;max-width:none;filter:drop-shadow(0 5px 8px #0008)}
#splash .splash-version{bottom:18px;font-size:10px;letter-spacing:3px;color:#d7e6e6}
@keyframes playBlink{0%,100%{opacity:1;filter:brightness(1.2)}50%{opacity:.30;filter:brightness(.9)}}
.menu-game-logo{position:absolute;left:130px;top:18px;width:460px;height:auto;filter:drop-shadow(0 6px 7px #0008)}
.menu-top{position:absolute;top:294px;width:100%;font-size:14px;letter-spacing:3px}
.menu-stats{top:325px;left:205px;right:205px;padding:8px;font-size:18px}
.armored-button{position:absolute;top:398px;left:164px;width:392px;background:linear-gradient(#697851,#334735);border:3px solid #d3bb61;border-bottom:6px solid #192c21;border-radius:14px;font:21px Bowlby;letter-spacing:.4px;box-shadow:0 5px #0e1b1c;padding:10px 5px;text-shadow:0 2px #253528}
.armored-button small{display:block;font:700 10px Arial;letter-spacing:2px;color:#ffe780;margin-top:5px}
.menu-actions .play-button>span{font-size:41px}.menu-grid button{font-size:19px}.challenge-button{font-size:21px}.challenge-button .icon{font-family:Arial}
.hud-game-logo{position:absolute;top:109px;left:194px;width:310px;height:auto;filter:drop-shadow(0 4px 3px #10233080)}
.vehicle-info b{font-size:18px}.wallet b{font-size:34px}.side-nav button{font-size:12px}.side-nav span{font-family:Arial}
#upgrade-bar .upgrade .uname{font-size:13px}#upgrade-bar .upgrade .buy-price{font-size:19px}#special{font-size:16px}
#tap-hint{font-size:20px}.car-card strong{font-size:13px}.car-card small{font-size:10px}.full-button{font-size:21px}.shop-row strong{font-size:17px}.shop-row button{font-size:19px}.trophy strong{font-size:19px}.modal-card h1{font-size:34px}.settings-row{font-size:21px}
#celebration{top:335px;left:30px;right:30px;font:51px/1.03 Bowlby;letter-spacing:-1px;color:#ffdc42;transform:rotate(-5deg);text-shadow:0 7px #192937,-3px -3px #192937,3px -3px #192937,-3px 3px #192937,3px 3px #192937;z-index:12;pointer-events:none}
#celebration>span{display:block;font-size:47px;color:#fff8d8;margin-bottom:3px}#celebration small{font:22px Bowlby;letter-spacing:0;margin-top:15px}#celebration em{display:block;font:800 11px Arial;color:#fff;letter-spacing:4px;margin-top:14px}
#cinematic{position:absolute;inset:0;z-index:11;pointer-events:none;opacity:0;transition:opacity .3s}#cinematic span{position:absolute;left:0;width:100%;height:24px;background:#08131b}#cinematic span:first-child{top:0}#cinematic span:last-child{bottom:0}.finishing #cinematic{opacity:1}.finishing .side-nav,.finishing .vehicle-info,.finishing #power-row,.finishing #upgrade-bar,.finishing #combo{opacity:.28;transition:opacity .3s}.finishing #tap-hint{display:none}.finishing #celebration{z-index:14}

#splash .splash-version{left:0;text-align:center}

/* V3: compact dimensional navigation leaves the 3D vehicle in view. */
.menu-game-logo{width:390px;left:165px;top:8px}.menu-top{top:252px}.menu-stats{top:280px}.armored-button{top:344px;font-size:17px;width:360px;left:180px}.menu-actions{bottom:92px;left:42px;right:42px}.menu-actions .play-button{padding:12px}.menu-actions .play-button>span{font-size:37px}.challenge-button{margin-top:13px;padding:11px 18px;font-size:19px}.challenge-button .icon{font-size:42px}.menu-grid{margin-top:14px;gap:12px}.menu-grid button{padding:9px 3px 10px;font-size:17px}.menu-grid span{font-size:31px;margin-bottom:6px}.quiet{margin-top:12px;font-size:14px}.boss-button{width:100%;margin-top:13px;padding:12px;background:linear-gradient(#b34b32,#722f2a);border:3px solid #f2a457;border-bottom:6px solid #3e2426;border-radius:15px;font:23px Bowlby;box-shadow:0 5px #12222b}.boss-button small{display:block;font:bold 11px Arial;color:#ffdba6;margin-top:5px;letter-spacing:2px}.menu-extras{display:flex;gap:12px;margin-top:12px}.menu-extras button{flex:1;background:linear-gradient(#3d5967,#233846);border:2px solid #6e8c9b;border-bottom:5px solid #132b36;border-radius:10px;padding:10px;font:15px Bowlby}.menu-mapi{height:48px;bottom:22px}
#arrival{position:absolute;top:460px;left:35px;right:35px;text-align:center;opacity:0;transform:translateY(15px) scale(.9);transition:.2s;pointer-events:none;text-shadow:0 4px #0b202d;z-index:5}#arrival.show{opacity:1;transform:translateY(0) scale(1)}#arrival strong{display:block;font:31px Bowlby;color:#ffdf4d}#arrival small{font:bold 12px Arial;letter-spacing:4px;color:#d2f3ff}#arrival span{display:block;font:17px Bowlby;color:#fff;margin-top:8px}.finishing #arrival{display:none}
#yard-label,#mission-short{position:absolute;background:#162d39dc;border:1px solid #91acb980;border-radius:7px;font:bold 10px Arial;letter-spacing:1.3px;padding:8px 12px;color:#d4e5e8;pointer-events:auto}#yard-label{top:980px;left:24px}#mission-short{top:980px;right:24px;color:#ffe083}#charge-meter{position:absolute;top:845px;left:158px;width:404px;text-align:center;opacity:0;pointer-events:none;background:#112838e8;border:2px solid #f4ce56;border-radius:13px;padding:13px;z-index:14}#charge-meter.show{opacity:1}#charge-meter strong{font:21px Bowlby;color:#ffe35e}#charge-meter>div{height:23px;position:relative;margin:11px 0;background:linear-gradient(90deg,#a84026,#e99a20);border-radius:5px;overflow:hidden}#charge-meter i{position:absolute;left:77%;width:16%;height:100%;background:#75ef4c}#charge-cursor{position:absolute;top:-1px;height:25px;width:6px;background:white;box-shadow:0 0 7px #000;transform:translateX(-3px)}#charge-meter small{font:bold 10px Arial;letter-spacing:1px}.finishing #yard-label,.finishing #mission-short{opacity:.2}#special{touch-action:none;font-size:14px}#power-row{top:1036px}#wrecks{font-size:11px;max-width:215px}
progress{width:100%;height:9px;margin-top:8px;accent-color:#77d83e}.trophy>div{flex:1}.yard-card{display:block;width:100%;margin-top:16px;padding:22px;text-align:left;border:2px solid #829bab;border-bottom:7px solid #142a36;background:linear-gradient(120deg,#3e6375,#203642);border-radius:17px}.yard-card:nth-of-type(3){background:linear-gradient(120deg,#536c81,#142d43)}.yard-card:nth-of-type(4){background:linear-gradient(120deg,#273d6c,#162037)}.yard-card:nth-of-type(5){background:linear-gradient(120deg,#9b7953,#594b3b)}.yard-card>span{float:left;font:48px Arial;width:80px}.yard-card strong{display:block;font:22px Bowlby}.yard-card small{display:block;font:bold 12px Arial;color:#eedf96;margin-top:8px}.yard-card.selected{border-color:#ffd249}.trophy small{font-size:13px}.finishing #celebration{top:330px}

.menu-tools{display:flex;justify-content:center;gap:35px}.menu-tools .quiet{margin:12px 0 0}.help-car img{width:100%;height:180px;object-fit:contain}.trophy small{line-height:1.5}.finishing #toast{bottom:225px}#toast{font-size:18px;white-space:normal;text-align:center;width:max-content;max-width:620px}

/* V4: legible upgrades, campaign and vehicle classes, at 720 × 1280. */
#upgrade-bar{top:1070px;gap:8px;left:14px;right:14px}
#upgrade-bar .upgrade{height:182px;border-width:2px;border-bottom-width:5px;padding:0 5px 7px}
#upgrade-bar .upgrade .uicon{top:8px;left:10px;font-size:34px}
#upgrade-bar .upgrade .level{top:20px;right:9px;font-size:17px;color:#e1eef2}
#upgrade-bar .upgrade .uname{margin-top:54px;font-size:17px;letter-spacing:0;line-height:1.2;white-space:nowrap}
#upgrade-bar .upgrade small{font:700 17px/1.12 Arial;margin:8px 0 7px;min-height:34px;display:grid;place-items:center;color:#d6e5eb}
#upgrade-bar .upgrade .buy-price{font-size:25px;line-height:1.15;padding:7px 0;margin:4px 2px 0}
#power-row{top:1008px}#special{font-size:20px;padding:10px 17px}#special b{font-size:14px}#wrecks{font-size:14px;max-width:215px}
#yard-label,#mission-short{top:969px;font-size:12px;padding:8px 10px;letter-spacing:.5px}
.vehicle-info{width:254px}.vehicle-info b{font-size:19px}.vehicle-info #vehicle-class{color:#ffd362;letter-spacing:1px;font:bold 14px Arial;margin-top:10px}.vehicle-info #stage{font-size:12px}
.class-tag{display:block;color:#ffce61;font:bold 11px Arial;letter-spacing:1.4px;margin-top:5px}
#journey-short{position:absolute;top:411px;left:85px;width:550px;border:1px solid #99c0d06b;border-radius:10px;background:#132b37c9;padding:11px 6px;color:#ffe29a;font:bold 15px Arial;letter-spacing:1px}
.menu-extras button{padding:11px 3px;font-size:14px}.shop-row strong{font-size:20px}.shop-row small{font-size:17px}.shop-row button{font-size:23px;padding:12px}.shop-row .big-icon{font-size:36px;width:40px}.shop-row{gap:12px}
#tutorial-tip{display:none;position:absolute;z-index:16;top:538px;left:65px;width:590px;background:#153342ed;border:2px solid #8ef7ee;border-bottom:6px solid #10252e;border-radius:18px;padding:17px 20px;text-align:center;box-shadow:0 10px 25px #0004}
#tutorial-tip.show{display:block}#tutorial-tip strong{display:block;font:23px Bowlby;color:#fff2a2}#tutorial-tip span{display:block;font:19px/1.4 Arial;color:#d7eff3;margin:9px 0}#tutorial-tip small{font:bold 17px Arial;color:#a6f46c}
.float-text.weak{color:#8fffee;font-size:28px}
.chapter{display:flex;align-items:center;gap:13px;padding:19px 14px;margin-bottom:15px;border:2px solid #54798d;border-radius:15px;background:#152d3c}.chapter.done{border-color:#85b44e}.chapter>div{flex:1}.chapter strong{font:21px Bowlby;color:#ffdc6c}.chapter small{display:block;font:15px/1.4 Arial;color:#c1d5df;margin-top:6px}.chapter-num{font:31px Bowlby;color:#7498ad}.chapter button{padding:11px 8px;background:linear-gradient(#70c339,#379127);border:2px solid #b0e581;border-bottom:5px solid #1d5721;border-radius:9px;font:15px Bowlby}.chapter button:disabled{background:#304c59;border-color:#57727d;color:#aac8c8}.final-contract{text-align:center;border:2px solid #b395e4;background:linear-gradient(#303b53,#182934);border-radius:18px;padding:20px}.final-contract img{width:100%;height:190px;object-fit:contain}.final-contract strong{display:block;font:28px Bowlby;color:#bfeaa1}.final-contract p{font:18px/1.5 Arial;color:#dae6ef}.final-contract .full-button:disabled{background:#425366;border-color:#6b7b8e}.campaign-reward{font:30px Bowlby;color:#ffda53;padding:20px;margin-bottom:23px;border:2px solid #ddb642;border-radius:16px;background:#263b32}.campaign-reward small{font:14px Arial;letter-spacing:2px}.result h2{font-size:49px}.finishing #tutorial-tip{display:none}

#timer{top:430px}#hud[data-mode="challenge"] #arrival,#hud[data-mode="boss"] #arrival{top:565px}

#upgrade-bar .upgrade small{min-height:32px;margin:7px 0 5px}#upgrade-bar .upgrade .buy-price{padding:6px 0}

.menu-game-logo{width:330px;left:195px}.menu-top{top:214px}.menu-stats{top:240px}.armored-button{top:306px}#journey-short{top:374px}

/* V5: non-overlapping portrait HUD and the perfect-release cinematic. */
.hud-game-logo{left:24px;top:111px;width:322px;height:214px;object-fit:contain}
.vehicle-info{left:auto;right:24px;top:124px;width:314px;height:206px;padding:16px 16px 12px;box-sizing:border-box}
.vehicle-info>div:first-child{padding-right:42px}.vehicle-info #vehicle-num{font-size:15px;letter-spacing:1px}
.vehicle-info b{font-size:22px;line-height:1.22;min-height:57px;display:flex;align-items:center;margin:5px 0 7px}
.vehicle-info #pct{right:14px;top:15px;font-size:24px}.vehicle-info #stage{font-size:13px}.vehicle-info #vehicle-class{font-size:15px;margin-top:9px}
.side-nav{left:24px;top:352px;display:flex;flex-direction:row;gap:12px}.side-nav button{width:102px;height:90px;font-size:14px}.side-nav span{font-size:31px;margin-bottom:6px}
#timer{top:348px;right:24px;width:244px;height:101px;padding:11px;box-sizing:border-box}#timer b{font-size:41px;line-height:1.15}#timer small{font-size:13px}
#combo{top:354px;left:376px;right:24px}#combo b{font-size:32px}
#hud[data-mode="challenge"] #combo,#hud[data-mode="boss"] #combo{top:470px;left:200px;right:90px}
#arrival,#hud[data-mode="challenge"] #arrival,#hud[data-mode="boss"] #arrival{top:466px;left:30px;right:30px}
#arrival strong{font-size:29px}#arrival span{font-size:17px}.finishing #celebration{top:355px}
.finishing .side-nav,.finishing .vehicle-info,.finishing #combo,.finishing #timer{visibility:hidden}
#super-smash{position:absolute;left:26px;right:26px;top:351px;z-index:15;pointer-events:none;text-align:center;opacity:0;transform:scale(.85);transition:opacity .14s,transform .18s;background:linear-gradient(115deg,#0c3019ed,#17451fec,#0b241bed);border:3px solid #93ff70;border-bottom:7px solid #1d712f;border-radius:17px;padding:16px 10px;box-shadow:0 0 34px #75ff5d55}
#super-smash.show{opacity:1;transform:scale(1)}#super-smash strong{display:block;font:28px/1.2 Bowlby;color:#a3ff70;text-shadow:0 3px #103522}#super-smash b{display:block;font:23px Bowlby;color:#fff2bb;margin-top:12px}
#super-border{pointer-events:none;position:absolute;inset:0;z-index:4;opacity:0;box-shadow:inset 0 0 90px #54f32a80,inset 0 0 12px #91ff85;transition:opacity .3s}.super-active #super-border{opacity:1}
.super-active .side-nav,.super-active #combo,.super-active #timer{visibility:hidden}
.super-active #special{background:linear-gradient(#98ff58,#38a51d);color:#143b16;border-color:#c2ff92}
#hud:has(#arrival.show) #combo{visibility:hidden}
#power-row{height:54px;min-height:0;top:1008px;align-items:center}#special{height:54px;box-sizing:border-box;padding:7px 16px}

.vehicle-info{background:#243c48}#toast{bottom:auto;top:885px;max-width:650px;font-size:17px;padding:12px 16px;box-sizing:border-box}.finishing #toast{bottom:auto;top:885px}
.finishing #celebration{top:390px}

/* Only game visuals are frozen; the advertising SDK owns its own creative. */
#game.ad-blocked *, #game.ad-blocked *::before, #game.ad-blocked *::after { animation-play-state: paused !important; }
/* GamePix's universal touch-action reset must not disable scrolling the shop. */
#modal-content, #modal-content * { touch-action:pan-y; }
.video-reward { display:grid; grid-template-columns:64px 1fr; gap:10px 16px; padding:22px; margin-top:24px; border:3px solid #a3e841; border-radius:20px; background:linear-gradient(135deg,#253b42,#14242e); box-shadow:inset 0 2px #ffffff25,0 5px #08121a; }
.video-reward .video-icon { font-size:48px; color:#ffce38; text-shadow:0 3px #866000; align-self:center; }
.video-reward strong { font-size:24px; color:#e7ffb7; }
.video-reward p { margin:6px 0; font:700 19px Arial,sans-serif; line-height:1.35; color:#ecf3f7; }
.video-reward .full-button { grid-column:1/-1; margin:6px 0; min-height:66px; font-size:22px; }
.video-reward small { grid-column:1/-1; font:700 14px Arial,sans-serif; line-height:1.4; color:#ccdfdd; text-align:center; }