html,body{-webkit-user-select:none;user-select:none;background:#050814;width:100%;height:100%;margin:0;padding:0;font-family:-apple-system,Segoe UI,Helvetica,Arial,sans-serif;overflow:hidden}*{box-sizing:border-box}#hud{color:#fff;text-shadow:0 2px 6px #000c;z-index:5;pointer-events:none;position:fixed;top:14px;left:16px}#hud .title{letter-spacing:3px;background:linear-gradient(90deg,#ff4fd8,#4fd8ff);color:#0000;filter:drop-shadow(0 2px 4px #000000e6);-webkit-background-clip:text;background-clip:text;font-size:15px;font-weight:800}#clock{opacity:.9;font-variant-numeric:tabular-nums;margin-top:2px;font-size:13px}#speedo{text-align:right;color:#fff;z-index:5;pointer-events:none;text-shadow:0 2px 8px #000000e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080a1080;border:1px solid #ffffff24;border-radius:14px;padding:10px 18px;position:fixed;bottom:22px;right:210px}#speedo .num{font-variant-numeric:tabular-nums;font-size:52px;font-weight:800;line-height:1}#speedo .unit{letter-spacing:2px;opacity:.8;font-size:12px}#speedo .veh{color:#ffd76a;letter-spacing:1px;margin-top:2px;font-size:14px;font-weight:700}#nitrobar{z-index:5;pointer-events:none;width:172px;position:fixed;bottom:104px;right:210px}#nitrobar .nlabel{color:#7fdfff;letter-spacing:2px;text-shadow:0 2px 6px #000000e6;margin-bottom:4px;font:700 11px system-ui,sans-serif}#nitrobar .nhint{color:#ffffff80;font-weight:500}#nitrobar .ntrack{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080a1099;border:1px solid #ffffff2e;border-radius:7px;height:12px;overflow:hidden}#nitrobar .nfill{background:linear-gradient(90deg,#0a6cff,#28e8ff);border-radius:6px;height:100%;box-shadow:0 0 10px #28e8ffb3}#nitrobar.active .nfill{background:linear-gradient(90deg,#ff8a1f,#ffe14a)}#vig{pointer-events:none;z-index:4;background:radial-gradient(#0000 52%,#0000006b 100%);position:fixed;inset:0}#hint{color:#fff;z-index:5;pointer-events:none;background:#0000008c;border:1px solid #ffffff40;border-radius:8px;padding:8px 18px;font-size:15px;position:fixed;bottom:110px;left:50%;transform:translate(-50%)}#msg{color:#ffd76a;letter-spacing:2px;text-shadow:0 3px 10px #000000e6;z-index:5;opacity:0;pointer-events:none;text-align:center;font-size:26px;font-weight:800;transition:opacity .5s;position:fixed;top:18%;left:50%;transform:translate(-50%)}#msg.show{opacity:1}#controls{color:#ffffffd9;z-index:5;pointer-events:none;background:#0006;border-radius:10px;padding:10px 14px;font-size:12px;line-height:1.7;position:fixed;bottom:16px;left:16px}#controls b{color:#ffd76a;min-width:74px;display:inline-block}#minimap{z-index:5;cursor:pointer;background:#0a0c12;border:2px solid #ffffff40;border-radius:10px;width:180px;height:180px;position:fixed;bottom:16px;right:16px}#maphint{text-align:center;color:#ffffffbf;letter-spacing:.5px;z-index:5;pointer-events:none;text-shadow:0 1px 3px #000000e6;width:184px;font-size:11px;position:fixed;bottom:200px;right:16px}#waypoint{z-index:5;color:#fff;pointer-events:none;text-shadow:0 2px 6px #000000e6;background:#080a1080;border-radius:10px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;display:flex;position:fixed;top:44px;left:50%;transform:translate(-50%)}#waypoint .arrow{color:#ff4fd8;font-size:16px;line-height:1;display:inline-block}#waypoint .lbl{background:linear-gradient(90deg,#ff4fd8,#4fd8ff);color:#0000;letter-spacing:1px;-webkit-background-clip:text;background-clip:text;font-weight:700}#waypoint .dist{color:#ffd76a;font-variant-numeric:tabular-nums}#mapscreen{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#04060cb8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#mapcard{background:#0c0f16f5;border:1px solid #ffffff2e;border-radius:16px;gap:18px;padding:18px 20px;display:flex;box-shadow:0 20px 60px #0009}#mapcard h2{letter-spacing:2px;background:linear-gradient(90deg,#ff4fd8,#4fd8ff);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 10px;font-size:15px;font-weight:800}#bigmap{cursor:crosshair;background:#0a0c12;border:1px solid #ffffff26;border-radius:10px;display:block}#mapcanvaswrap{width:fit-content;position:relative}#mapzoom{background:#0c0f16d9;border:1px solid #ffffff2e;border-radius:9px;align-items:center;gap:6px;padding:4px 8px;display:flex;position:absolute;bottom:10px;right:10px}#mapzoom button{color:#e6e8ee;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:15px;font-weight:700;line-height:1;display:flex}#mapzoom button:hover{background:#ffffff2e;border-color:#fff6}#mapzoom span{color:#ffd76a;font-variant-numeric:tabular-nums;text-align:center;min-width:26px;font-size:11px}#mapright{flex-direction:column;width:230px;display:flex}#maplist{flex-direction:column;gap:6px;max-height:470px;display:flex;overflow-y:auto}#maplist button{color:#e6e8ee;cursor:pointer;text-align:left;letter-spacing:.4px;background:#ffffff0d;border:1px solid #ffffff24;border-radius:9px;align-items:center;gap:9px;width:100%;padding:9px 11px;font-size:13px;font-weight:600;display:flex}#maplist button:hover{background:#ffffff21;border-color:#ffffff59}#maplist button.active{background:#ffd76a24;border-color:#ffd76a}#maplist button .dot{border-radius:50%;flex:none;width:11px;height:11px;box-shadow:0 0 7px}#maplist button .nm{flex:1}#maplist button .km{color:#ffd76a;font-variant-numeric:tabular-nums;font-size:12px}#mapclose{text-align:center;color:#ffffffb3;cursor:pointer;letter-spacing:1px;border:1px solid #fff3;border-radius:9px;margin-top:12px;padding:8px;font-size:12px}#mapclose:hover{color:#fff;background:#ffffff14}#camsel{z-index:6;gap:5px;display:flex;position:fixed;top:72px;left:16px}#camsel button{color:#cfd3da;cursor:pointer;letter-spacing:.5px;background:#0a0c14a6;border:1px solid #ffffff38;border-radius:7px;padding:4px 9px;font-size:11px}#camsel button.on{color:#14161d;background:#ffd76a;border-color:#ffd76a;font-weight:700}#logout{z-index:6;color:#cfd3da;cursor:pointer;letter-spacing:.5px;background:#0a0c14a6;border:1px solid #ffffff38;border-radius:7px;padding:5px 11px;font-size:11px;position:fixed;top:14px;right:16px}#logout:hover{color:#fff;background:#ffffff1f;border-color:#fff6}#sensitivity{z-index:6;color:#cfd3da;letter-spacing:.5px;background:#0a0c14a6;border:1px solid #ffffff38;border-radius:7px;align-items:center;gap:7px;padding:5px 10px;font-size:10px;display:flex;position:fixed;top:108px;left:16px}#sensitivity input[type=range]{accent-color:#ffd76a;cursor:pointer;width:90px}#sensitivity span{color:#ffd76a;font-variant-numeric:tabular-nums;text-align:right;min-width:32px}#login{background:#050814;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}#login .bg-slides{z-index:0;position:absolute;inset:0}#login .bg-slide{opacity:0;background-position:50%;background-size:cover;animation:42s infinite bg-cycle;position:absolute;inset:0}#login .bg-slide:first-child{animation-delay:0s}#login .bg-slide:nth-child(2){animation-delay:6s}#login .bg-slide:nth-child(3){animation-delay:12s}#login .bg-slide:nth-child(4){animation-delay:18s}#login .bg-slide:nth-child(5){animation-delay:24s}#login .bg-slide:nth-child(6){animation-delay:30s}#login .bg-slide:nth-child(7){animation-delay:36s}#login .content{z-index:4;flex-direction:column;align-items:center;gap:28px;animation:.4s cubic-bezier(.16,1,.3,1) login-in;display:flex;position:relative}@keyframes bg-cycle{0%{opacity:0;transform:scale(1)}2%{opacity:1;transform:scale(1.02)}14.2857%{opacity:1;transform:scale(1.12)}16.2857%{opacity:0;transform:scale(1.14)}to{opacity:0;transform:scale(1)}}#login .title{letter-spacing:6px;color:#ffd76a;filter:drop-shadow(0 2px 3px #000000e6)drop-shadow(0 0 24px #000000b3)drop-shadow(0 0 16px #ffd76a8c);font-size:clamp(32px,5vw,52px);font-weight:800}#login .subtitle{color:#fff;letter-spacing:.5px;text-shadow:0 1px 3px #000000e6,0 0 12px #000000b3;margin-top:-14px;font-size:14px}#login .card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0f16d9;border:1px solid #ffffff24;border-radius:16px;flex-direction:column;align-items:center;gap:14px;padding:28px 32px;display:flex;box-shadow:0 20px 60px #00000080}#login .missing{color:#ffd76a;text-align:center;background:#0006;border:1px solid #ffd76a4d;border-radius:10px;max-width:320px;padding:10px 16px;font-size:13px}#login .missing code{font-family:ui-monospace,SF Mono,monospace;font-size:12px}#login .signin-error{color:#ff9b9b;text-align:center;font-size:12px}#login .guest-btn{color:#ffffff8c;letter-spacing:.3px;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:2px 4px;font-size:12px;-webkit-text-decoration:underline #ffffff40;text-decoration:underline #ffffff40;transition:color .15s}#login .guest-btn:hover{color:#ffffffe6;text-decoration-color:#fff9}#login .legal{color:#fff6;text-shadow:0 1px 3px #000000e6;align-items:center;gap:8px;font-size:11px;display:flex}#login .legal a{color:inherit;text-decoration:none}#login .legal a:hover{color:#ffffffbf}@keyframes login-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){#login .content{animation:none}#login .bg-slide{opacity:0;animation:none}#login .bg-slide:first-child{opacity:1}}@media (max-width:480px){#login .title{letter-spacing:3px}}.legal-page{-webkit-overflow-scrolling:touch;color:#ffffffd9;-webkit-user-select:text;user-select:text;background:#050814;position:fixed;inset:0;overflow-y:auto}.legal-hero{background-position:50%;background-size:cover;flex-direction:column;justify-content:flex-end;height:220px;padding:20px 24px 26px;display:flex;position:relative}.legal-hero:after{content:"";pointer-events:none;background:linear-gradient(#05081426 0%,#0508148c 60%,#050814 100%);position:absolute;inset:0}.legal-back{z-index:2;-webkit-backdrop-filter:blur(20px)saturate(180%);color:#fff;background:#0c0f168c;border:1px solid #ffffff29;border-top-color:#ffffff52;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:transform .15s cubic-bezier(.16,1,.3,1),background .15s;display:inline-flex;position:absolute;top:18px;left:18px}.legal-back:hover{background:#0c0f16c7}.legal-back:active{transform:scale(.96)}.legal-hero h1{z-index:1;letter-spacing:-.02em;color:#ffd76a;filter:drop-shadow(0 2px 3px #000000e6)drop-shadow(0 0 20px #0009);margin:0;font-size:clamp(28px,6vw,44px);font-weight:800;line-height:1.05;animation:.5s cubic-bezier(.16,1,.3,1) 50ms both login-in;position:relative}.legal-hero .updated{z-index:1;letter-spacing:.3px;color:#fff9;text-shadow:0 1px 3px #000000e6;margin:6px 0 0;font-size:12px;animation:.5s cubic-bezier(.16,1,.3,1) .12s both login-in;position:relative}.legal-body{max-width:640px;margin:0 auto;padding:40px 24px 100px}.legal-body section{border-top:1px solid #ffffff14;margin-top:26px;padding-top:26px;animation:.5s cubic-bezier(.16,1,.3,1) both login-in}.legal-body section:first-child{border-top:none;margin-top:0;padding-top:0}.legal-body section:first-child{animation-delay:.16s}.legal-body section:nth-child(2){animation-delay:.22s}.legal-body section:nth-child(3){animation-delay:.28s}.legal-body h2{letter-spacing:-.01em;color:#fff;margin:0 0 10px;font-size:15px;font-weight:700}.legal-body p{color:#ffffffb8;margin:0;font-size:15px;line-height:1.7}.legal-body p a{color:#ffd76a;text-underline-offset:3px;-webkit-text-decoration:underline #ffd76a59;text-decoration:underline #ffd76a59}.legal-body p a:hover{text-decoration-color:#ffd76acc}.legal-body ul{margin:10px 0 0;padding:0;list-style:none}.legal-body li{color:#ffffffb8;margin-bottom:8px;padding-left:18px;font-size:15px;line-height:1.7;position:relative}.legal-body li:before{content:"";background:#ffd76a;width:6px;height:1px;position:absolute;top:11px;left:0}@media (max-width:480px){.legal-hero{height:180px}}@media (prefers-reduced-motion:reduce){.legal-hero h1,.legal-hero .updated,.legal-body section{animation:none}}@media (max-width:900px){#hud .title{letter-spacing:2px;font-size:12px}#clock{font-size:11px}#speedo{border-radius:10px;padding:6px 14px;bottom:12px;left:50%;right:auto;transform:translate(-50%)}#speedo .num{font-size:36px}#nitrobar{width:150px;bottom:92px;left:50%;right:auto;transform:translate(-50%)}#minimap{width:100px;height:100px;right:10px}#camsel{gap:3px;left:10px}#camsel button{padding:3px 6px;font-size:9px}#logout{padding:4px 8px;font-size:9px;top:10px;right:10px}#sensitivity{padding:4px 8px;top:100px;left:10px}#sensitivity input[type=range]{width:60px}#hint{padding:6px 14px;font-size:13px;bottom:80px}#controls{display:none}}