:root{--yellow:#f2cd37;--red:#c91a09;--blue:#0055bf;--green:#4b9f4a;--black:#1b2a34;--white:#f4f4f4;--font:"Arial Rounded MT Bold", "Arial Black", "Helvetica Neue", Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{height:100%;font-family:var(--font);-webkit-user-select:none;user-select:none;touch-action:none;background:#9cc3e0;margin:0;overflow:hidden}#app canvas{display:block}#loading{z-index:50;background:radial-gradient(circle at 50% 40%,#6ab0e6,#2a5f9c);justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:fixed;inset:0}#loading.done{opacity:0;pointer-events:none}.load-box{text-align:center;width:min(560px,90vw)}.logo{flex-direction:column;align-items:center;gap:4px;margin-bottom:30px;display:flex}.logo-crazy{color:var(--yellow);letter-spacing:2px;-webkit-text-stroke:3px var(--black);paint-order:stroke fill;text-shadow:0 6px 0 var(--black), 0 10px 18px #00000059;font-size:clamp(42px,9vw,92px);font-weight:900;transform:rotate(-3deg)}.logo-geneve{color:var(--white);background:var(--red);border:3px solid var(--black);box-shadow:0 5px 0 var(--black);border-radius:10px;padding:2px 22px 6px;font-size:clamp(26px,5vw,48px);font-weight:900;position:relative;transform:rotate(2deg)}.logo-geneve:before{content:"";background:linear-gradient(#fff, #fff) center / 62% 20% no-repeat, linear-gradient(#fff, #fff) center / 20% 62% no-repeat, var(--red);border:3px solid var(--black);border-radius:4px;width:34px;height:34px;margin-top:-17px;position:absolute;top:50%;left:-46px}.load-bar{border:3px solid var(--black);height:26px;box-shadow:0 4px 0 var(--black);background:#fff5;border-radius:13px;overflow:hidden}.load-fill{background:repeating-linear-gradient(90deg, var(--yellow) 0 22px, #e8b923 22px 26px);width:0%;height:100%;transition:width .25s}.load-label{color:#fff;text-shadow:0 2px #0006;margin-top:14px;font-size:18px}.load-error{color:#fff;background:var(--red);border-radius:8px;margin-top:14px;padding:10px 14px;font-size:15px}.hidden{display:none!important}.hud{pointer-events:none;z-index:10;color:#fff;position:fixed;inset:0}.outlined,.hud-time-val,.hud-money-val,.hud-speed-val,.hud-msg-item,.hud-fare-dest,.hud-fare-timer{-webkit-text-stroke:2px var(--black);paint-order:stroke fill;text-shadow:0 3px 0 var(--black)}.hud-time{text-align:center;position:absolute;top:14px;left:22px}.hud-label{letter-spacing:3px;color:var(--yellow);text-shadow:0 2px 0 var(--black);font-size:15px;font-weight:900}.hud-time-val{color:var(--yellow);min-width:90px;font-size:64px;font-weight:900;line-height:1}.hud-time-val.warn{color:#ff4d3d;animation:.5s infinite alternate pulse}.hud-time-bonus{color:#6dff74;opacity:0;-webkit-text-stroke:2px var(--black);paint-order:stroke fill;margin-left:6px;font-size:34px;font-weight:900;position:absolute;top:22px;left:100%}.hud-time-bonus.pop{animation:1.8s ease-out bonus}@keyframes bonus{0%{opacity:0;transform:translateY(10px)scale(.6)}15%{opacity:1;transform:translateY(0)scale(1.25)}70%{opacity:1;transform:translateY(-6px)scale(1)}to{opacity:0;transform:translateY(-20px)scale(1)}}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.12)}}.hud-money{text-align:right;position:absolute;top:16px;right:22px}.hud-money-val{color:#fff;font-size:40px;font-weight:900}.hud-fares{color:#fff;text-shadow:0 2px 0 var(--black);font-size:16px}.hud-fare{border:3px solid var(--black);text-align:center;background:#1b2a34c7;border-radius:14px;min-width:300px;padding:8px 18px 10px;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 4px #00000059}.hud-fare-dest{color:#6dff74;white-space:nowrap;font-size:26px;font-weight:900}.hud-fare-row{justify-content:center;align-items:center;gap:18px;margin-top:2px;display:flex}.hud-fare-dist{min-width:100px;font-size:22px;font-weight:900}.hud-fare-dist.stop{color:#ff4d3d;animation:.25s infinite alternate pulse}.hud-fare-timer{color:var(--yellow);border:4px solid var(--yellow);background:#00000040;border-radius:50%;width:62px;height:62px;font-size:38px;font-weight:900;line-height:56px}.hud-fare-timer.warn{color:#ff4d3d;border-color:#ff4d3d}.hud-fare-meter{color:#fff;font-variant-numeric:tabular-nums;min-width:110px;font-size:20px;font-weight:900}.hud-msg{flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:40%;left:0;right:0}.hud-msg-item{color:var(--yellow);white-space:nowrap;font-size:54px;font-weight:900;animation:1.6s ease-out forwards msg}.hud-msg-item.green{color:#6dff74}.hud-msg-item.red{color:#ff4d3d}.hud-msg-item.white{color:#fff}.hud-msg-item.small{font-size:32px}.hud-msg-item.huge{font-size:96px}@keyframes msg{0%{opacity:0;transform:scale(.3)rotate(-6deg)}12%{opacity:1;transform:scale(1.15)rotate(2deg)}22%{transform:scale(1)rotate(0)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)translateY(-14px)}}.hud-tips{flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:absolute;top:110px;right:26px}.hud-tip-item{color:var(--yellow);background:#1b2a34b3;border-radius:8px;padding:4px 10px;font-size:20px;font-weight:900;animation:1.6s ease-out forwards tip}@keyframes tip{0%{opacity:0;transform:translate(30px)}12%{opacity:1;transform:translate(0)}80%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.hud-speech{max-width:min(560px,80vw);color:var(--black);border:3px solid var(--black);text-align:center;background:#fff;border-radius:16px;padding:8px 16px 10px;font-size:19px;position:absolute;top:126px;left:50%;transform:translate(-50%);box-shadow:0 4px #0000004d}.hud-speech:before{content:"";border:10px solid #0000;border-top-color:var(--black);margin-left:-10px;position:absolute;bottom:-14px;left:50%}.hud-speech.pop{animation:.3s ease-out speech}@keyframes speech{0%{opacity:0;transform:translate(-50%)scale(.6)}to{opacity:1;transform:translate(-50%)scale(1)}}.hud-speech-name{color:var(--red);letter-spacing:1px;text-transform:uppercase;font-size:13px;font-weight:900}.hud-speed{position:absolute;bottom:18px;left:22px}.hud-speed-val{font-variant-numeric:tabular-nums;font-size:58px;font-weight:900;line-height:1}.hud-speed-unit{color:var(--yellow);text-shadow:0 2px 0 var(--black);margin-bottom:6px;font-size:16px}.hud-boost-label{letter-spacing:2px;color:#fff;text-shadow:0 2px 0 var(--black);font-size:11px}.hud-boost-bar{border:3px solid var(--black);background:#00000059;border-radius:8px;width:170px;height:14px;overflow:hidden}.hud-boost-fill{background:linear-gradient(90deg,#ff9a1f,#f2cd37);height:100%;transition:width .1s}.hud-boost-fill.on{background:linear-gradient(90deg,#ff4d3d,#ffdf6b)}.hud-street{color:#1b2a34;opacity:0;white-space:nowrap;background:#fff;border:3px solid #1b2a34;border-radius:6px;padding:3px 14px;font-size:18px;font-weight:900;position:absolute;bottom:22px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 3px #0055bf}.hud-street.pop{animation:3.5s ease-out forwards street}@keyframes street{0%{opacity:0;transform:translate(-50%,16px)}10%{opacity:1;transform:translate(-50%)}80%{opacity:1}to{opacity:0}}.hud-minimap{width:230px;height:230px;position:absolute;bottom:18px;right:18px}.hud-minimap canvas{width:100%;height:100%}.hud-hint{text-align:center;background:#1b2a34bf;border-radius:10px;padding:8px 16px;font-size:15px;line-height:1.5;position:absolute;bottom:70px;left:50%;transform:translate(-50%)}.hud-hint b{color:var(--yellow)}@media (max-width:760px){.hud-time-val{font-size:44px}.hud-money-val{font-size:26px}.hud-minimap{width:150px;height:150px}.hud-fare{min-width:0;top:70px}.hud-fare-dest{font-size:18px}.hud-msg-item{font-size:34px}.hud-speed-val{font-size:38px}}.menu{z-index:30;color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.title-screen{background:linear-gradient(#0a34638c,#0a346326 45%,#0a3463a6);justify-content:flex-start;padding-top:4vh}.title-screen .logo{margin-bottom:10px}.tagline{text-shadow:0 2px #0009;max-width:640px;margin:6px 0 16px;font-size:18px}.mode-list{flex-direction:column;gap:10px;width:min(460px,92vw);display:flex}.mode-list.row{flex-direction:row;justify-content:center}.btn{pointer-events:auto;font-family:var(--font);border:3px solid var(--black);background:var(--yellow);color:var(--black);cursor:pointer;box-shadow:0 5px 0 var(--black);border-radius:12px;padding:10px 16px;font-size:20px;font-weight:900;transition:transform 80ms,box-shadow 80ms,background .15s;position:relative}.btn:before{content:"";background:radial-gradient(circle at 50% 100%, var(--yellow) 0 6px, transparent 7px) 0 0 / 28px 8px repeat-x;height:8px;filter:drop-shadow(0 -2px 0 var(--black));position:absolute;top:-9px;left:18px;right:18px}.btn:hover,.btn:focus-visible{box-shadow:0 7px 0 var(--black);background:#ffe066;outline:none;transform:translateY(-2px)}.btn:active{box-shadow:0 1px 0 var(--black);transform:translateY(4px)}.btn.small{background:#f4f4f4;padding:6px 12px;font-size:14px}.btn.small:before{background:radial-gradient(circle at 50% 100%,#f4f4f4 0 6px,#0000 7px) 0 0/28px 8px repeat-x}.mode-btn{flex-direction:column;gap:2px;padding:10px 16px 12px;display:flex}.mode-name{font-size:24px}.mode-desc{font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:400}.mode-btn:nth-child(2){background:#ff9a1f}.mode-btn:nth-child(2):before{background:radial-gradient(circle at 50% 100%,#ff9a1f 0 6px,#0000 7px) 0 0/28px 8px repeat-x}.mode-btn:nth-child(3){background:#6dd16a}.mode-btn:nth-child(3):before{background:radial-gradient(circle at 50% 100%,#6dd16a 0 6px,#0000 7px) 0 0/28px 8px repeat-x}.best-scores{text-shadow:0 2px #0009;margin-top:14px;font-size:15px}.best-scores b{color:var(--yellow)}.options-row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.controls-help,.how-to{background:#1b2a3499;border-radius:10px;max-width:720px;margin-top:14px;padding:8px 14px;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.6}.controls-help b{color:var(--yellow)}.dim{opacity:.7}.credits{opacity:.85;max-width:720px;margin-top:12px;font-family:Arial,Helvetica,sans-serif;font-size:11px}.credits a{color:#bfe3ff}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a1e3299}.overlay-title{color:var(--yellow);-webkit-text-stroke:3px var(--black);paint-order:stroke fill;text-shadow:0 6px 0 var(--black);margin-bottom:18px;font-size:72px;font-weight:900}.rank-badge{border:5px solid var(--black);background:var(--yellow);width:130px;height:130px;color:var(--black);box-shadow:0 7px 0 var(--black);border-radius:24px;font-size:66px;font-weight:900;line-height:118px;animation:.7s cubic-bezier(.3,1.6,.5,1) badge}.rank-badge[data-cls=CRAZY]{background:linear-gradient(135deg,#ff4d3d,#f2cd37,#6dff74);width:260px;font-size:54px}@keyframes badge{0%{transform:scale(0)rotate(-20deg)}to{transform:scale(1)rotate(0)}}.rank-title{margin-top:14px;font-size:30px;font-weight:900}.rank-note{opacity:.9;margin-bottom:14px;font-size:16px}.result-stats{background:#1b2a34b3;border-radius:12px;grid-template-columns:1fr 1fr;gap:6px 26px;margin-bottom:16px;padding:12px 20px;font-size:17px;display:grid}.result-stats div{justify-content:space-between;gap:16px;display:flex}.result-stats b{color:var(--yellow)}.record{color:#6dff74;-webkit-text-stroke:2px var(--black);paint-order:stroke fill;margin-bottom:14px;font-size:30px;font-weight:900;animation:.4s infinite alternate pulse}.map-screen{z-index:25;background:#7f98ad;position:fixed;inset:0}.map-screen canvas{width:100%;height:100%}.map-hint{color:#fff;background:#1b2a34bf;border-radius:8px;padding:6px 14px;font-size:14px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.countdown{text-align:center;z-index:20;color:var(--yellow);-webkit-text-stroke:5px var(--black);paint-order:stroke fill;text-shadow:0 9px 0 var(--black);pointer-events:none;font-size:140px;font-weight:900;position:fixed;top:32%;left:0;right:0}.countdown.pop{animation:.9s ease-out forwards count}@keyframes count{0%{opacity:0;transform:scale(2.2)}20%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:0;transform:scale(.8)}}.touch-ui{z-index:15;pointer-events:none;position:fixed;inset:0}.touch-ui button{pointer-events:auto;border:3px solid var(--black);width:84px;height:84px;color:var(--black);font-family:var(--font);touch-action:none;background:#f4f4f48c;border-radius:18px;font-size:30px;font-weight:900;box-shadow:0 4px #0006}.touch-ui button.on{background:#f2cd37d9;transform:translateY(3px);box-shadow:0 1px #0006}.touch-ui button.small{width:70px;height:52px;font-size:14px}.touch-ui .gas{background:#6dd16a99;height:120px}.touch-left{gap:14px;display:flex;position:absolute;bottom:16px;left:16px}.touch-right{grid-template-columns:84px 84px;place-items:end center;gap:12px;display:grid;position:absolute;bottom:16px;right:16px}.touch-pause,.touch-map{position:absolute;top:100px;width:56px!important;height:44px!important;font-size:16px!important}.touch-pause{left:20px}.touch-map{left:86px}body.touch .hud-minimap{width:132px;height:132px;top:70px;bottom:auto;right:12px}body.touch .hud-money{top:8px;right:12px}body.touch .hud-money-val{font-size:26px}body.touch .hud-speed{bottom:112px;left:18px}body.touch .hud-speed-val{font-size:34px}body.touch .hud-boost-bar{width:120px}body.touch .hud-street{font-size:14px;bottom:10px}body.touch .hud-hint{display:none}body.touch .hud-time{top:6px;left:14px}body.touch .hud-time-val{font-size:44px}body.touch .hud-tips{top:210px}@media (max-height:520px){.title-screen{padding-top:10px}.title-screen .logo{transform-origin:top;height:110px;margin-bottom:4px;transform:scale(.62)}.tagline{margin:0 0 8px;font-size:14px}.mode-btn{padding:6px 12px 8px}.mode-name{font-size:18px}.mode-desc{font-size:11px}.mode-list{gap:8px}.overlay-title{margin-bottom:8px;font-size:44px}.rank-badge{width:90px;height:90px;font-size:44px;line-height:80px}.result-stats{padding:8px 14px;font-size:14px}}.hud-fact{width:min(330px,40vw);color:var(--black);border:3px solid var(--black);background:#fff;border-radius:12px;padding:8px 12px 10px;position:absolute;top:128px;left:22px;box-shadow:0 4px #00000059}.hud-fact:before{content:"SIGHT";background:var(--red);color:#fff;letter-spacing:2px;border:2px solid var(--black);border-radius:6px;padding:2px 8px;font-size:11px;font-weight:900;position:absolute;top:-12px;left:10px}.hud-fact.pop{animation:.45s cubic-bezier(.3,1.5,.5,1) fact}@keyframes fact{0%{transform:translate(-120%)}to{transform:translate(0)}}.hud-fact-title{color:var(--blue);font-size:17px;font-weight:900}.hud-fact-text{margin-top:2px;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.35}body.touch .hud-fact{width:min(360px,60vw);top:70px;left:50%;transform:translate(-50%)}body.touch .hud-fact.pop{animation:none}