*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#1a1a2e}#canvas{position:fixed;top:0;left:0;width:100%;height:100%}#loading{position:fixed;top:0;left:0;width:100%;height:100%;background:#1a1a2e;display:flex;align-items:center;justify-content:center;z-index:100;transition:opacity .5s ease}#loading.hidden{opacity:0;pointer-events:none}.loading-content{text-align:center;color:#fff}.loading-content h1{font-size:2rem;margin-bottom:1rem;font-weight:300}.loading-bar{width:200px;height:4px;background:#fff3;border-radius:2px;overflow:hidden}.loading-progress{width:0%;height:100%;background:linear-gradient(90deg,#4facfe,#00f2fe);transition:width .3s ease}#ui{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}#ui>*{pointer-events:auto}#speedometer{position:fixed;bottom:100px;left:20px;background:#00000080;padding:12px 20px;border-radius:8px;backdrop-filter:blur(10px);text-align:center;min-width:80px}#speedometer .speed-value{font-size:2rem;font-weight:700;color:#4facfe;line-height:1}#speedometer .speed-label{font-size:.75rem;color:#fff9;text-transform:uppercase;letter-spacing:1px;margin-top:4px}#conditions{position:fixed;top:20px;left:20px;min-width:104px;pointer-events:auto}#cond-toggle{display:block;width:100%;text-align:left;font:inherit;color:inherit;background:#0000006b;padding:10px 16px;border:1px solid rgba(255,255,255,.08);border-radius:8px;backdrop-filter:blur(10px);cursor:pointer;transition:background .15s,border-color .15s}#cond-toggle:hover{background:#0000008f;border-color:#ffffff38}#conditions .cond-manual{display:none;margin-top:5px;font-size:.6rem;text-transform:uppercase;letter-spacing:1.4px;color:#ffd27f}#conditions.manual .cond-manual{display:block}#cond-panel{margin-top:8px;width:232px;background:#0000009e;border:1px solid rgba(255,255,255,.12);border-radius:8px;backdrop-filter:blur(10px);padding:12px 14px 14px;color:#ffffffd9}#cond-panel.hidden{display:none}#cond-panel .cond-field,#cond-panel .cond-label{display:flex;justify-content:space-between;font-size:.65rem;text-transform:uppercase;letter-spacing:1.2px;color:#ffffff8c;margin-bottom:6px}#cond-panel .cond-label{margin-top:14px}#cond-panel output{color:#fff;letter-spacing:.5px}#cond-hour{width:100%;margin:0 0 10px;accent-color:#ffd27f}#cond-panel .cond-row{display:flex;flex-wrap:wrap;gap:5px}#cond-panel .cond-row button,#cond-panel .cond-auto{flex:1 1 auto;font:inherit;font-size:.72rem;padding:5px 8px;color:#fffc;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:5px;cursor:pointer;transition:background .12s,color .12s}#cond-panel .cond-row button:hover,#cond-panel .cond-auto:hover{background:#ffffff2e;color:#fff}#cond-panel .cond-row button.on{background:#ffd27fe6;border-color:#ffd27fe6;color:#1a1408}#cond-panel .cond-auto{width:100%;margin-top:14px;font-size:.7rem}#conditions .cond-time{display:flex;align-items:center;gap:8px;font-size:1.35rem;font-weight:600;color:#fff;line-height:1}#conditions .cond-icon{font-size:1.1rem;opacity:.9}#conditions .cond-weather{margin-top:5px;font-size:.7rem;text-transform:uppercase;letter-spacing:1.2px;color:#ffffffa8}#mission{position:fixed;top:22px;left:50%;transform:translate(-50%);pointer-events:none;text-align:center;width:min(420px,60vw)}#mission.hidden{display:none}#mission-title{display:inline-block;padding:8px 18px;font-size:.86rem;font-weight:600;text-transform:uppercase;letter-spacing:2.4px;color:#ffd9a8;background:#1c08009e;border:1px solid rgba(255,150,60,.35);border-radius:6px;backdrop-filter:blur(10px)}#mission-arrow{display:inline-flex;align-items:center;gap:9px;margin-top:8px;padding:5px 13px 5px 10px;background:#1c08008c;border:1px solid rgba(255,150,60,.28);border-radius:20px;backdrop-filter:blur(10px)}#mission-arrow.hidden{display:none}#mission-arrow-point{display:inline-block;font-size:1.15rem;line-height:1;color:#ff9a4d;transform:rotate(-90deg);transition:transform .08s linear}#mission-arrow-distance{font-size:.72rem;font-weight:600;letter-spacing:1.2px;color:#ffffffbf;font-variant-numeric:tabular-nums}#mission-bar{margin:10px auto 0;padding:9px 14px 11px;background:#0000008c;border:1px solid rgba(255,255,255,.12);border-radius:6px;backdrop-filter:blur(10px)}#mission-bar.hidden{display:none}#mission-bar-label{font-size:.6rem;text-transform:uppercase;letter-spacing:1.6px;color:#ffffff8c;margin-bottom:6px}#mission-bar-track{height:9px;background:#ffffff1f;border-radius:5px;overflow:hidden}#mission-bar-fill{height:100%;width:0%;background:#ff8a3c;border-radius:5px;transition:width .15s linear}#mission.on-station #mission-bar-fill{background:#6ee07a}#camera-box{position:fixed;top:20px;right:20px;pointer-events:auto;text-align:right}#cam-toggle{display:inline-flex;align-items:center;gap:7px;font:inherit;padding:8px 12px;color:#ffffffd9;background:#0000006b;border:1px solid rgba(255,255,255,.08);border-radius:8px;backdrop-filter:blur(10px);cursor:pointer;transition:background .15s,border-color .15s}#cam-toggle:hover{background:#0000008f;border-color:#ffffff38}#camera-box .cam-icon{font-size:.9rem;opacity:.75}#camera-box .cam-label{font-size:.72rem;text-transform:uppercase;letter-spacing:1.2px}#camera-box .cam-state{font-size:.6rem;text-transform:uppercase;letter-spacing:1.2px;color:#ffffff6b}#camera-box.unsaved .cam-state{color:#ffd27f}#cam-panel{margin-top:8px;width:214px;background:#0000009e;border:1px solid rgba(255,255,255,.12);border-radius:8px;backdrop-filter:blur(10px);padding:12px 14px 14px;color:#ffffffd9;text-align:left}#cam-panel.hidden{display:none}#cam-panel .cam-help{margin:0 0 8px;font-size:.66rem;line-height:1.5;color:#ffffff8c}#cam-panel .cam-help b{color:#ffffffd9;font-weight:600}#cam-panel .cam-keys{margin-bottom:12px}#cam-panel .cam-note{margin:12px 0 0;font-size:.62rem;color:#ffffff61}#cam-panel button{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;margin-top:5px;font:inherit;font-size:.72rem;padding:6px 9px;color:#fffc;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:5px;cursor:pointer;transition:background .12s,color .12s}#cam-panel button b{font-size:.62rem;font-weight:600;color:#ffffff73}#cam-panel button:hover{background:#ffffff2e;color:#fff}#cam-panel .cam-reset{margin-top:10px;background:transparent;color:#ffffff80}#camera-box.is-default .cam-reset{display:none}#sound-box{position:fixed;top:70px;right:20px;pointer-events:auto;text-align:right}#sound-toggle{display:inline-flex;align-items:center;gap:7px;font:inherit;padding:8px 12px;color:#ffffffd9;background:#0000006b;border:1px solid rgba(255,255,255,.08);border-radius:8px;backdrop-filter:blur(10px);cursor:pointer;transition:background .15s,border-color .15s}#sound-toggle:hover{background:#0000008f;border-color:#ffffff38}#sound-box .sound-icon{font-size:.9rem;opacity:.75}#sound-box .sound-label{font-size:.72rem;text-transform:uppercase;letter-spacing:1.2px}#sound-box .sound-state{font-size:.6rem;text-transform:uppercase;letter-spacing:1.2px;color:#ffffff6b}#sound-box.is-on .sound-state{color:#8fe3b0}#sound-box.is-on .sound-icon{opacity:1}#conditions .cond-season{margin-top:2px;font-size:.6rem;text-transform:uppercase;letter-spacing:1.4px;color:#ffffff6b}#controls-hint{position:fixed;bottom:20px;left:20px;color:#ffffffb3;font-size:.875rem;background:#00000080;padding:12px 16px;border-radius:8px;backdrop-filter:blur(10px)}#controls-hint p{margin:4px 0}#zone-panel{position:fixed;top:50%;right:40px;transform:translateY(-50%);width:350px;max-height:80vh;background:#1a1a2ef2;border-radius:16px;padding:24px;color:#fff;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080;transition:opacity .3s ease,transform .3s ease}#zone-panel.hidden{opacity:0;transform:translateY(-50%) translate(20px);pointer-events:none}.panel-content h2{font-size:1.5rem;margin-bottom:16px;font-weight:600;background:linear-gradient(135deg,#4facfe,#00f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.panel-content p{line-height:1.6;color:#fffc;margin-bottom:12px}.panel-content ul{list-style:none;margin-top:12px}.panel-content li{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1);color:#ffffffb3}.panel-content li:last-child{border-bottom:none}.panel-content a{color:#4facfe;text-decoration:none}.panel-content a:hover{text-decoration:underline}#minimap{position:fixed;bottom:20px;right:20px;width:150px;height:150px;background:#00000080;border-radius:8px;overflow:hidden;border:2px solid rgba(255,255,255,.2)}#minimap-canvas{width:100%;height:100%}.zone-label{position:absolute;color:#fff;font-size:.75rem;text-transform:uppercase;letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,.5);pointer-events:none}@media(max-width:768px){#zone-panel{width:calc(100% - 40px);inset:auto 20px 100px;transform:none;max-height:40vh}#zone-panel.hidden{transform:translateY(20px)}#controls-hint{display:none}#minimap{width:100px;height:100px}}#vehicle-selector{position:fixed;inset:0;display:flex;align-items:flex-end;justify-content:center;pointer-events:none;z-index:40}.vs-inner{pointer-events:auto;cursor:pointer;margin-bottom:8vh;padding:1.1rem 1.6rem 1rem;border-radius:14px;background:#141c26d1;backdrop-filter:blur(8px);color:#eef4fa;text-align:center;font-family:system-ui,-apple-system,sans-serif;box-shadow:0 10px 40px #00000059}.vs-title{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;opacity:.6;margin-bottom:.5rem}.vs-row{display:flex;align-items:center;justify-content:center;gap:1.1rem}.vs-name{min-width:11rem;font-size:1.45rem;font-weight:600}.vs-arrow{pointer-events:auto;width:2.1rem;height:2.1rem;border:0;border-radius:50%;background:#ffffff1a;color:#eef4fa;font-size:1.3rem;line-height:1;cursor:pointer}.vs-arrow:hover{background:#fff3}.vs-dots{display:flex;gap:.35rem;justify-content:center;margin:.7rem 0 .55rem}.vs-dot{width:6px;height:6px;border-radius:50%;background:#ffffff40}.vs-dot.on{background:#4facfe}.vs-hint{font-size:.72rem;opacity:.55}