:root{--text-primary:#fff;--text-secondary:#ffffffb3;--text-muted:#fff6;--accent:#0071e3;--accent-red:#ff3b30;--accent-green:#34c759;--accent-amber:#ff9500;--minimap-stroke:#ffffff1f;--minimap-accent:#ffffffe6;--font-ui:-apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;--font-mono:"SF Mono", "Fira Code", Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;font-family:var(--font-ui);color:var(--text-primary);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;background:#87ceeb;overflow:hidden}canvas{display:block}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:#8080804d;border-radius:2px}.gta-text{color:#fff;text-shadow:0 1px 3px #00000080,0 0 8px #0000004d}.hud-topbar{z-index:100;pointer-events:none;justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.menu-button{color:#fff;cursor:pointer;pointer-events:auto;text-shadow:0 1px 3px #00000080;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:opacity .15s;display:flex}.menu-button:hover{opacity:.7}.settings-menu{z-index:200;-webkit-backdrop-filter:blur(4px);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.settings-panel{-webkit-backdrop-filter:blur(24px);background:#141416eb;border-radius:4px;min-width:260px;overflow:hidden}.settings-header{justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.settings-title{font-family:var(--font-ui);color:#fff;letter-spacing:.5px;font-size:14px;font-weight:600}.settings-close{color:#ffffff80;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;transition:color .15s;display:flex}.settings-close:hover{color:#fff}.settings-section{border-top:1px solid #ffffff14;flex-direction:column;gap:6px;padding:10px 18px;display:flex}.settings-section:first-of-type{border-top:none}.settings-label{font-family:var(--font-ui);color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:500}.settings-select{color:#fff;font-family:var(--font-ui);cursor:pointer;appearance:none;background:#ffffff14;border:none;border-radius:3px;outline:none;width:100%;padding:7px 10px;font-size:13px}.settings-select option{color:#fff;background:#1a1a1c}.settings-toggle{color:#fff;font-family:var(--font-ui);cursor:pointer;text-align:left;background:#ffffff14;border:none;border-radius:3px;padding:7px 12px;font-size:13px}.settings-toggle:hover{background:#ffffff1f}.settings-toggle-btn{color:#fff9;font-family:var(--font-ui);cursor:pointer;text-align:center;background:#ffffff14;border:none;border-radius:3px;width:52px;padding:6px 10px;font-size:11px;font-weight:500;transition:background .15s,color .15s}.settings-toggle-btn.active{background:var(--accent);color:#fff}.settings-divider{background:#ffffff14;height:1px;margin:4px 0}.settings-section.credits{gap:2px;padding:12px 18px}.credits-text{font-family:var(--font-ui);color:#fff6;font-size:11px}.credits-link{font-family:var(--font-ui);color:var(--accent);font-size:11px;text-decoration:none}.credits-link:hover{text-decoration:underline}.hud-right{align-items:center;gap:12px;display:flex}.time-toggle{color:#fff;font-family:var(--font-ui);letter-spacing:.5px;cursor:pointer;pointer-events:auto;background:#ffffff14;border:none;border-radius:3px;padding:5px 10px;font-size:10px;font-weight:500;transition:background .15s}.time-toggle:hover{background:#ffffff1f}.hud-coords{flex-direction:column;align-items:flex-end;display:flex}.coord-label{font-family:var(--font-ui);color:#fff6;text-transform:uppercase;letter-spacing:.5px;font-size:8px;font-weight:500}.coord-value{font-family:var(--font-mono);color:#fff9;font-size:10px}.minimap-container{z-index:90;width:140px;position:fixed;bottom:16px;right:16px}.minimap-container.hud-topright-minimap{inset:56px 16px auto auto}.minimap-header{padding:3px 0}.minimap-title{font-family:var(--font-ui);color:#ffffff80;letter-spacing:1px;text-shadow:0 1px 3px #00000080;font-size:9px;font-weight:600}.minimap-view{padding:4px 0}.minimap-view svg{border-radius:3px;display:block}.minimap-scale{text-align:center;margin-top:2px}.minimap-scale span{font-family:var(--font-ui);color:#ffffff4d;text-shadow:0 1px 2px #00000080;font-size:8px}.health-container{z-index:90;width:160px;position:fixed;top:56px;left:16px}.health-container.hud-topright{width:150px;top:56px;left:auto;right:16px}.health-label{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.health-segments{gap:2px;display:flex}.health-segment{background:#ffffff1a;border-radius:1px;flex:1;height:6px;transition:background .2s}.vehicle-indicator{z-index:100;position:fixed;bottom:16px;right:172px}.vehicle-name-row{margin-bottom:5px}.vehicle-name{font-family:var(--font-ui);color:#fff;text-shadow:0 1px 3px #00000080;font-size:11px;font-weight:600}.speedometer{flex-direction:column;gap:3px;display:flex}.speed-gauge-track{background:#ffffff26;border-radius:1px;width:100px;height:3px;overflow:hidden}.speed-gauge-fill{background:#fff;border-radius:1px;height:100%;transition:width .1s ease-out}.speed-readout{align-items:baseline;gap:3px;display:flex}.speed-value{font-family:var(--font-mono);color:#fff;text-shadow:0 1px 3px #00000080;font-size:20px;font-weight:600;line-height:1}.speed-unit{font-family:var(--font-ui);color:#ffffff80;text-transform:uppercase;font-size:9px;font-weight:500}.interaction-prompt{-webkit-backdrop-filter:blur(8px);z-index:100;background:#00000080;border:1px solid #ffffff1a;border-radius:3px;align-items:center;gap:6px;padding:6px 12px;display:flex;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}.interact-key{color:#fff;width:20px;height:20px;font-family:var(--font-ui);background:#fff3;border:1px solid #ffffff40;border-radius:3px;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.interact-text{font-family:var(--font-ui);color:#fff;text-shadow:0 1px 3px #00000080;font-size:12px}.crosshair{pointer-events:none;z-index:90;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair-dot{background:#ffffffe6;border-radius:50%;width:4px;height:4px;transition:all .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair-ring{border:1px solid #ffffff80;border-radius:50%;width:16px;height:16px;transition:all .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair.active .crosshair-dot{width:5px;height:5px}.crosshair.active .crosshair-ring{width:22px;height:22px}.falling-indicator{z-index:100;align-items:center;gap:5px;display:flex;position:fixed;top:56px;left:50%;transform:translate(-50%)}.falling-text{font-family:var(--font-ui);color:var(--accent-red);text-transform:uppercase;letter-spacing:1px;text-shadow:0 1px 3px #00000080;font-size:10px;font-weight:600}.damage-flash{pointer-events:none;z-index:200;background:radial-gradient(#0000 40%,#ff3b304d 100%);animation:.3s ease-out forwards damageFlash;position:fixed;inset:0}@keyframes damageFlash{0%{opacity:0}20%{opacity:1}to{opacity:0}}.death-screen{z-index:300;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.death-overlay{animation:1s ease-in forwards deathFadeIn;position:absolute;inset:0}@keyframes deathFadeIn{to{background:#000000d9}}.death-text{text-align:center;animation:.5s ease-out 1s both fadeIn;position:relative}.death-killed{font-family:var(--font-ui);color:#fff;letter-spacing:5px;text-shadow:0 2px 8px #00000080;font-size:60px;font-weight:700}.death-sub{font-family:var(--font-ui);color:#ffffff80;margin-top:10px;font-size:14px}.respawn-text{text-align:center;position:relative}.respawn-label{font-family:var(--font-ui);color:var(--accent);letter-spacing:3px;font-size:22px;font-weight:600}.respawn-dots span{color:var(--accent);font-size:28px;animation:.6s ease-in-out infinite dotPulse;display:inline-block}.respawn-dots span:nth-child(2){animation-delay:.2s}.respawn-dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,to{opacity:1}50%{opacity:.3}}.fps-counter{z-index:100;align-items:baseline;gap:2px;display:flex;position:fixed;top:56px;right:16px}.fps-value{font-family:var(--font-mono);font-size:13px;font-weight:600}.fps-label{font-family:var(--font-ui);color:#fff6;text-transform:uppercase;font-size:8px;font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ls-backdrop{background:var(--bg-void);z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.ls-container{flex-direction:column;align-items:center;gap:32px;width:100%;max-width:600px;padding:0 32px;display:flex;position:relative}.ls-logo-wrap{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.ls-logo-grid{align-items:flex-end;gap:2px;display:flex}.ls-char{flex-direction:column;display:flex}.ls-dash-block{flex-direction:column;margin-bottom:0;display:flex}.ls-block{flex-shrink:0}.ls-block-accent{background-color:var(--accent)}.ls-block-gray{background-color:var(--text-secondary)}.ls-block-transparent{background:0 0}.ls-subtitle{font-family:var(--font-ui);letter-spacing:4px;color:var(--text-muted);text-transform:uppercase;font-size:12px}.ls-progress-wrap{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.ls-spinner{align-items:center;gap:5px;display:flex}.ls-spinner-pixel{border-radius:2px;width:6px;height:18px;animation:.8s ease-in-out infinite pixelPulse}@keyframes pixelPulse{0%,to{opacity:.4;transform:scaleY(.3)}50%{opacity:1;transform:scaleY(1)}}.ls-progress-track{background:#8080801a;border-radius:10px;width:100%;height:20px;position:relative;overflow:hidden}.ls-progress-fill{background:var(--accent);border-radius:10px;height:100%;transition:width .1s linear}.ls-progress-text{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.ls-progress-pct{font-family:var(--font-ui);color:var(--accent);min-width:40px;font-size:14px;font-weight:600}.ls-progress-msg{font-family:var(--font-ui);color:var(--text-secondary);text-align:right;flex:1;font-size:11px;animation:.3s ease-out fadeInTip}@keyframes fadeInTip{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ls-tip-wrap{background:#8080800f;border-radius:12px;flex-direction:column;gap:8px;width:100%;padding:14px 18px;animation:.5s ease-out fadeInTip;display:flex}.ls-tip-header{align-items:center;gap:10px;display:flex}.ls-tip-icon{flex-shrink:0}.ls-pixel-icon{grid-template-rows:repeat(3,4px);grid-template-columns:repeat(3,4px);gap:1px;display:grid}.ls-info-block{background:var(--accent)}.ls-tip-category{font-family:var(--font-ui);letter-spacing:1px;color:var(--accent);text-transform:uppercase;font-size:10px;font-weight:600}.ls-tip-text{font-family:var(--font-ui);color:var(--text-secondary);padding-left:24px;font-size:12px;line-height:1.6}.ls-footer{justify-content:space-between;align-items:center;width:100%;padding-top:8px;display:flex}.ls-footer-left,.ls-footer-right,.ls-footer-center{font-family:var(--font-ui);color:var(--text-muted);font-size:10px}.ls-footer-center{text-align:center;max-width:280px}