*{box-sizing:border-box;-webkit-user-select:none;user-select:none}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:#050608;font-family:Barlow Condensed,Outfit,sans-serif;color:#fff}#canvas-container{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}.hud-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;display:flex;flex-direction:column;justify-content:space-between;padding:24px}.hud-header{display:flex;justify-content:space-between;align-items:flex-start}.brand{font-family:Barlow Condensed,sans-serif;font-weight:900;font-style:italic;font-size:28px;letter-spacing:1px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.9);text-transform:uppercase}.sub-brand{font-size:11px;font-family:Barlow Condensed,sans-serif;font-weight:700;font-style:italic;letter-spacing:3px;color:#ffc600;text-transform:uppercase;margin-top:-4px}.heat-level-container{display:flex;align-items:center;gap:6px;margin-top:8px;opacity:0;transition:opacity .3s}.heat-level-label{font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:900;font-style:italic;letter-spacing:1px;color:#ff3b30;margin-right:4px}.heat-bars-wrapper{display:flex;gap:3px}.heat-bar-segment{width:8px;height:14px;background:#ffffff1f;border-radius:0;transition:background .15s}.heat-bar-segment.active{background:#ff3b30}.hud-bottom{display:flex;justify-content:space-between;align-items:flex-end}.speed-dial-wrapper{position:relative;width:220px;height:220px;pointer-events:none;margin-bottom:12px}.speed-dial-svg{width:100%;height:100%}.dial-bg{stroke-dashoffset:0}.dial-fill{transition:stroke-dasharray .05s ease-out,stroke .15s ease}#dial-needle line{transition:transform .05s ease-out}.dial-speed-metrics{position:absolute;bottom:16%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}.speed-value{font-family:Barlow Condensed,sans-serif;font-weight:900;font-style:italic;font-size:46px;color:#fff;line-height:.85}.speed-unit{font-size:13px;font-weight:800;font-style:italic;color:#ffc600;font-family:Barlow Condensed,sans-serif;letter-spacing:.5px;margin-top:-2px}.dial-gear-container{position:absolute;top:28%;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);width:28px;height:28px;border-radius:4px;pointer-events:none}.gear-value{font-family:Barlow Condensed,sans-serif;font-size:20px;font-weight:900;font-style:italic;color:#ffc600;line-height:1}.dial-nitro-bg{animation:nitroBgPulse 2.5s ease-in-out infinite alternate}@keyframes nitroBgPulse{0%{stroke:#09131a}to{stroke:#122533}}.dial-nitro-fill{transition:stroke-dasharray .05s ease-out,stroke .15s ease}.rpm-label{font-size:9px;color:#8c909c;font-family:Barlow Condensed,sans-serif;text-transform:uppercase;margin-bottom:2px}.rpm-bar-container{width:100%;height:4px;background:#ffffff1a;overflow:hidden}.rpm-bar-fill{width:0%;height:100%;background:linear-gradient(90deg,#ffc600 70%,#ff3b30);transition:width .05s ease-out}.notification-stack{position:absolute;bottom:240px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;z-index:60;pointer-events:none}.notification-item{font-family:Barlow Condensed,sans-serif;font-weight:900;font-style:italic;font-size:20px;color:#00e5ff;text-transform:uppercase;text-align:center;white-space:nowrap;animation:notifSlideIn .2s ease-out forwards;opacity:0;transform:translateY(10px);text-shadow:0 0 8px rgba(0,229,255,.4),0 2px 4px rgba(0,0,0,.9)}.notification-item.fade-out{animation:notifFadeOut .4s cubic-bezier(.55,.085,.68,.53) forwards}@keyframes notifSlideIn{0%{opacity:0;transform:translate(30px) scale(.8) skew(10deg);filter:blur(4px)}70%{transform:translate(-5px) scale(1.05) skew(-5deg)}to{opacity:1;transform:translate(0) scale(1) skew(0);filter:blur(0px)}}@keyframes notifFadeOut{0%{opacity:1;transform:translate(0) scale(1);filter:blur(0px)}to{opacity:0;transform:translate(-40px) scale(.6);filter:blur(8px)}}.stunt-notification-container{position:absolute;top:25%;left:50%;transform:translate(-50%,-50%) scale(.8);pointer-events:none;z-index:60;text-align:center;opacity:0;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;align-items:center;gap:2px}.stunt-notification-title{font-family:Barlow Condensed,sans-serif;font-weight:900;font-style:italic;font-size:32px;letter-spacing:1px;color:#00e5ff;text-transform:uppercase;margin:0}.stunt-notification-score{font-family:Barlow Condensed,sans-serif;font-size:16px;font-weight:800;font-style:italic;letter-spacing:1px;color:#ffc600;text-transform:uppercase;margin:0}.minimap-wrapper{width:140px;height:140px;background:#0a0b0e;border:2px solid #2a2d36;position:relative;box-shadow:0 10px 25px #000000e6}#minimap-canvas{width:100%;height:100%}#loader{position:absolute;top:0;left:0;width:100%;height:100%;background:#060709;z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:opacity .5s ease}.loader-title{font-family:Barlow Condensed,sans-serif;font-weight:900;font-style:italic;font-size:42px;letter-spacing:2px;color:#fff;margin-bottom:4px}.loader-subtitle{font-size:13px;font-family:Barlow Condensed,sans-serif;font-weight:700;font-style:italic;letter-spacing:5px;color:#ffc600;text-transform:uppercase;margin-bottom:30px}.spinner{width:40px;height:40px;border:3px solid rgba(255,198,0,.15);border-top-color:#ffc600;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.race-panel{position:absolute;top:110px;left:24px;background:#0b0c10;border:1px solid #2a2c35;border-left:4px solid #ffc600;padding:16px;width:210px;display:flex;flex-direction:column;gap:8px;pointer-events:auto;z-index:50;box-shadow:0 10px 25px #000000d9;transform:skew(-10deg)}.race-panel>*{transform:skew(10deg)}.race-panel-title{font-family:Barlow Condensed,sans-serif;font-weight:800;font-style:italic;font-size:14px;text-transform:uppercase;letter-spacing:1.5px;color:#ffc600;margin-bottom:6px}.race-btn{background:#14161f;border:1px solid #2e313d;color:#e2e2e8;font-family:Barlow Condensed,sans-serif;font-weight:700;font-style:italic;font-size:14px;padding:8px 12px;text-align:left;cursor:pointer;transition:all .15s ease;display:flex;justify-content:space-between;align-items:center}.race-btn:hover{background:#ffc600;border-color:#ffc600;color:#0b0c10;transform:translate(4px)}.race-btn.active-cancel{background:#2a1215;border-color:#ff3b30;color:#fff}.race-btn.active-cancel:hover{background:#ff3b30;color:#fff;transform:none}.stats-container{position:absolute;top:30px;right:30px;left:auto;background:none;border:none;padding:0;display:none;flex-direction:column;align-items:flex-end;gap:6px;z-index:50}.stats-item{display:flex;flex-direction:row;align-items:baseline;justify-content:flex-end;gap:10px;width:100%}.stats-label{font-family:Barlow Condensed,sans-serif;font-weight:700;font-style:italic;font-size:14px;letter-spacing:1px;color:#ffc600;text-transform:uppercase}.stats-value{font-family:Barlow Condensed,sans-serif;font-weight:900;font-style:italic;font-size:26px;color:#fff;text-transform:uppercase}.stats-pos-val{font-size:32px;color:#fff}.stats-value.timer{font-size:28px;color:#fff}.race-banner{position:absolute;top:35%;left:50%;transform:translate(-50%,-50%) scale(.8);pointer-events:none;z-index:60;text-align:center;opacity:0;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.race-banner.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.banner-title{font-family:Barlow Condensed,sans-serif;font-weight:900;font-style:italic;font-size:56px;letter-spacing:1px;color:#ffc600;text-transform:uppercase;margin:0}.banner-subtitle{font-family:Barlow Condensed,sans-serif;font-size:18px;font-style:italic;font-weight:700;letter-spacing:2px;color:#fff;text-transform:uppercase;margin-top:4px}#canvas-container canvas{filter:contrast(1.1) saturate(1.05) brightness(.95)}.vignette-grading{position:absolute;top:0;left:0;width:100%;height:100%;z-index:6;pointer-events:none;background:radial-gradient(circle,#0e121e00 35%,#040508cc)}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;pointer-events:none;overflow:hidden}.noise-overlay:before{content:"";position:absolute;top:-10%;left:-10%;width:120%;height:120%;background:gray;filter:url(#noiseFilter);opacity:1;pointer-events:none;mix-blend-mode:overlay;animation:grain .8s steps(10) infinite}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-1%,-2%)}20%{transform:translate(-2%,1%)}30%{transform:translate(1%,-1%)}40%{transform:translate(-1%,3%)}50%{transform:translate(-2%,2%)}60%{transform:translate(2%,-1%)}70%{transform:translate(3%,1%)}80%{transform:translate(-2%,-2%)}90%{transform:translate(1%,3%)}}.cop-vignette{position:fixed;bottom:0;left:0;width:100%;height:6vh;z-index:9995;pointer-events:none;opacity:0;transition:background .15s ease,height .15s ease;background:linear-gradient(to top,#ff000073,#f000)}.cop-vignette.flash-blue{background:linear-gradient(to top,#0032ff73,#00f0)}.busted-meter-container{position:absolute;top:30%;left:50%;transform:translate(-50%);display:none;flex-direction:column;align-items:center;gap:8px;z-index:65;width:280px;background:none;border:none;box-shadow:none;padding:0}.busted-title{font-family:Barlow Condensed,sans-serif;font-size:26px;font-weight:900;font-style:italic;color:#ff3b30;animation:pulse .8s infinite alternate;letter-spacing:2px;text-shadow:0 0 10px rgba(255,59,48,.4),0 2px 5px rgba(0,0,0,.95)}.busted-bar-bg{width:100%;height:4px;background:#ffffff26;border-radius:2px;overflow:hidden}.busted-bar-fill{width:0%;height:100%;background:#ff3b30;box-shadow:0 0 8px #ff3b30;border-radius:2px}@keyframes pulse{0%{opacity:.6}to{opacity:1}}.heat-hud-container{position:absolute;top:28px;left:50%;transform:translate(-50%);display:none;flex-direction:column;align-items:center;gap:6px;z-index:60;width:320px;background:none;border:none;box-shadow:none;padding:0}.heat-hud-header{display:flex;justify-content:center;align-items:center;gap:16px;width:100%}.heat-hud-title{font-family:Barlow Condensed,sans-serif;font-size:20px;font-weight:900;font-style:italic;color:#fff;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.95)}.heat-hud-title span{color:#ff3b30;font-weight:900;text-shadow:0 0 8px rgba(255,59,48,.5)}.heat-hud-los{font-family:Barlow Condensed,sans-serif;font-size:14px;font-weight:900;font-style:italic;letter-spacing:1px;padding:0;text-shadow:0 2px 4px rgba(0,0,0,.95);transition:all .3s ease}.heat-hud-los.spotted{color:#ff3b30;animation:pulse-los .5s infinite alternate}.heat-hud-los.hidden{color:#4cd964}.heat-bar-bg{width:200px;height:4px;background:#ffffff26;border-radius:2px;overflow:hidden}.heat-bar-fill{width:0%;height:100%;background:linear-gradient(90deg,#ffc600,#ff3b30);box-shadow:0 0 6px #ff3b3099;border-radius:2px;transition:width .1s linear}@keyframes pulse-los{0%{opacity:.7}to{opacity:1}}.dial-num{font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:800;font-style:italic;fill:#8c909c;text-anchor:middle;dominant-baseline:central}.redline-num{fill:#ff3b30!important}.event-prompt-container{position:absolute;display:none;flex-direction:column;align-items:center;pointer-events:none;z-index:60;transform:translate(-50%,-50%);opacity:1;transition:left .7s cubic-bezier(.2,.8,.2,1),top .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1),opacity .5s ease-out}.event-prompt-container.fade-out{opacity:0;transform:translate(-50%,-50%) scale(.5)}.event-prompt-title{font-family:Barlow Condensed,Outfit,sans-serif;font-style:italic;font-weight:900;font-size:80px;color:#fff;text-shadow:0 4px 10px rgba(0,0,0,.8);text-align:center;line-height:1;text-transform:uppercase;margin-bottom:5px}.mobile-blocker-content p{font-size:1.5em;font-family:Barlow Condensed,Outfit,sans-serif;font-style:italic;font-weight:900;font-size:80px;color:#fff;text-shadow:0 4px 10px rgba(0,0,0,.8);text-align:center;line-height:1;text-transform:uppercase;margin-bottom:5px}.event-prompt-stats{font-family:Outfit,sans-serif;font-size:14px;font-weight:700;color:#a0a5b5;letter-spacing:2px;text-transform:uppercase;margin-bottom:-5px;text-shadow:0 2px 5px rgba(0,0,0,.8);opacity:0;transform:translateY(15px);transition:opacity .4s ease-out .3s,transform .4s cubic-bezier(.175,.885,.32,1.275) .3s}.event-prompt-container.docked .event-prompt-stats{opacity:1;transform:translateY(0)}.event-prompt-action{font-family:Barlow Condensed,sans-serif;font-weight:800;font-style:italic;font-size:24px;color:#ffc600;text-transform:uppercase;letter-spacing:2px;text-shadow:0 4px 10px rgba(0,0,0,.8);opacity:0;transition:opacity .3s ease-in .3s}.event-prompt-container.docked .event-prompt-action{opacity:1}.event-prompt-container.docked{transform:translate(-50%,-50%) scale(.85)}@keyframes keyFlash{0%{background:#ff1e1e;box-shadow:0 0 10px #ff1e1e99}to{background:#ff4545;box-shadow:0 0 18px #ff1e1ee6}}.main-menu-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:95;background:radial-gradient(circle,#10142333,#05060ae6);display:flex;justify-content:center;align-items:center;flex-direction:column;transition:opacity .6s cubic-bezier(.25,1,.5,1),visibility .6s;pointer-events:auto}.main-menu-container.fade-out{opacity:0;visibility:hidden;pointer-events:none}.menu-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:15px;animation:menuContentFadeIn 1s cubic-bezier(.25,1,.5,1) forwards}.menu-logo{font-family:Barlow Condensed,sans-serif;font-weight:900;font-style:italic;font-size:72px;letter-spacing:4px;color:#fff;text-shadow:0 0 15px rgba(255,255,255,.6),0 0 30px rgba(255,198,0,.8),0 4px 8px rgba(0,0,0,.9);margin:0;text-transform:uppercase;transform:skew(-10deg)}.menu-sublogo{font-family:Barlow Condensed,sans-serif;font-weight:800;font-style:italic;font-size:24px;letter-spacing:12px;color:#ffc600;text-shadow:0 0 10px rgba(255,198,0,.6),0 2px 4px rgba(0,0,0,.9);margin:-5px 0 0;text-transform:uppercase;transform:skew(-10deg)}.menu-hint{font-family:Outfit,sans-serif;font-size:13px;letter-spacing:3px;color:#8c909c;text-transform:uppercase;margin-top:15px;margin-bottom:25px;opacity:.8;animation:hintBlink 1.5s infinite alternate}.menu-play-btn{background:#ffc6001a;border:2px solid #ffc600;color:#ffc600;font-family:Barlow Condensed,sans-serif;font-weight:900;font-style:italic;font-size:22px;letter-spacing:2px;padding:14px 44px;cursor:pointer;border-radius:4px;transform:skew(-10deg);box-shadow:0 0 15px #ffc60033,inset 0 0 10px #ffc6001a;transition:all .3s cubic-bezier(.25,1,.5,1);text-transform:uppercase}.menu-play-btn:hover{background:#ffc600;color:#0b0c10;box-shadow:0 0 30px #ffc60099,0 5px 15px #0006;transform:skew(-10deg) scale(1.05)}.menu-play-btn:active{transform:skew(-10deg) scale(.98)}@keyframes menuContentFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes hintBlink{0%{opacity:.3}to{opacity:.9}}#mobile-blocker{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000;color:#fff;z-index:999999;justify-content:center;align-items:center;text-align:center;font-family:Barlow Condensed,sans-serif;padding:20px}.mobile-blocker-content h2{color:#ff3b30;font-size:4em;margin-bottom:10px}.mobile-blocker-content p{font-size:1.5em;color:#ccc}@media (max-width: 768px),(pointer: coarse){#mobile-blocker{display:flex}}.feedback-toggle-btn{position:absolute;bottom:175px;right:24px;background:#00e5ff1a;border:1px solid #00e5ff;color:#00e5ff;font-family:Barlow Condensed,sans-serif;font-style:italic;font-weight:800;font-size:16px;padding:8px 16px;border-radius:4px;cursor:pointer;z-index:1000;text-shadow:0 0 5px rgba(0,229,255,.5);box-shadow:0 0 10px #00e5ff33;transition:all .2s}.feedback-toggle-btn:hover{background:#00e5ff4d;box-shadow:0 0 15px #00e5ff80}.feedback-modal-overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;background:#05050ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;justify-content:center;align-items:center}.feedback-content{background:#14161ecc;border:1px solid rgba(0,229,255,.3);box-shadow:0 0 30px #00e5ff26,inset 0 0 20px #00000080;border-radius:8px;padding:30px;width:400px;display:flex;flex-direction:column;gap:15px}.feedback-title{font-family:Barlow Condensed,sans-serif;font-style:italic;font-weight:900;font-size:32px;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5);margin:0;letter-spacing:2px;border-bottom:2px solid #00e5ff;padding-bottom:5px}.feedback-desc{font-family:Outfit,sans-serif;font-size:14px;color:#a0a5b5;margin:0}.feedback-input,.feedback-textarea{background:#00000080;border:1px solid #333;color:#fff;font-family:Outfit,sans-serif;font-size:14px;padding:10px;border-radius:4px;width:100%;box-sizing:border-box}.feedback-input:focus,.feedback-textarea:focus{outline:none;border-color:#00e5ff;box-shadow:0 0 10px #00e5ff33}.feedback-textarea{resize:vertical;min-height:100px}.feedback-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.feedback-btn{font-family:Barlow Condensed,sans-serif;font-style:italic;font-weight:800;font-size:18px;padding:8px 20px;border-radius:4px;cursor:pointer;text-transform:uppercase;border:none;transition:all .2s}.feedback-btn.cancel{background:transparent;color:#a0a5b5;border:1px solid #444}.feedback-btn.cancel:hover{background:#ffffff1a;color:#fff}.feedback-btn.submit{background:#00e5ff33;color:#00e5ff;border:1px solid #00e5ff;text-shadow:0 0 5px rgba(0,229,255,.5)}.feedback-btn.submit:hover{background:#00e5ff66;box-shadow:0 0 15px #00e5ff66}.feedback-status{font-family:Outfit,sans-serif;font-size:14px;color:#00e5ff;text-align:center;min-height:20px}