:root{--gujjar-gold: #f5b841;--gujjar-orange: #ce7d23;--gujjar-red: #d42828;--gujjar-green: #0a7e3d;--gujjar-sand: #e8c38a;--gujjar-dust: #a37a3a;--dhaba-teal: #1f7a8c;--asphalt: #2a2620;--ink: #1a140c;--paper: #fff7e6;--needle-red: #ef4444}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html,body{width:100%;height:100%;overflow:hidden;background:#0a0806;color:var(--paper);font-family:Bebas Neue,Helvetica Neue,sans-serif;letter-spacing:.02em;touch-action:none;overscroll-behavior:none}body{position:fixed;inset:0}#app{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.hidden{display:none!important}.urdu,.sign-urdu,.btn-urdu,.urdu-title,.go-urdu,.rotate-urdu{font-family:Noto Nastaliq Urdu,Jameel Noori Nastaleeq,serif;letter-spacing:0}#hud{position:absolute;inset:0;pointer-events:none;z-index:10}#road-sign{position:absolute;top:16px;left:16px;background:linear-gradient(180deg,#0f7a3a,#0a5c2a);border:3px solid #fff;border-radius:10px;padding:10px 16px;color:#fff;font-family:Bebas Neue,sans-serif;box-shadow:0 6px 12px #00000073,inset 0 0 0 2px #0a5c2a;min-width:180px;transform:perspective(300px) rotateX(-4deg)}.sign-top{font-size:22px;letter-spacing:4px}.sign-divider{height:2px;background:#fff;opacity:.6;margin:4px 0}.sign-bottom{font-size:14px;letter-spacing:2px;opacity:.9}.sign-urdu{font-size:16px;margin-top:4px;text-align:right;direction:rtl}#distance{position:absolute;top:16px;left:50%;transform:translate(-50%);background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:2px solid var(--gujjar-gold);border-radius:8px;padding:8px 18px;text-align:center;color:var(--gujjar-gold);font-family:Bebas Neue,sans-serif;box-shadow:0 4px 12px #0006}.dist-label{font-size:11px;letter-spacing:3px;opacity:.8}.dist-value{font-size:26px;font-weight:700;line-height:1;margin-top:2px}#speedo{position:absolute;bottom:20px;right:20px;width:180px;height:180px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.6))}.speedo-svg{width:100%;height:100%}.speedo-bg{fill:#0a0804cc;stroke:var(--gujjar-gold);stroke-width:3}.speedo-ring{fill:none;stroke:#ffffff1a;stroke-width:2}.speedo-hub{fill:var(--gujjar-gold);stroke:#1a140c;stroke-width:2}#speedo-needle{transform-origin:100px 100px;transition:transform .06s linear;filter:drop-shadow(0 0 4px rgba(239,68,68,.6))}.speedo-digital{position:absolute;bottom:32px;left:50%;transform:translate(-50%);text-align:center;color:var(--paper);font-family:Rubik Mono One,Bebas Neue,sans-serif;text-shadow:0 0 8px rgba(245,184,65,.5)}#speed-value{font-size:36px;line-height:1;color:var(--gujjar-gold)}.speedo-unit{display:block;font-size:12px;letter-spacing:3px;opacity:.8;margin-top:2px}.tick{stroke:var(--paper);stroke-width:2;opacity:.6}.tick-major{stroke-width:3;opacity:1}.tick-label{fill:var(--paper);font-size:10px;font-family:Bebas Neue,sans-serif;text-anchor:middle;opacity:.8}.tick-red{stroke:var(--needle-red);opacity:1}#gujjar-mode{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%) scale(1);font-family:Bangers,Bebas Neue,cursive;font-size:clamp(48px,10vw,120px);letter-spacing:8px;color:var(--gujjar-gold);text-shadow:0 0 20px rgba(245,184,65,.9),0 0 40px rgba(212,40,40,.6),4px 4px 0 var(--gujjar-red),-2px -2px 0 #000;animation:gujjar-pulse .6s ease-in-out infinite alternate;pointer-events:none;z-index:20}@keyframes gujjar-pulse{0%{transform:translate(-50%,-50%) scale(1) rotate(-2deg);filter:hue-rotate(0deg)}to{transform:translate(-50%,-50%) scale(1.08) rotate(2deg);filter:hue-rotate(15deg)}}#toast{position:absolute;bottom:220px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#d42828eb,#ce7d23eb);color:#fff;padding:10px 20px;border-radius:30px;font-family:Bebas Neue,sans-serif;font-size:16px;letter-spacing:2px;box-shadow:0 6px 18px #00000080;border:2px solid rgba(255,255,255,.25);animation:toast-in .4s ease-out;white-space:nowrap;z-index:15}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}#rage-bubble{position:absolute;top:22%;left:50%;transform:translate(-50%);background:#fff;color:#111;padding:7px 12px;border-radius:14px;font-family:Bangers,Bebas Neue,sans-serif;font-size:clamp(10px,1.7vw,15px);letter-spacing:.4px;text-align:center;box-shadow:0 0 0 2px #000,0 6px 14px #00000073;max-width:min(44vw,240px);animation:rage-shake .5s ease-out;z-index:16}#rage-bubble:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%) rotate(-10deg);border-left:8px solid transparent;border-right:8px solid transparent;border-top:11px solid #fff;filter:drop-shadow(0 2px 0 #000)}#rage-bubble.big{background:#d42828;color:#fff;font-size:clamp(13px,2.2vw,20px);animation:rage-shake-big .5s ease-out;box-shadow:0 0 0 2px #000,0 0 18px #d428288c,0 8px 16px #00000073}#rage-bubble.big:after{border-top-color:#d42828}.rage-urdu{display:block;font-family:Noto Nastaliq Urdu,serif;font-size:.78em;direction:rtl;margin-bottom:2px;color:inherit}.rage-trans{display:block;font-size:.62em;opacity:.85;margin-top:1px;font-style:italic}@keyframes rage-shake{0%,to{transform:translate(-50%) rotate(0)}15%{transform:translate(-53%) rotate(-3deg)}30%{transform:translate(-47%) rotate(3deg)}45%{transform:translate(-52%) rotate(-2deg)}60%{transform:translate(-48%) rotate(2deg)}75%{transform:translate(-51%) rotate(-1deg)}}@keyframes rage-shake-big{0%,to{transform:translate(-50%) scale(1.1)}20%{transform:translate(-54%) scale(1.15) rotate(-4deg)}40%{transform:translate(-46%) scale(1.15) rotate(4deg)}60%{transform:translate(-53%) scale(1.12) rotate(-2deg)}80%{transform:translate(-47%) scale(1.13) rotate(2deg)}}#mobile-hint{position:absolute;bottom:40px;left:50%;transform:translate(-50%);background:#000000bf;border:2px solid var(--gujjar-gold);color:var(--gujjar-gold);padding:10px 20px;border-radius:30px;font-size:16px;letter-spacing:2px;animation:fade-in-out 4s ease forwards}@keyframes fade-in-out{0%{opacity:0}15%{opacity:1}85%{opacity:1}to{opacity:0}}#start-screen{position:absolute;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;overflow:hidden}.start-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 20%,rgba(245,184,65,.4),transparent 60%),radial-gradient(ellipse at 30% 80%,rgba(212,40,40,.3),transparent 60%),linear-gradient(180deg,#3d1a08,#8b3e0a 35%,#ce7d23 65%,#f5b841)}.start-bg:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,transparent 0,transparent 40px,rgba(0,0,0,.08) 40px,rgba(0,0,0,.08) 42px),repeating-linear-gradient(0deg,transparent 0,transparent 60px,rgba(0,0,0,.05) 60px,rgba(0,0,0,.05) 62px);opacity:.5;mix-blend-mode:multiply}.start-bg:after{content:"";position:absolute;bottom:0;left:0;right:0;height:45%;background:linear-gradient(180deg,transparent 0%,rgba(42,38,32,.5) 50%,#1a140c 100%);clip-path:polygon(0 100%,0 80%,20% 60%,35% 70%,50% 55%,70% 65%,85% 50%,100% 60%,100% 100%)}.start-content{position:relative;text-align:center;padding:24px;z-index:2;animation:fadein-up .8s ease-out}@keyframes fadein-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.buffalo{font-size:72px;line-height:1;filter:drop-shadow(0 6px 12px rgba(0,0,0,.5));animation:buffalo-bob 2.4s ease-in-out infinite}@keyframes buffalo-bob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-6px) rotate(3deg)}}.title{font-family:Bangers,Bebas Neue,cursive;font-size:clamp(48px,12vw,120px);line-height:.85;letter-spacing:2px;color:#fff;text-shadow:4px 4px 0 var(--gujjar-red),8px 8px 0 var(--ink),0 0 24px rgba(245,184,65,.8);transform:rotate(-2deg);margin:8px 0 4px}.title span{display:inline-block;color:var(--gujjar-gold);transform:translateY(8px) rotate(5deg);margin:0 6px;text-shadow:4px 4px 0 var(--ink),0 0 20px rgba(255,255,255,.6)}.subtitle{font-family:Bebas Neue,sans-serif;font-size:clamp(18px,4vw,28px);letter-spacing:10px;color:#fff;margin-top:6px;text-shadow:0 2px 0 var(--ink)}.urdu-title{font-size:clamp(24px,5vw,44px);color:#fff;direction:rtl;margin:12px 0;text-shadow:0 2px 6px rgba(0,0,0,.6)}.tagline{font-family:Bebas Neue,sans-serif;font-size:clamp(14px,2.6vw,20px);letter-spacing:4px;color:var(--paper);opacity:.92;margin-bottom:28px;text-shadow:0 1px 2px rgba(0,0,0,.4)}#start-btn,#restart-btn{pointer-events:auto;display:inline-flex;flex-direction:column;align-items:center;gap:2px;background:linear-gradient(180deg,var(--gujjar-red) 0%,#8a1010 100%);color:#fff;font-family:Bebas Neue,sans-serif;font-size:clamp(22px,4.2vw,32px);letter-spacing:4px;padding:18px 40px;border:4px solid var(--gujjar-gold);border-radius:12px;cursor:pointer;box-shadow:0 8px #5a0a0a,0 12px 24px #00000080;transition:transform .08s ease,box-shadow .08s ease}#start-btn:hover,#restart-btn:hover,#start-btn:active,#restart-btn:active{transform:translateY(4px);box-shadow:0 4px #5a0a0a,0 8px 16px #00000080}.btn-urdu{font-size:.6em;opacity:.85;letter-spacing:0}.controls-help{margin-top:24px;font-family:Bebas Neue,sans-serif;font-size:14px;letter-spacing:2px;color:#ffffffd9}.desktop-help,.mobile-help{padding:6px 0}@media(pointer:coarse){.desktop-help{display:none}}@media(pointer:fine){.mobile-help{display:none}}.credits{margin-top:28px;font-size:12px;letter-spacing:3px;color:#fff7e6b3}#game-over{position:absolute;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#14000066,#000000eb);animation:go-fade .8s ease-out}.go-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.85) 100%);pointer-events:none}@keyframes go-fade{0%{opacity:0;backdrop-filter:blur(0)}to{opacity:1;backdrop-filter:blur(6px)}}.go-content{position:relative;text-align:center;padding:24px;z-index:2;animation:go-zoom .9s cubic-bezier(.2,.9,.3,1.3)}@keyframes go-zoom{0%{transform:scale(.5) rotate(-8deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.go-title{font-family:Bangers,Bebas Neue,cursive;font-size:clamp(80px,18vw,220px);letter-spacing:8px;color:var(--gujjar-red);text-shadow:4px 4px 0 #000,0 0 40px rgba(212,40,40,.8);line-height:.9}.go-urdu{font-size:clamp(36px,8vw,72px);color:#fff;direction:rtl;margin:8px 0;text-shadow:0 0 20px rgba(212,40,40,.7)}.go-subtitle{font-family:Bebas Neue,sans-serif;font-size:clamp(16px,3vw,24px);color:var(--gujjar-gold);letter-spacing:4px;margin-bottom:28px;font-style:italic}.go-stats{display:flex;gap:48px;justify-content:center;margin-bottom:32px;flex-wrap:wrap}.stat{color:#fff}.stat-label{font-size:12px;letter-spacing:4px;opacity:.7;margin-bottom:4px}.stat-value{font-family:Rubik Mono One,sans-serif;font-size:clamp(28px,5vw,44px);color:var(--gujjar-gold)}.go-quote{margin-top:28px;font-family:Bebas Neue,sans-serif;font-size:18px;letter-spacing:3px;color:#ffffffb3;font-style:italic}#offroad-warning{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0a0404e0;border:4px solid var(--gujjar-red);border-radius:16px;padding:20px 36px;text-align:center;animation:offroad-pulse .5s ease-in-out infinite alternate;z-index:18;min-width:280px;box-shadow:0 0 0 8px #d4282840,0 20px 40px #000000b3}#offroad-warning.urgent{border-color:red;animation:offroad-pulse-fast .25s ease-in-out infinite alternate;box-shadow:0 0 0 10px #ff000059,0 20px 40px #000c}@keyframes offroad-pulse{0%{box-shadow:0 0 0 4px #d4282840,0 20px 40px #000000b3}to{box-shadow:0 0 0 12px #d4282880,0 20px 40px #000000b3}}@keyframes offroad-pulse-fast{0%{box-shadow:0 0 0 4px #f006,0 20px 40px #000c}to{box-shadow:0 0 0 18px #ff0000b3,0 20px 40px #000c}}.offroad-label{font-family:Bangers,Bebas Neue,cursive;font-size:clamp(36px,7vw,60px);letter-spacing:6px;color:var(--gujjar-red);text-shadow:0 0 16px rgba(212,40,40,.8);line-height:1}.offroad-urdu-label{font-family:Noto Nastaliq Urdu,serif;font-size:clamp(18px,3.5vw,28px);color:var(--gujjar-gold);direction:rtl;margin:6px 0 4px}.offroad-cd{font-family:Rubik Mono One,Bebas Neue,sans-serif;font-size:clamp(52px,10vw,88px);color:#fff;line-height:1;text-shadow:0 0 20px rgba(255,255,255,.5);transition:color .3s}#offroad-warning.urgent .offroad-cd{color:#f44;text-shadow:0 0 20px rgba(255,68,68,.9)}.offroad-hint{font-family:Bebas Neue,sans-serif;font-size:14px;letter-spacing:2px;color:#fff7e6bf;margin-top:6px}#rotate-prompt{position:absolute;inset:0;z-index:200;background:linear-gradient(180deg,#1a140c,#3d1a08);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--gujjar-gold);font-family:Bebas Neue,sans-serif;text-align:center;padding:24px}.rotate-icon{font-size:80px;animation:rotate-anim 2s ease-in-out infinite;margin-bottom:20px}@keyframes rotate-anim{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}.rotate-text{font-size:28px;letter-spacing:4px}.rotate-urdu{font-size:32px;direction:rtl;margin-top:12px;color:#fff}.fx-overlay{position:absolute;inset:0;pointer-events:none;z-index:50}#vignette-amp{box-shadow:inset 0 0 140px 40px #f5b8418c,inset 0 0 300px 80px #ce7d2359;background:radial-gradient(ellipse at center,transparent 50%,rgba(245,184,65,.12) 100%);animation:amp-pulse 2.4s ease-in-out infinite;transition:opacity .8s ease}@keyframes amp-pulse{0%,to{box-shadow:inset 0 0 140px 40px #f5b8418c,inset 0 0 300px 80px #ce7d2359}50%{box-shadow:inset 0 0 180px 60px #f5b841b3,inset 0 0 360px 110px #ce7d2373}}#vignette-crash{background:radial-gradient(ellipse at center,transparent 30%,rgba(60,0,0,.75) 100%);mix-blend-mode:multiply}#screen-crack{background-image:linear-gradient(115deg,transparent 48%,rgba(255,255,255,.7) 49%,transparent 50%),linear-gradient(60deg,transparent 40%,rgba(255,255,255,.5) 41%,transparent 42%),linear-gradient(-30deg,transparent 55%,rgba(255,255,255,.5) 56%,transparent 57%);opacity:.7;mix-blend-mode:screen}#chromatic-fx{backdrop-filter:contrast(1.1) saturate(.7) hue-rotate(-6deg);-webkit-backdrop-filter:contrast(1.1) saturate(.7) hue-rotate(-6deg)}#yt-players{position:fixed;bottom:0;left:0;width:1px;height:1px;overflow:hidden;opacity:.01;pointer-events:none;z-index:-1}@media(max-width:720px){#road-sign{padding:6px 10px;min-width:140px;top:10px;left:10px}.sign-top{font-size:16px}.sign-bottom{font-size:10px}.sign-urdu{font-size:12px}#distance{top:10px;padding:6px 12px}.dist-label{font-size:9px}.dist-value{font-size:18px}#speedo{width:130px;height:130px;bottom:12px;right:12px}#speed-value{font-size:26px}.speedo-unit{font-size:9px}.speedo-digital{bottom:24px}#toast{bottom:160px;font-size:13px;padding:8px 14px}}