@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&family=JetBrains+Mono:wght@400;700&display=swap";:root{--color-bg: #050505;--color-ui-bg: rgba(20, 20, 20, .8);--color-ui-border: rgba(255, 255, 255, .1);--color-accent: #ff3e00;--color-text: #e0e0e0;--color-text-dim: #888}body,html{margin:0;padding:0;width:100%;height:100%;background-color:var(--color-bg);color:var(--color-text);font-family:Inter,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased}#root{width:100vw;height:100vh}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#050505,#1a1a2e);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;transition:opacity .5s ease-out}.loading-screen.fade-out{opacity:0;pointer-events:none}.loading-title{font-size:2.5rem;font-weight:800;letter-spacing:-.05em;text-transform:uppercase;color:#fff;margin-bottom:1rem}.loading-subtitle{font-family:JetBrains Mono,monospace;font-size:.9rem;color:var(--color-accent);text-transform:uppercase;letter-spacing:2px;margin-bottom:2rem}.loading-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hud-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:2rem;box-sizing:border-box}.hud-top-row{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.hud-top-left{display:flex;flex-direction:column;gap:.5rem;position:relative;z-index:20}.frame-guide{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70vw;height:39.375vw;max-width:100vh;max-height:50vh;border:2px solid rgba(255,255,255,.5);pointer-events:none;box-shadow:0 0 0 9999px #0006;z-index:5}.hud-title{font-weight:800;font-size:1.5rem;letter-spacing:-.05em;text-transform:uppercase;color:#fff}.hud-subtitle{font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--color-accent);text-transform:uppercase}.telemetry-row{display:flex;justify-content:space-between;margin-bottom:.5rem;gap:1rem}.telemetry-label{color:var(--color-text-dim);font-size:.75rem}.telemetry-value{color:#fff;font-weight:700}.compact-telemetry .telemetry-row{margin-bottom:.2rem;font-size:.7rem}.compact-telemetry .telemetry-label{font-size:.65rem}.compact-telemetry .telemetry-value{font-size:.8rem;font-weight:600;color:var(--color-accent)}.btn-launch{background:var(--color-accent);color:#fff;border:none;padding:.5rem 1.5rem;font-family:JetBrains Mono,monospace;font-weight:800;cursor:pointer;border-radius:2px;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 0 10px #ff3e0066;transition:all .2s}.btn-launch:hover{background:#f50;box-shadow:0 0 20px #ff3e0099}.btn-reset{background:transparent;border:1px solid var(--color-accent);color:var(--color-accent);padding:.5rem 1rem;font-family:JetBrains Mono,monospace;font-weight:700;cursor:pointer;border-radius:2px}.btn-reset:hover{background:#ff3e001a}.controls-help{font-size:.75rem;color:var(--color-text-dim);background:var(--color-ui-bg);padding:1rem;border-radius:8px;border:1px solid var(--color-ui-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:1rem;text-align:left}.key{display:inline-block;background:#ffffff1a;padding:.1rem .4rem;border-radius:4px;margin:0 .2rem;color:#fff}.canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.crosshair{position:absolute;top:50%;left:50%;width:40px;height:40px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.3);pointer-events:none;transition:all .1s ease-out}.crosshair.hit{border-color:#0f0;box-shadow:0 0 15px #0f09;transform:translate(-50%,-50%) scale(1.2)}.crosshair.bonus{border-color:gold;box-shadow:0 0 20px #ffd700cc,inset 0 0 5px #ffd7004d;transform:translate(-50%,-50%) scale(1.5) rotate(45deg)}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#ff3e00cc}.crosshair:before{top:50%;left:10px;right:10px;height:1px}.crosshair:after{left:50%;top:10px;bottom:10px;width:1px}.rec-indicator{display:flex;align-items:center;gap:.5rem;color:#ff3e00;font-weight:700;font-family:JetBrains Mono,monospace;font-size:.8rem;animation:blink 2s infinite}.rec-dot{width:10px;height:10px;background:#ff3e00;border-radius:50%}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.hud-dashboard{position:absolute;bottom:0;left:0;width:100%;height:180px;background:linear-gradient(to top,#000000e6,#0000);display:flex;justify-content:space-between;align-items:flex-end;padding:1rem 2rem;box-sizing:border-box;pointer-events:none;z-index:20}.hud-panel{pointer-events:auto;background:#0a0a0acc;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem;border-radius:6px;display:flex;flex-direction:column;min-width:200px}.hud-panel.left{width:240px}.hud-panel.center{min-width:400px;align-items:center;border-color:#ffffff4d}.panel-header{font-size:.6rem;color:var(--color-accent);margin-bottom:.5rem;letter-spacing:1px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.2rem;width:100%}.hud-panel.center .panel-header{text-align:center}.panel-content{display:flex;flex-direction:column;gap:.2rem}.control-group{margin-bottom:.8rem}.sliders-row{display:flex;gap:1.5rem;width:100%;margin-bottom:.5rem}.slider-group{flex:1;display:flex;flex-direction:column;gap:.8rem;margin-bottom:.5rem}.slider-group label{font-size:.7rem;color:#aaa;font-weight:600;margin-left:2px}.slider-group input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;background:#ffffff1a;border-radius:4px;outline:none}.slider-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;background:#f60;border-radius:50%;cursor:pointer;border:2px solid #fff;box-shadow:0 0 8px #ff660080}.slider-group input[type=range]::-moz-range-thumb{width:24px;height:24px;background:#f60;border-radius:50%;cursor:pointer;border:2px solid #fff;box-shadow:0 0 8px #ff660080}.slider-group input[type=range]::-webkit-slider-thumb:active{background:#f83;transform:scale(1.1)}.slider-group input[type=range]::-moz-range-thumb:active{background:#f83;transform:scale(1.1)}.mini-help{font-size:.6rem;color:#666;margin-top:.5rem;font-family:Inter,sans-serif;letter-spacing:.5px}.cruise-badge{background:#00ff001a;border:1px solid #00ff00;color:#0f0;padding:.2rem .5rem;font-size:.6rem;font-weight:700;border-radius:4px}.camera-stats{background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:.8rem;border-radius:4px;border:1px solid rgba(255,255,255,.15);margin-bottom:1rem;min-width:160px}.hud-container.mobile-mode .hud-panel.left,.hud-container.mobile-mode .hud-panel.right{display:none}.hud-container.mobile-mode .hud-panel.center{position:fixed;bottom:.5rem;left:50%;transform:translate(-50%);width:auto;min-width:0;max-width:90vw;background:#000000b3;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.6rem;border-radius:12px;z-index:1000;display:flex;justify-content:center;align-items:center}.hud-container.mobile-mode .hud-dashboard{background:transparent;height:auto;padding:0;margin:0;display:flex;justify-content:center;align-items:center}.hud-container.mobile-mode .control-group{position:static;display:flex;gap:.5rem;padding:0;margin:0;align-items:center}.hud-container.mobile-mode .sliders-row,.hud-container.mobile-mode .mini-help,.hud-container.mobile-mode .cruise-badge,.hud-container.mobile-mode .panel-header{display:none}@media(max-width:1400px){.hud-dashboard{height:auto;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem!important;padding:.5rem!important;font-size:.85rem}.hud-panel{min-width:auto;width:100%;max-width:350px;margin-bottom:0;padding:.5rem!important}.mini-help{display:none!important}.slider-container{margin-bottom:.2rem!important}.hud-panel.left,.hud-panel.right{display:none}.frame-guide{width:95vw;height:53.4375vw}}.slider-container{display:flex;flex-direction:column;gap:.2rem;margin-bottom:.8rem}.slider-label{font-size:.7rem;color:var(--color-text-dim);text-align:left;display:flex;justify-content:space-between}.slider-input{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:#fff3;border-radius:2px;outline:none}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:var(--color-accent);border-radius:50%;cursor:pointer;box-shadow:0 0 5px #00000080}.slider-input::-moz-range-thumb{width:12px;height:12px;background:var(--color-accent);border-radius:50%;cursor:pointer;border:none}.btn-reset-view{position:fixed;top:20px;right:20px;z-index:2000;background:#00000080;border:1px solid rgba(255,69,0,.5);color:#ff4500;padding:8px 12px;border-radius:4px;font-family:Inter,monospace;font-size:.7rem;letter-spacing:1px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:auto!important}.btn-reset-view:active{background:#ff450033}.zoom-slider-vertical{position:fixed;right:20px;top:0;bottom:0;height:100%;transform:none;display:none;flex-direction:column;align-items:center;justify-content:center;width:80px;gap:1rem;pointer-events:auto;z-index:100}.zoom-slider-vertical label{font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--color-accent);writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);white-space:nowrap}.zoom-slider-vertical input[type=range]{-webkit-appearance:none;appearance:none;width:60vh;max-width:none;min-width:none;background:transparent;background:#fff3;height:50px;border-radius:25px;outline:none;transform:rotate(-90deg);transform-origin:center;margin:0}.zoom-slider-vertical input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:50px;height:50px;border:2px solid white;background:var(--color-accent);border-radius:50%;cursor:pointer;box-shadow:0 0 10px #ff3e0080}.zoom-slider-vertical input[type=range]::-moz-range-thumb{width:50px;height:50px;background:var(--color-accent);border-radius:50%;cursor:pointer;border:none}.joystick-wrapper{position:fixed;bottom:20px;left:20px;right:auto;z-index:2000;display:none}.joystick-container{width:120px;height:120px;display:flex;justify-content:center;align-items:center;user-select:none;-webkit-user-select:none;touch-action:none}.joystick-base{width:100%;height:100%;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:relative;display:flex;justify-content:center;align-items:center}.joystick-thumb{width:40%;height:40%;border-radius:50%;background:#fffc;position:absolute;box-shadow:0 2px 5px #00000080}.joystick-thumb.active{background:var(--color-accent);box-shadow:0 0 15px var(--color-accent)}@media(max-width:1400px){.joystick-wrapper{display:block!important}.zoom-slider-vertical{display:flex!important}}.zoom-slider-vertical.force-show{display:flex!important}.settings-btn{display:none}@media(max-width:1400px){.settings-btn{display:block;min-width:50px;font-size:.8rem}.sliders-row{display:none}.hud-panel button{padding:.6rem .8rem!important;font-size:.8rem!important;min-width:unset;white-space:nowrap!important;flex:0 0 auto!important;height:2.8rem!important;display:flex!important;align-items:center!important;justify-content:center!important}.hud-panel{min-width:0!important;width:fit-content!important;max-width:90vw;margin:0 auto;padding:.3rem!important;display:flex;flex-direction:column;justify-content:center;align-items:center}.control-group{margin-bottom:0!important;flex-wrap:nowrap!important;gap:.3rem!important}.hud-dashboard{position:fixed!important;bottom:20px!important;left:50%!important;transform:translate(-50%)!important;width:max-content!important;margin:0!important;z-index:1000;background:transparent;padding:0!important}.sliders-row.expanded{display:flex;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}.hud-container.mobile-mode .hud-panel.center{position:static!important;bottom:auto!important;left:auto!important;transform:none!important;border-radius:6px!important}}.rotate-warning{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;color:#fff;z-index:9999;flex-direction:column;align-items:center;justify-content:center;text-align:center}.rotate-icon{font-size:4rem;margin-bottom:1rem;animation:rotate 2s infinite linear}.rotate-text{font-size:1.5rem;font-family:Inter,sans-serif;font-weight:600}@keyframes rotate{0%{transform:rotate(0)}25%{transform:rotate(90deg)}to{transform:rotate(90deg)}}@media screen and (orientation:portrait)and (max-width:1400px){.rotate-warning{display:flex}.hud-container,.canvas-container{display:none!important}}.zoom-buttons{position:fixed;right:20px;bottom:20px;display:none;flex-direction:column;gap:15px;z-index:100}@media(max-width:1400px){.zoom-buttons{display:flex}}.zoom-btn{width:80px;height:80px;flex-shrink:0;padding:0;border-radius:50%;border:3px solid #ff6600;background:#000000b3;color:#f60;font-size:3rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;user-select:none;-webkit-user-select:none;touch-action:manipulation;box-sizing:border-box}.zoom-btn:active{background:#f60;color:#000;transform:scale(.95)}.zoom-btn:hover{box-shadow:0 0 20px #ff660080}@media(max-width:768px){.zoom-buttons{right:10px}.zoom-btn{width:70px;height:70px;font-size:2.5rem}}.mobile-timer{display:none;position:fixed;top:70px;right:20px;font-family:Share Tech Mono,monospace;font-size:1.2rem;color:#0f0;text-shadow:0 0 5px rgba(0,255,0,.5);background:#0009;padding:5px 10px;border-radius:4px;border:1px solid rgba(0,255,0,.3);z-index:1000;pointer-events:none;font-variant-numeric:tabular-nums}@media(max-width:1400px){.mobile-timer{display:block}}.mobile-mode .mobile-timer{display:block}.leaderboard-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:5000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.leaderboard-modal{background:#111;border:2px solid #0ff;border-radius:8px;padding:20px;width:92%;max-width:400px;max-height:85vh;overflow-y:auto;color:#fff;font-family:Share Tech Mono,monospace;box-shadow:0 0 30px #0ff3}.leaderboard-title{font-size:1.4rem;color:#0ff;text-align:center;margin-bottom:15px;text-transform:uppercase;letter-spacing:2px}.leaderboard-table{width:100%;margin-bottom:15px;border-collapse:collapse;font-size:.85rem}.leaderboard-table th{text-align:left;border-bottom:1px solid rgba(0,255,255,.3);padding-bottom:5px;color:#aaa;font-size:.7rem}.leaderboard-table td{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.score-row.current-user{color:#fc0;font-weight:700}.rank{width:40px}.score{text-align:right;width:80px;color:#0f0}.submission-form{display:flex;flex-direction:column;gap:12px;margin-top:15px;padding-top:15px;border-top:1px dashed rgba(0,255,255,.3)}.submission-form label{color:#fc0;font-size:.8rem}.submission-form input{background:#222;border:1px solid #444;color:#fff;padding:10px;font-family:inherit;font-size:1rem;outline:none}.submission-form input:focus{border-color:#0ff}.btn-submit{background:#0ff;color:#000;border:none;padding:10px;font-weight:700;cursor:pointer;text-transform:uppercase;font-family:inherit;font-size:.9rem}.btn-submit:hover{background:#fff}.btn-close-leaderboard{margin-top:10px;background:transparent;color:#aaa;border:1px solid #333;padding:8px;width:100%;cursor:pointer;font-family:inherit;font-size:.85rem}.btn-close-leaderboard:hover{color:#fff;border-color:#666}@media(max-width:1400px){.leaderboard-overlay{padding:5px;align-items:center;justify-content:center}.leaderboard-modal{padding:8px;width:85%;max-width:260px;max-height:50vh;border-width:1px;overflow-y:auto;margin-bottom:20vh}.leaderboard-title{font-size:.8rem;margin-bottom:5px;letter-spacing:1px}.leaderboard-modal>div:nth-child(2){font-size:.8rem!important;margin-bottom:6px!important}.leaderboard-table{font-size:.5rem;margin-bottom:6px}.leaderboard-table th{font-size:.45rem;padding-bottom:2px}.leaderboard-table td{padding:2px 0}.rank{width:18px}.score{width:40px}.submission-form{gap:4px;margin-top:6px;padding-top:6px}.submission-form label{font-size:.55rem}.submission-form input{padding:4px;font-size:.7rem}.btn-submit{padding:4px;font-size:.6rem}.btn-close-leaderboard{margin-top:5px;padding:4px;font-size:.55rem}}.btn-view-scores{position:fixed;top:120px;right:20px;background:#000000b3;border:1px solid #ffd700;color:gold;font-family:Share Tech Mono,monospace;padding:8px 12px;cursor:pointer;z-index:2000;border-radius:4px;font-size:.9rem;transition:all .2s;letter-spacing:1px;pointer-events:auto}.btn-view-scores:hover{background:#ffd70033;box-shadow:0 0 10px #ffd70066}@media(max-width:1400px){.booster-panel-container{display:none!important}}.hud-container.mobile-mode .booster-panel-container{display:none!important}