@font-face{font-family:Lilita One;font-style:normal;font-display:swap;font-weight:400;src:url(./lilita-one-latin-400-normal-87r-Z-Re.woff2)format("woff2"),url(./lilita-one-latin-400-normal-DXkechA3.woff)format("woff")}@font-face{font-family:Lalezar;font-style:normal;font-display:swap;font-weight:400;src:url(./lalezar-latin-400-normal-CsH8Qv7g.woff2)format("woff2"),url(./lalezar-latin-400-normal-Bm4W26Zi.woff)format("woff")}@font-face{font-family:Lalezar;font-style:normal;font-display:swap;font-weight:400;src:url(./lalezar-arabic-400-normal-D6_F3AeY.woff2)format("woff2"),url(./lalezar-arabic-400-normal-BT7j_n2X.woff)format("woff")}@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{--ink:#2b1a12;--cream:#fff3d6;--paper:#fbe3b3;--sand:#f3c77c;--sun:#ffb52e;--orange:#f77f00;--red:#e23b2e;--blue:#2f7fc4;--green:#3fa35a;--teal:#1f9e8f;--shadow:0 5px 0 var(--ink);--font-display:"Lilita One", "Lalezar", "Arial Black", Impact, sans-serif;--font-ar:"Lalezar", "Lilita One", sans-serif;--font-body:"Fredoka", "Trebuchet MS", "Segoe UI", system-ui, sans-serif;--u:clamp(11px, 1.15vmin + 4px, 18px)}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--font-body);font-size:var(--u);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overscroll-behavior:none;background:#f4c27a;margin:0;overflow:hidden}#app{position:fixed;top:0;bottom:0;left:0;right:0}#scene{touch-action:none;width:100%;height:100%;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;overflow:hidden}.hidden{display:none!important}.ar{font-family:var(--font-ar);direction:rtl;unicode-bidi:isolate}.ico{vertical-align:middle;width:1.6em;height:1.6em;display:inline-flex}.ico svg,.ibtn svg,.tbtn svg,.nav svg,.star svg,.truck svg,.goal svg,.load-truck svg{width:100%;height:100%;display:block}button{font:inherit;color:inherit}#boot{z-index:50;background:radial-gradient(circle at 50% 35%,#ffe3a6,#f4b65a 60%,#e8963c);flex-direction:column;justify-content:center;align-items:center;gap:1.2em;transition:opacity .5s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}#boot.out{opacity:0;pointer-events:none}#boot .b-logo{font-family:var(--font-display);letter-spacing:.04em;color:var(--cream);-webkit-text-stroke:.18em var(--ink);paint-order:stroke fill;text-shadow:0 .09em 0 var(--ink);font-size:5em}#boot .b-sub{opacity:.8;font-weight:600}#boot .b-wheel{border:.5em solid var(--ink);border-top-color:var(--cream);border-radius:50%;width:3.4em;height:3.4em;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn{pointer-events:auto;cursor:pointer;font-family:var(--font-display);letter-spacing:.03em;border:.2em solid var(--ink);background:var(--cream);box-shadow:0 .32em 0 var(--ink);white-space:nowrap;border-radius:.9em;flex-direction:column;align-items:center;padding:.55em 1.3em .6em;font-size:1.35em;line-height:1.05;transition:transform 80ms,box-shadow 80ms,background .15s;display:inline-flex}.btn small{font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;opacity:.75;margin-top:.15em;font-size:.5em;font-weight:600}.btn b{color:var(--orange)}.btn:hover{background:#fff;outline:none;transform:translateY(-.08em)}.btn:focus-visible{background:#fff;outline:none;transform:translateY(-.08em)}.btn:active{box-shadow:0 .1em 0 var(--ink);transform:translateY(.22em)}.btn.primary{background:var(--sun)}.btn.primary:hover{background:#ffc85a}.btn.primary:focus-visible{background:#ffc85a}.btn.danger{background:#f6b0a6}.btn.xl{padding:.45em 1.5em .5em;font-size:2.1em;animation:1.6s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(-.12em)rotate(-1deg)}}.ibtn{pointer-events:auto;cursor:pointer;border:.2em solid var(--ink);background:var(--cream);width:3em;height:3em;box-shadow:0 .25em 0 var(--ink);border-radius:.9em;padding:.45em}.ibtn:active{box-shadow:0 .07em 0 var(--ink);transform:translateY(.18em)}.menus{display:none;position:absolute;top:0;bottom:0;left:0;right:0}.menus.on{display:block}.menus .corner{top:max(1em, env(safe-area-inset-top));right:max(1em, env(safe-area-inset-right));z-index:5;gap:.6em;display:flex;position:absolute}.screen{flex-direction:column;align-items:center;padding:2em;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.menus.s-pause,.menus.s-how,.menus.s-win,.menus.s-fail,.menus.s-loading{pointer-events:auto;background:#2b1a1280}.menus.s-loading{background:radial-gradient(circle at 50% 35%,#ffe3a6,#f4b65a 60%,#e8963c)}.screen-title{font-family:var(--font-display);text-align:center;color:var(--cream);-webkit-text-stroke:.16em var(--ink);paint-order:stroke fill;text-shadow:0 .09em 0 var(--ink);margin:0 0 .5em;font-size:2.6em;font-weight:400;line-height:1}.screen-title small{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;-webkit-text-stroke:0;text-shadow:none;color:var(--ink);background:var(--cream);border:.18em solid var(--ink);border-radius:2em;width:-moz-fit-content;width:fit-content;margin:.7em auto 0;padding:.2em 1em;font-size:.34em;font-weight:600;display:block}.row-actions{flex-wrap:wrap;justify-content:center;gap:1em;margin-top:1.2em;display:flex}.col-actions{flex-direction:column;align-items:stretch;gap:.8em;display:flex}.col-actions .btn{width:100%}.sheet{pointer-events:auto;background:var(--paper);border:.28em solid var(--ink);width:min(62em,100%);max-height:100%;box-shadow:0 .6em 0 var(--ink);border-radius:1.6em;margin:auto;padding:1.6em 2em 1.8em;animation:.35s cubic-bezier(.2,1.4,.4,1) pop-in;overflow:auto}.sheet.small{width:min(26em,100%)}.sheet .screen-title{color:var(--sun)}@keyframes pop-in{0%{opacity:0;transform:scale(.85)translateY(1em)}}.screen.title{justify-content:flex-start;gap:1em;padding-top:4vh;padding-bottom:3vh}.logo-wrap{text-align:center;animation:.7s cubic-bezier(.2,1.3,.4,1) drop-in;position:relative}@keyframes drop-in{0%{opacity:0;transform:translateY(-40%)scale(.8)}}.logo{font-family:var(--font-display);letter-spacing:.03em;color:var(--sun);-webkit-text-stroke:.1em var(--ink);paint-order:stroke fill;text-shadow:0 .05em 0 var(--ink), 0 .1em 0 var(--ink), 0 .14em 0 #2b1a1259;margin:0;font-size:clamp(4.5em,17vmin,11em);font-weight:400;line-height:.9;transform:rotate(-3deg)}.logo-ar{font-family:var(--font-ar);color:var(--cream);-webkit-text-stroke:.14em var(--ink);paint-order:stroke fill;text-shadow:0 .07em 0 var(--ink);margin-bottom:-.1em;font-size:clamp(2em,6.5vmin,4.2em);line-height:1;transform:rotate(-3deg)translate(18%)}.tagline{font-family:var(--font-display);background:var(--red);color:var(--cream);border:.16em solid var(--ink);box-shadow:0 .22em 0 var(--ink);border-radius:.5em;margin-top:1.1em;padding:.2em .9em .3em;font-size:1.5em;display:inline-block;transform:rotate(2deg)}.tagline small{font-family:var(--font-body);letter-spacing:.08em;opacity:.9;font-size:.5em;font-weight:600;display:block}.title-actions{flex-flow:wrap;justify-content:center;align-items:center;gap:1.2em;margin-top:auto;display:flex}.wallet{pointer-events:none;background:var(--cream);border:.18em solid var(--ink);box-shadow:0 .2em 0 var(--ink);border-radius:2em;align-items:center;gap:.5em;padding:.25em 1em .25em .5em;font-size:1.05em;display:flex}.wallet b{font-family:var(--font-display);font-size:1.2em;font-weight:400}.wallet small{opacity:.7;font-weight:500}.disclaimer{color:var(--ink);background:#fff3d6bf;border-radius:1em;margin:0;padding:.2em .9em;font-size:.9em;font-weight:600}.screen.route{justify-content:center}.cards{flex-wrap:wrap;justify-content:center;gap:1.6em;max-width:100%;display:flex}.card{pointer-events:auto;cursor:pointer;text-align:left;background:var(--paper);border:.28em solid var(--ink);width:min(27em,92vw);box-shadow:0 .55em 0 var(--ink);border-radius:1.5em;padding:1.2em 1.4em 1.1em;transition:transform .14s,box-shadow .14s,background .14s}.card:hover{box-shadow:0 .95em 0 var(--ink);background:#fff0cf;outline:none;transform:translateY(-.4em)rotate(-.6deg)}.card:focus-visible{box-shadow:0 .95em 0 var(--ink);background:#fff0cf;outline:none;transform:translateY(-.4em)rotate(-.6deg)}.card:active{box-shadow:0 .3em 0 var(--ink);transform:translateY(.2em)}.card-flags{align-items:center;gap:.6em;display:flex}.card-flags img,.load-flags img{border:.16em solid var(--ink);border-radius:.35em;height:2.6em}.card-flags .arrow,.load-flags .arrow{width:1.8em;height:1.8em}.card h3{font-family:var(--font-display);color:var(--red);margin:.35em 0 0;font-size:2em;font-weight:400;line-height:1}.r-algeria h3{color:var(--teal)}.card .from{margin:.2em 0 .5em;font-weight:600}.card .from .ar{opacity:.7;margin-left:.5em}.card .blurb{margin:0 0 .7em;line-height:1.3}.facts{gap:.3em;margin:0;padding:0;list-style:none;display:grid}.facts li{border-top:.12em dashed #2b1a1240;justify-content:space-between;align-items:center;gap:1em;padding-top:.3em;display:flex}.facts b{opacity:.7;text-transform:uppercase;letter-spacing:.08em;font-size:.8em;font-weight:600}.star{vertical-align:-.2em;opacity:.25;filter:grayscale();width:1.2em;height:1.2em;display:inline-block}.star.on{opacity:1;filter:none}.best{opacity:.85;margin-top:.7em;font-size:.9em;font-weight:500}.screen.truck{justify-content:flex-end;align-items:stretch;padding:1.5em}.truck-panel{pointer-events:auto;left:max(1.5em, env(safe-area-inset-left));background:var(--paper);border:.28em solid var(--ink);width:min(25em,44vw);box-shadow:0 .55em 0 var(--ink);border-radius:1.5em;padding:1.1em 1.4em 1.2em;animation:.3s cubic-bezier(.2,1.2,.4,1) slide-in;position:absolute;top:50%;transform:translateY(-52%)}@keyframes slide-in{0%{opacity:0;transform:translateY(-52%)translate(-2em)}}.truck-panel .count{opacity:.55;font-weight:600;position:absolute;top:.9em;right:1.1em}.truck-panel .brand{letter-spacing:.22em;opacity:.65;font-size:.85em;font-weight:700}.truck-panel h2{font-family:var(--font-display);color:var(--red);margin:0;font-size:3.2em;font-weight:400;line-height:.95}.nick{margin:.2em 0 .5em;font-weight:600}.nick .ar{color:var(--blue);margin:0 .3em;font-size:1.25em}.nick small{opacity:.7;font-weight:500;display:block}.truck-panel .blurb{margin:0 0 .7em;font-size:.95em;line-height:1.3}.stats{gap:.28em;margin:0 0 .7em;padding:0;list-style:none;display:grid}.stats li{justify-content:space-between;align-items:center;font-weight:600;display:flex}.pips{gap:.22em;display:inline-flex}.pips i{border:.14em solid var(--ink);background:#2b1a121a;border-radius:.25em;width:1.25em;height:.72em}.pips i.on{background:var(--orange)}.proscons{gap:.25em;margin-bottom:.7em;font-size:.92em;font-weight:500;display:grid}.proscons ul{margin:0;padding:0;list-style:none}.proscons li{padding-left:1.4em;line-height:1.35;position:relative}.proscons li:before{font-weight:700;font-family:var(--font-display);position:absolute;left:0}.pros li:before{content:"+";color:var(--green)}.cons li:before{content:"–";color:var(--red)}.colors{border-top:.14em dashed #2b1a1240;justify-content:space-between;align-items:center;padding-top:.6em;font-weight:600;display:flex}.colors div{gap:.45em;display:flex}.dot{pointer-events:auto;cursor:pointer;border:.18em solid var(--ink);background:var(--c);width:1.9em;height:1.9em;box-shadow:0 .18em 0 var(--ink);border-radius:50%;padding:0}.dot.on{outline:.22em solid var(--sun);outline-offset:.12em}.nav{pointer-events:auto;cursor:pointer;border:.24em solid var(--ink);background:var(--sun);width:4.2em;height:4.2em;box-shadow:0 .35em 0 var(--ink);border-radius:50%;padding:.7em;position:absolute;top:50%;transform:translateY(-50%)}.nav:active{box-shadow:0 .1em 0 var(--ink);transform:translateY(calc(.25em - 50%))}.nav.prev{left:calc(min(25em,44vw) + 4em)}.nav.next{right:max(2em, env(safe-area-inset-right))}.mission{pointer-events:none;background:var(--cream);border:.2em solid var(--ink);box-shadow:0 .3em 0 var(--ink);text-align:right;border-radius:1em;align-self:flex-end;margin-bottom:1em;padding:.5em 1em;font-weight:600}.m-route{justify-content:flex-end;align-items:center;gap:.5em;display:flex}.m-route img{border:.12em solid var(--ink);border-radius:.2em;height:1.3em}.m-route b{font-family:var(--font-display);font-size:1.2em;font-weight:400}.m-line b{color:var(--red)}.m-best{opacity:.7;font-size:.88em}.truck-actions{justify-content:flex-end;align-items:flex-end;gap:1em;display:flex}.how-grid{grid-template-columns:1fr 1fr;gap:1.2em 2.4em;display:grid}.how h4{font-family:var(--font-display);color:var(--red);margin:.6em 0 .25em;font-size:1.35em;font-weight:400}.how ol,.how ul{margin:0;padding-left:1.2em;font-weight:500;line-height:1.4}.how li{margin-bottom:.25em}.c-blue{color:var(--blue)}.c-green{color:var(--green)}.c-orange{color:var(--orange)}.keys{border-collapse:collapse;width:100%;font-weight:500}.keys td{vertical-align:middle;padding:.22em 0}.keys td:first-child{white-space:nowrap;padding-right:1em}kbd{text-align:center;min-width:1.9em;font-family:var(--font-body);background:var(--cream);border:.16em solid var(--ink);border-bottom-width:.3em;border-radius:.45em;margin-right:.2em;padding:.08em .4em;font-size:.85em;font-weight:700;display:inline-block}.legend{list-style:none;padding:0!important}.legend li{align-items:center;gap:.5em;display:flex}.screen.loading{justify-content:center}.load-box{text-align:center;width:min(34em,100%)}.load-flags{justify-content:center;align-items:center;gap:.7em;display:flex}.load-box h2{font-family:var(--font-display);color:var(--cream);-webkit-text-stroke:.14em var(--ink);paint-order:stroke fill;text-shadow:0 .08em 0 var(--ink);margin:.3em 0 .5em;font-size:3em;font-weight:400}.load-bar{border:.22em solid var(--ink);background:#2b1a1233;border-radius:1em;height:1.5em;margin:2.4em 1.5em .6em;position:relative}.load-bar i{background:repeating-linear-gradient(-45deg, var(--red) 0 .7em, #ff6a55 .7em 1.4em);border-radius:1em;width:0;transition:width .25s;position:absolute;top:0;bottom:0;left:0}.load-truck{width:3.4em;height:2.2em;transition:left .25s;position:absolute;bottom:70%;left:0;transform:translate(-50%)}.load-label{min-height:1.4em;font-weight:600}.tip{background:var(--cream);border:.18em solid var(--ink);box-shadow:0 .25em 0 var(--ink);border-radius:1em;margin-top:1.4em;padding:.6em 1em;font-weight:500;line-height:1.35}.tip b{font-family:var(--font-display);color:var(--red);margin-right:.4em;font-weight:400}.results .sheet{text-align:center;width:min(36em,100%)}.stamp{font-family:var(--font-display);border:.09em solid;border-radius:.25em;margin:.1em 0 .25em;padding:.08em .4em .14em;font-size:3.6em;line-height:1;animation:.45s cubic-bezier(.3,1.6,.5,1) both stamp;display:inline-block;transform:rotate(-5deg)}.stamp .ar{font-size:.42em;display:block}.stamp.win{color:var(--green)}.stamp.fail{color:var(--red)}@keyframes stamp{0%{opacity:0;transform:rotate(-5deg)scale(2.2)}}.results .sub{margin:.2em 0 .8em;font-size:1.1em;font-weight:600}.rank{text-align:left;justify-content:center;align-items:center;gap:.8em;margin-bottom:.7em;display:flex}.badge{width:2em;height:2em;font-size:2em;font-family:var(--font-display);border:.1em solid var(--ink);background:var(--sun);box-shadow:0 .12em 0 var(--ink);border-radius:50%;place-items:center;display:grid}.badge.r-S{background:#ffd24a}.badge.r-A{background:#9fe07a}.badge.r-B{background:#8fd0f0}.badge.r-C{background:#f0c0a0}.badge.r-D{background:#d9d9d9}.rank-text b{font-family:var(--font-display);font-size:1.6em;font-weight:400;line-height:1;display:block}.rank-text small{opacity:.75;font-weight:500}.bill{border-collapse:collapse;text-align:left;width:100%;margin:.2em 0 .6em;font-weight:600}.bill td{border-bottom:.12em dashed #2b1a1238;padding:.28em .2em}.bill small{opacity:.65;font-size:.82em;font-weight:500;display:block}.bill .num{text-align:right;white-space:nowrap;font-family:var(--font-display);color:var(--green);font-size:1.1em;font-weight:400}.bill .neg .num{color:var(--red)}.bill .zero{opacity:.5}.bill .zero .num{color:inherit}.bill .total td{border-bottom:0;border-top:.22em solid var(--ink);font-family:var(--font-display);padding-top:.35em;font-size:1.5em;font-weight:400}.bill .total .num{color:var(--ink);font-size:1.15em}.facts-row{flex-wrap:wrap;justify-content:center;gap:.4em 1.2em;margin:.4em 0;font-weight:600;display:flex}.facts-row .ico{width:1.4em;height:1.4em;margin-right:.25em}.quip{margin:.6em 0 0;font-style:italic;font-weight:500;line-height:1.35}.quip b{color:var(--red);font-style:normal}.hud{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.panel{border:.22em solid var(--ink);box-shadow:0 .3em 0 var(--ink);background:#fff3d6ed;border-radius:1em;padding:.45em .7em}.hud-tl{top:max(.9em, env(safe-area-inset-top));left:max(.9em, env(safe-area-inset-left));flex-direction:column;align-items:flex-start;gap:.6em;display:flex;position:absolute}.cargo-icons{flex-wrap:wrap;gap:.12em;max-width:15em;display:flex}.cargo-icons span{width:1.35em;height:1.35em}.cargo-icons svg{width:100%;height:100%;display:block}.cargo-row{align-items:baseline;gap:.5em;margin-top:.15em;display:flex}.cargo-row .lbl{letter-spacing:.12em;opacity:.65;font-size:.78em;font-weight:700}.cargo-row b{font-family:var(--font-display);font-size:1.45em;font-weight:400}.cargo-row .money{font-family:var(--font-display);color:var(--green);white-space:nowrap;margin-left:auto;padding-left:.4em;font-size:1.15em}.panel.cargo{min-width:12.5em}.cargo-row b{display:inline-block}.cargo-row b.bump{animation:.35s bump}@keyframes bump{30%{transform:scale(1.35)}}.panel.health{align-items:center;gap:.5em;padding:.35em .6em;display:flex}.health .bar{border:.16em solid var(--ink);background:#2b1a122e;border-radius:1em;width:11.5em;height:1.05em;overflow:hidden}.health .bar i{background:linear-gradient(#7fe08a,#3fa35a);width:100%;height:100%;transition:width .25s;display:block}.health .bar i.mid{background:linear-gradient(#ffd66a,#f2a52b)}.health .bar i.low{background:linear-gradient(#ff8a7a,#e23b2e);animation:.5s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.55}}.boosts{gap:.2em;display:flex}.boosts span{width:2.3em;height:2.3em;filter:drop-shadow(0 .14em 0 var(--ink))}.boosts svg{width:100%;height:100%}.boosts span.on{animation:1.4s ease-in-out infinite wiggle}@keyframes wiggle{50%{transform:rotate(-9deg)scale(1.06)}}.teafx{border:.18em solid var(--ink);background:#fff3d6ed;border-radius:2em;align-items:center;gap:.4em;padding:.15em .6em .15em .3em;display:flex}.teafx i{background:var(--green);border-radius:1em;width:5em;height:.55em;display:block}.hud-tc{top:max(.9em, env(safe-area-inset-top));flex-direction:column;align-items:center;gap:.35em;width:min(34em,46vw);display:flex;position:absolute;left:50%;transform:translate(-50%)}.progress{align-items:center;gap:.6em;width:100%;display:flex}.progress .flag{border:.14em solid var(--ink);height:1.7em;box-shadow:0 .14em 0 var(--ink);border-radius:.25em}.progress .goal{flex:none;width:2.1em;height:2.1em}.progress .track{border:.18em solid var(--ink);background:#fff3d6d9;border-radius:1em;flex:1;height:.95em;position:relative}.progress .fill{background:var(--sun);border-radius:1em;position:absolute;top:0;bottom:0;left:0}.progress .mark{background:var(--red);border:.08em solid var(--ink);border-radius:.2em;width:.32em;position:absolute;top:-.5em;bottom:-.5em;transform:translate(-50%)}.progress .truck{width:2.5em;height:1.65em;position:absolute;top:50%;transform:translate(-50%,-62%)}.objective{font-family:var(--font-display);color:var(--cream);-webkit-text-stroke:.28em var(--ink);paint-order:stroke fill;text-align:center;font-size:1.25em;line-height:1.1}.objective b{color:var(--sun);margin-left:.5em;font-weight:400}.timer{font-family:var(--font-display);color:var(--cream);-webkit-text-stroke:.26em var(--ink);paint-order:stroke fill;align-items:center;gap:.3em;font-size:1.1em;display:flex}.timer .ico{width:1.25em;height:1.25em}.timer b{font-weight:400}.timer .coins{align-items:center;gap:.25em;margin-left:1em;display:inline-flex}.hud-tr{top:max(4.6em, calc(env(safe-area-inset-top) + 4em));right:max(.9em, env(safe-area-inset-right));flex-direction:column;align-items:center;gap:.45em;display:flex;position:absolute}.radar{border:.26em solid var(--ink);width:168px;height:168px;box-shadow:0 .3em 0 var(--ink);background:var(--paper);border-radius:50%;overflow:hidden}.radar canvas{width:100%;height:100%;display:block}.mood{text-align:center;border:.2em solid var(--ink);box-shadow:0 .24em 0 var(--ink);border-radius:2em;min-width:9em;padding:.12em 1em .2em;line-height:1}.mood b{font-family:var(--font-display);font-size:1.25em;font-weight:400;display:block}.mood small{letter-spacing:.08em;text-transform:uppercase;opacity:.8;font-size:.72em;font-weight:600}.mood.calm{background:#a8e6a1}.mood.suspect{background:#ffe07a}.mood.search{background:#ffb35c}.mood.chase{background:var(--red);color:#fff;animation:.4s steps(2,end) infinite alarm}@keyframes alarm{50%{background:#2a6bff}}.sirens{gap:.15em;min-height:1.9em;display:flex}.sirens span{width:1.9em;height:1.9em;animation:.4s ease-in-out infinite wiggle}.sirens svg{width:100%;height:100%}.hud-br{right:max(1em, env(safe-area-inset-right));bottom:max(1em, env(safe-area-inset-bottom));position:absolute}.speedo{border:.26em solid var(--ink);width:10.5em;height:10.5em;box-shadow:0 .32em 0 var(--ink);text-align:center;background:#fff3d6ed;border-radius:50%;position:relative}.speedo svg{width:calc(100% - 1em);height:calc(100% - 1em);position:absolute;top:.5em;bottom:.5em;left:.5em;right:.5em}.speedo .arc-bg{fill:none;stroke:#2b1a122e;stroke-width:9px;stroke-linecap:round}.speedo .arc-fg{fill:none;stroke:var(--orange);stroke-width:9px;stroke-linecap:round;stroke-dasharray:216.77;stroke-dashoffset:216.77px;transition:stroke .2s}.speedo .arc-fg.hot{stroke:var(--red)}.speedo .needle{transform-origin:60px 60px}.speedo .needle path{stroke:var(--ink);stroke-width:4.5px;stroke-linecap:round}.speedo .hub{fill:var(--ink)}.speedo b{font-family:var(--font-display);font-size:2em;font-weight:400;line-height:1;position:absolute;top:61%;left:0;right:0}.speedo span{letter-spacing:.12em;opacity:.65;font-size:.68em;font-weight:700;position:absolute;top:83%;left:0;right:0}.hud-buttons{top:max(.9em, env(safe-area-inset-top));right:max(.9em, env(safe-area-inset-right));gap:.5em;display:flex;position:absolute}.hud-buttons .ibtn{width:2.7em;height:2.7em}.hud-center{flex-direction:column;align-items:center;gap:.8em;display:flex;position:absolute;top:34%;left:0;right:0}.banner{text-align:center;animation:.5s cubic-bezier(.2,1.5,.4,1) both banner-in}.banner h2{font-family:var(--font-display);color:var(--sun);-webkit-text-stroke:.13em var(--ink);paint-order:stroke fill;text-shadow:0 .08em 0 var(--ink);margin:0;font-size:clamp(2.4em,7.5vmin,5em);font-weight:400;line-height:1;transform:rotate(-2deg)}.banner p{background:var(--cream);border:.18em solid var(--ink);width:-moz-fit-content;width:fit-content;max-width:90vw;box-shadow:0 .2em 0 var(--ink);border-radius:2em;margin:.5em auto 0;padding:.2em 1.1em;font-size:1.15em;font-weight:600}.banner p:empty{display:none}.banner.bad h2{color:#ff6a55}.banner.good h2{color:#9fe07a}@keyframes banner-in{0%{opacity:0;transform:scale(.4)}}.countdown{font-family:var(--font-display);color:var(--cream);-webkit-text-stroke:.1em var(--ink);paint-order:stroke fill;text-shadow:0 .07em 0 var(--ink);font-size:clamp(6em,26vmin,14em);line-height:1}.countdown.tick{animation:.8s ease-out both tick}@keyframes tick{0%{opacity:0;transform:scale(1.9)}30%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:0;transform:scale(.8)}}.bust{color:#fff;-webkit-text-stroke:.28em var(--ink);paint-order:stroke fill;flex-direction:column;align-items:center;display:flex}.bust b{font-family:var(--font-display);color:#ff6a55;font-size:2em;font-weight:400;animation:.3s steps(2,end) infinite blink}.bust small{-webkit-text-stroke:.34em var(--ink);font-size:1em;font-weight:700}.bust .ring{--p:0%;border:.26em solid var(--ink);background:conic-gradient(var(--red) var(--p), #fff3d6e6 0);width:5.4em;height:5.4em;box-shadow:0 .3em 0 var(--ink);border-radius:50%;margin-bottom:.3em}.hint{background:var(--cream);border:.18em solid var(--ink);box-shadow:0 .2em 0 var(--ink);border-radius:2em;padding:.25em 1.1em;font-weight:700;animation:1.4s ease-in-out infinite bob}.toasts{flex-direction:column;align-items:center;gap:.4em;width:min(40em,92vw);display:flex;position:absolute;top:max(7.4em,13%);left:50%;transform:translate(-50%)}.toast{text-align:center;background:var(--cream);border:.18em solid var(--ink);box-shadow:0 .22em 0 var(--ink);border-radius:1.2em;padding:.25em 1em;font-size:1.05em;font-weight:600;transition:opacity .35s,transform .35s;animation:.3s cubic-bezier(.2,1.4,.4,1) both toast-in}.toast.out{opacity:0;transform:translateY(-.8em)}.toast.good{background:#c4f0b8}.toast.warn{background:#ffe07a}.toast.bad{background:#ffb3a6}.toast.money{font-family:var(--font-display);background:#ffe9a0;font-size:1.2em;font-weight:400}@keyframes toast-in{0%{opacity:0;transform:translateY(1em)scale(.8)}}.pops{position:absolute;top:0;bottom:0;left:0;right:0}.pop{font-family:var(--font-display);color:var(--sun);-webkit-text-stroke:.22em var(--ink);paint-order:stroke fill;white-space:nowrap;font-size:2.2em;animation:.9s ease-out both pop;position:absolute;transform:translate(-50%,-50%)}.pop.red{color:#ff6a55}.pop.white{color:#fff}.pop.green{color:#9fe07a}.pop.small{font-size:1.5em}@keyframes pop{0%{transform:translate(-50%, -50%) scale(.3) rotate(var(--rot));opacity:0}25%{transform:translate(-50%, -70%) scale(1.25) rotate(var(--rot));opacity:1}70%{opacity:1}to{transform:translate(-50%, -170%) scale(1) rotate(var(--rot));opacity:0}}.bubbles{position:absolute;top:0;bottom:0;left:0;right:0}.bubble{text-align:center;border:.18em solid var(--ink);will-change:transform;background:#fff;border-radius:1em;max-width:17em;padding:.3em .8em .35em;font-size:1.1em;font-weight:700;line-height:1.15;position:absolute;top:0;left:0;box-shadow:0 .2em #2b1a1259}.bubble:after{content:"";background:inherit;border-right:.18em solid var(--ink);border-bottom:.18em solid var(--ink);clip-path:polygon(100% 0,100% 100%,0 100%);width:1em;height:1em;position:absolute;bottom:-.72em;left:50%;transform:translate(-50%)rotate(45deg)skew(8deg,8deg)}.bubble.cop{font-family:var(--font-display);letter-spacing:.03em;background:#dbe9ff;font-weight:400}.bubble.boss{background:#fff0b8}.vignette{pointer-events:none;opacity:0;position:absolute;top:0;bottom:0;left:0;right:0}.vignette.hit{background:radial-gradient(#0000 55%,#e23b2e8c);animation:.5s ease-out flash}.vignette.good{background:radial-gradient(#0000 60%,#78dc8280);animation:.6s ease-out flash}.vignette.hot{background:radial-gradient(#0000 60%,#ff961e80);animation:.7s ease-out flash}@keyframes flash{0%{opacity:1}to{opacity:0}}.speedlines{opacity:0;background:repeating-conic-gradient(from 0deg at 50% 46%, transparent 0 2.2deg, #ffffff38 2.2deg 2.6deg, transparent 2.6deg 5.4deg);transition:opacity .25s;position:absolute;top:-10%;bottom:-10%;left:-10%;right:-10%;-webkit-mask-image:radial-gradient(at 50% 46%,#0000 38%,#000 80%);mask-image:radial-gradient(at 50% 46%,#0000 38%,#000 80%)}.speedlines.on{opacity:1;animation:.12s steps(2,end) infinite lines}@keyframes lines{50%{transform:rotate(1.3deg)}}.radio-card{left:max(1em, env(safe-area-inset-left));bottom:max(1em, env(safe-area-inset-bottom));border:.22em solid var(--ink);max-width:min(25em,46vw);box-shadow:0 .3em 0 var(--ink);background:#fff3d6f2;border-radius:1em;align-items:center;gap:.6em;padding:.4em .75em .4em .5em;display:flex;position:absolute}.radio-card.in{animation:.5s cubic-bezier(.2,1.4,.4,1) both radio-in}@keyframes radio-in{0%{transform:translateY(160%)rotate(-5deg)}}.rc-icon{flex:none;width:2.5em;height:2.5em;animation:1s ease-in-out infinite wiggle}.rc-icon svg{width:100%;height:100%;display:block}.rc-text{flex-direction:column;min-width:0;line-height:1.12;display:flex}.rc-text small{letter-spacing:.12em;text-transform:uppercase;color:var(--red);white-space:nowrap;font-size:.7em;font-weight:700}.rc-text b{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;font-size:1.32em;font-weight:400;overflow:hidden}.rc-text em{opacity:.7;white-space:nowrap;text-overflow:ellipsis;font-size:.8em;font-style:normal;font-weight:600;overflow:hidden}.rc-text em:empty{display:none}.rc-eq{flex:none;align-items:flex-end;gap:.15em;height:1.9em;margin-left:.2em;display:flex}.rc-eq i{transform-origin:bottom;border:.1em solid var(--ink);border-radius:.14em;width:.38em;height:100%;display:block;transform:scaleY(.12)}.rc-eq i:first-child{background:var(--red)}.rc-eq i:nth-child(2){background:var(--orange)}.rc-eq i:nth-child(3){background:#f2c230}.rc-eq i:nth-child(4){background:var(--green)}.rc-hint kbd{margin:0}.radio-card.off .rc-icon{animation:none}.radio-card.off .rc-eq{opacity:.3}.radio-card.off .rc-text small{color:inherit;opacity:.6}.radio-row{gap:.6em;display:flex}.col-actions .radio-row .btn{width:auto}.radio-row .radio-btn{flex-direction:row;flex:1;justify-content:center;gap:.45em;min-width:0}.radio-btn .ico{flex:none;width:1.35em;height:1.35em}.radio-btn .rb-text{text-align:left;flex-direction:column;align-items:flex-start;min-width:0;display:flex}.radio-btn .rb-text small{color:var(--red);opacity:1;margin:0 0 .15em}.radio-btn .rb-title{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.radio-row .vol-btn{flex:none;justify-content:center;width:3.3em;padding-left:0;padding-right:0}.vol-bars{align-items:flex-end;gap:.16em;height:1.05em;display:flex}.vol-bars i{background:#2b1a1238;border-radius:.1em;width:.32em;display:block}.vol-bars i.on{background:var(--ink)}.touch{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.tbtn{pointer-events:auto;touch-action:none;border:.24em solid var(--ink);width:6.4em;height:6.4em;font-family:var(--font-display);background:#fff3d6d1;border-radius:50%;padding:1.3em;box-shadow:0 .3em #2b1a12d9}.tbtn.down{background:var(--sun);box-shadow:0 .1em 0 var(--ink);transform:translateY(.2em)scale(.96)}.t-left{left:max(1.2em, env(safe-area-inset-left));bottom:max(1.4em, env(safe-area-inset-bottom));gap:1em;display:flex;position:absolute}.t-right{right:max(1.2em, env(safe-area-inset-right));bottom:max(1.4em, env(safe-area-inset-bottom));flex-direction:column;align-items:flex-end;gap:.8em;display:flex;position:absolute}.t-pedals{align-items:flex-end;gap:.9em;display:flex}.tbtn.pedal{border-radius:1.2em;width:5.6em;height:6.6em;padding:0;font-size:1.15em}.tbtn.pedal.brake{background:#ffbeb4d9;width:4.6em;height:5em}.tbtn.pedal.gas{background:#bef0b4e0}.t-small{gap:.6em;display:flex}.tbtn.small{width:4em;height:4em;padding:.7em}.hud:has(.touch:not(.hidden)) .radio-card{left:50%;bottom:max(1.2em, env(safe-area-inset-bottom));max-width:min(25em,54vw);translate:-50%}.hud:has(.touch:not(.hidden)) .hud-br{bottom:auto;top:max(4.6em, calc(env(safe-area-inset-top) + 4em));right:auto;left:max(.9em, env(safe-area-inset-left));transform-origin:0 0;transform:translateY(11.5em)scale(.7)}@media (max-width:820px){.hud-tc{width:40vw}.radar{width:124px;height:124px}.health .bar{width:8em}.how-grid{grid-template-columns:1fr}.cargo-icons{max-width:11em}}@media (max-height:520px){.radar{width:112px;height:112px}.hud-tr{top:max(3.9em, calc(env(safe-area-inset-top) + 3.4em))}.mood small,.sirens{display:none}.screen{padding:1em}.screen.title{gap:.5em;padding-top:2vh;padding-bottom:2vh}.disclaimer{display:none}.tagline{margin-top:.5em}.truck-panel .blurb,.proscons{display:none}}@media (orientation:portrait){.hud-tc{width:80vw;top:auto;bottom:max(15em,26vh)}.radio-card{max-width:82vw;top:31%;bottom:auto;left:50%;translate:-50%}.hud:has(.touch:not(.hidden)) .radio-card{max-width:82vw;top:31%;bottom:auto;left:50%;translate:-50%}.hud-tr{top:max(4.4em, env(safe-area-inset-top))}.truck-panel{order:2;width:100%;margin-bottom:.8em;animation:none;position:relative;top:auto;left:auto;transform:none}.screen.truck{justify-content:flex-end}.nav{top:30%}.nav.prev{left:1em}.mission{display:none}.truck-actions{order:3;justify-content:space-between}.truck-panel .blurb,.proscons{display:none}.btn.xl{font-size:1.6em}}