:root{--pink: #ff4f9a;--cyan: #2af0e6;--orange: #ffa23a;--ink: #1a1030;--panel: rgba(26, 16, 48, .78);--font: "Trebuchet MS", "Segoe UI", system-ui, sans-serif;--mono: "Consolas", "Courier New", monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#140a2e;color:#fff;font-family:var(--font)}#game{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;image-rendering:pixelated}.hidden{display:none!important}#hud-top{position:fixed;top:12px;left:12px;display:flex;gap:8px;pointer-events:none}#hud-top>div{background:var(--panel);padding:6px 12px;border-radius:6px;font-weight:700;border:2px solid rgba(255,255,255,.15);text-shadow:0 2px 0 #000}#hud-zone{color:var(--cyan)}#hud-clock{color:var(--orange);font-family:var(--mono)}#hud-speed:empty{display:none}#quest-panel{position:fixed;top:12px;right:12px;max-width:320px;background:var(--panel);border:2px solid var(--pink);border-radius:8px;padding:10px 14px;line-height:1.4;box-shadow:0 0 18px #ff4f9a59;pointer-events:none}#quest-panel h3{margin:0 0 4px;color:var(--pink);font-size:15px;letter-spacing:1px;text-transform:uppercase}#quest-panel .timer{font-family:var(--mono);font-size:22px;color:var(--orange)}#zone-banner{position:fixed;top:22%;left:50%;transform:translate(-50%);font-size:44px;font-weight:900;letter-spacing:4px;font-style:italic;color:#fff;text-shadow:3px 3px 0 var(--pink),-2px -2px 0 var(--cyan),0 0 30px rgba(255,79,154,.6);pointer-events:none;animation:banner 3s ease forwards}@keyframes banner{0%{opacity:0;transform:translate(-50%,20px)}15%,75%{opacity:1;transform:translate(-50%)}to{opacity:0}}#toasts{position:fixed;top:34%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.toast{background:var(--panel);padding:8px 16px;border-radius:6px;font-weight:700;max-width:70vw;text-align:center;border-left:4px solid var(--cyan);animation:toast 5s ease forwards}.toast.good{border-color:#4fd16b}.toast.bad{border-color:#f25c3c}@keyframes toast{0%{opacity:0}8%,85%{opacity:1}to{opacity:0}}#hint{position:fixed;bottom:28%;left:50%;transform:translate(-50%);background:var(--panel);padding:6px 14px;border-radius:20px;font-weight:700;pointer-events:none}#hint b{color:var(--orange)}#fps{position:fixed;bottom:6px;left:50%;transform:translate(-50%);font:11px var(--mono);opacity:.5;pointer-events:none}#ds-screen{position:fixed;right:14px;bottom:14px;padding:10px 10px 4px;background:linear-gradient(160deg,#3b3550,#221d33);border-radius:14px;border:3px solid #4b4466;box-shadow:0 6px #120d1f,0 10px 24px #00000080}#minimap{display:block;width:240px;height:240px;border-radius:4px;image-rendering:pixelated;border:3px solid #120d1f}#minimap-label{text-align:center;font:bold 10px var(--mono);color:#a99fcf;letter-spacing:2px;padding-top:3px}#bigmap{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0a0519b3;pointer-events:none}#bigmap-canvas{width:min(80vh,90vw);height:min(80vh,90vw);image-rendering:pixelated;border:4px solid #4b4466;border-radius:8px}#chat{position:fixed;left:12px;bottom:12px;width:min(420px,60vw)}#chat-log{display:flex;flex-direction:column;gap:2px;margin-bottom:6px}.chat-line{background:#1a103099;padding:3px 8px;border-radius:4px;font-size:14px;transition:opacity 1s;word-wrap:break-word}.chat-line.faded{opacity:0}#chat.open .chat-line.faded{opacity:1}.chat-line .who{font-weight:700;margin-right:6px}.chat-line.system{font-style:italic;color:#c8bfe8}#chat-input{width:100%;padding:8px 10px;border-radius:6px;border:2px solid var(--cyan);background:#0a0519e6;color:#fff;font:14px var(--font);outline:none}#login{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:linear-gradient(180deg,#2b1650,#ff5e8a 55%,#ffb067 75%,#2ad4c9)}.login-box{text-align:center;padding:32px 40px;background:#140a2eb8;border-radius:16px;max-width:520px;margin:16px}.login-box h1{margin:0;font-size:54px;font-style:italic;font-weight:900;letter-spacing:3px;color:#fff;text-shadow:3px 3px 0 var(--pink),0 0 24px rgba(255,79,154,.8)}.login-box h1 span{display:block;color:var(--cyan);text-shadow:3px 3px 0 #6b2fd1,0 0 24px rgba(42,240,230,.8)}.tagline{color:#ffd1dc;margin:6px 0 22px}#login-form{display:flex;gap:8px;justify-content:center}#login-name{padding:10px 14px;font-size:18px;border-radius:8px;border:2px solid var(--cyan);background:#140a2e;color:#fff;width:220px;outline:none}#login-form button{padding:10px 20px;font-size:18px;font-weight:700;border:0;border-radius:8px;background:var(--pink);color:#fff;cursor:pointer;box-shadow:0 4px #a3245e}#login-form button:active{transform:translateY(2px);box-shadow:0 2px #a3245e}#login-status{min-height:1.4em;color:var(--orange)}.controls{font-size:13px;color:#c8bfe8;line-height:1.6}.controls b{color:#fff}#debug-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:50;cursor:grab}#debug-overlay:active{cursor:grabbing}#hud-money{color:#4fd16b;font-family:var(--mono)}#hud-money.pop{animation:moneypop .6s ease}@keyframes moneypop{0%{transform:scale(1)}30%{transform:scale(1.25);color:#fff}to{transform:scale(1)}}#drive-hud{position:fixed;right:14px;bottom:300px;width:200px;padding:8px 12px 10px;pointer-events:none;background:var(--panel);border:2px solid rgba(255,255,255,.15);border-radius:10px;text-shadow:0 2px 0 #000}.dh-row{display:flex;align-items:baseline;gap:6px}#dh-speed{font:italic 900 38px var(--font);color:#fff;min-width:76px;text-align:right}.dh-row small{color:#a99fcf;font-weight:700}#dh-gear{margin-left:auto;font:900 30px var(--mono);color:var(--orange)}.dh-bar{height:7px;margin-top:6px;background:#00000073;border-radius:4px;overflow:hidden}.dh-bar>div{height:100%;width:0;background:var(--cyan);transition:width .05s linear}#dh-rpm.red{background:#ff3a4a}.dh-bar.nitro>div{background:linear-gradient(90deg,#2a5bff,#9fd8ff)}.dh-bar.hp>div{background:#4fd16b}.dh-bar.hp>div.mid{background:#ffe14d}.dh-bar.hp>div.low{background:var(--orange)}.dh-bar.hp>div.crit{background:#ff3a4a;animation:blink .4s steps(2) infinite}@keyframes blink{50%{opacity:.3}}#drift{position:fixed;left:50%;bottom:22%;transform:translate(-50%);display:flex;align-items:baseline;gap:10px;pointer-events:none;font:italic 900 40px var(--font);color:#fff;text-shadow:3px 3px 0 var(--pink),0 0 18px rgba(255,79,154,.7)}#drift small{font-size:16px;color:var(--cyan);letter-spacing:3px;text-shadow:2px 2px 0 #000}#drift-mul{color:var(--orange);font-size:30px}#drift-mul[data-mul="3"],#drift-mul[data-mul="4"]{color:#ff4f4f}#drift-mul[data-mul="5"]{color:#ff2af0;animation:blink .3s steps(2) infinite}#bonus{position:fixed;left:50%;top:18%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}.bonus{display:flex;gap:10px;align-items:baseline;padding:4px 14px;border-radius:8px;background:var(--panel);animation:bonus 2.6s ease forwards;text-shadow:0 2px 0 #000}.bonus b{font:italic 900 24px var(--font);color:var(--pink);letter-spacing:2px}.bonus.stunt b{color:var(--cyan)}.bonus.near b{color:var(--orange)}.bonus.driftFail b{color:#ff3a4a}.bonus span{font-weight:700}.bonus i{font-style:normal;font:bold 18px var(--mono);color:#4fd16b}@keyframes bonus{0%{opacity:0;transform:scale(.6)}10%{opacity:1;transform:scale(1.12)}18%,80%{transform:scale(1);opacity:1}to{opacity:0;transform:translateY(-16px)}}#veh-debug{position:fixed;left:12px;top:60px;z-index:51;padding:8px 10px;min-width:330px;pointer-events:none;background:#0a0519d9;border:2px solid var(--cyan);border-radius:8px;font:12px/1.45 var(--mono);white-space:pre}#debug-tabs{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:52;display:flex;gap:6px}#debug-tabs button{font:bold 13px var(--font);padding:5px 14px;border-radius:6px;border:2px solid #4b4466;background:#221d33;color:#c8bfe8;cursor:pointer}#debug-tabs button.on{background:var(--cyan);color:#140a2e;border-color:var(--cyan)}.lil-gui.root{z-index:60}#login-form{flex-wrap:wrap}#login-pass{padding:10px 12px;font-size:16px;border-radius:8px;border:2px solid #6b2fd1;background:#00000059;color:#fff;width:190px}.login-hint{font-size:12px;opacity:.75;max-width:420px;margin:10px auto 0}#hud-stats{position:fixed;left:12px;top:58px;width:210px;pointer-events:none;display:flex;flex-direction:column;gap:4px;font-family:var(--mono);font-size:11px;color:#fff;text-shadow:1px 1px 0 #000}.st-row{display:flex;align-items:center;gap:6px}.st-row>span{width:34px;font-weight:700}.st-row>b{width:30px;text-align:right}.st-bar{flex:1;height:10px;background:#0000008c;border:2px solid rgba(255,255,255,.5);border-radius:6px;overflow:hidden}.st-bar>div{height:100%;width:100%;background:#4fd16b;transition:width .15s}#st-hp.low{background:#ffa23a}#st-hp.crit{background:#ff3d5a}#st-armor{background:#3a8dff}.st-bar.xp>div{background:#c98bff}#st-armor-row.hidden{display:none}#ko{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(transparent 30%,#78001e8c);color:#fff;pointer-events:none;text-shadow:2px 2px 0 #000}#ko.hidden{display:none}#ko h2{margin:0;font-size:56px;font-style:italic;letter-spacing:3px;color:#ff4f6a}#hud-weapon{position:fixed;left:12px;bottom:14px;padding:8px 14px;background:#140a2eb8;border:3px solid var(--pink);border-radius:12px;color:#fff;font-family:var(--mono);display:flex;gap:12px;align-items:baseline;pointer-events:none}#hud-weapon b{font-size:16px}#wp-ammo{color:#ffe14d;font-size:18px}#wp-pvp{color:#ff4f6a;font-weight:700}#hud-weapon small.hidden{display:none}#hud-wanted{position:fixed;right:14px;top:56px;display:flex;gap:6px;pointer-events:none}#hud-wanted.hidden{display:none}#hud-wanted i{width:22px;height:26px;background:#00000073;border:2px solid #5a6aa0;clip-path:polygon(50% 0,100% 25%,85% 90%,50% 100%,15% 90%,0 25%)}#hud-wanted i.on{background:#2a6bff;border-color:#fff}#hud-wanted.blink i.on{animation:wblink .5s steps(2) infinite}#hud-wanted i.m3{opacity:.25}@keyframes wblink{50%{background:#ff2030}}#arrest{position:fixed;left:50%;bottom:120px;transform:translate(-50%);text-align:center;color:#fff;font-family:var(--mono);text-shadow:1px 1px 0 #000;pointer-events:none}#arrest.hidden{display:none}#arrest>div{width:260px;height:14px;border:2px solid #fff;border-radius:8px;background:#00000080;margin-top:4px;overflow:hidden}#arrest-bar{height:100%;width:0;background:#ff2030}#panel{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a05198c;z-index:30}#panel.hidden{display:none}.pn-box{width:min(560px,94vw);max-height:80vh;overflow-y:auto;background:#1c0e3cf5;border:4px solid var(--pink);border-radius:16px;padding:16px 18px;color:#fff}.pn-head{display:flex;align-items:center;gap:12px}.pn-head h2{margin:0;flex:1;font-style:italic}.pn-cash{color:#4fd16b;font-family:var(--mono)}.pn-close{background:transparent;border:0;color:#fff;font-size:20px;cursor:pointer}.pn-box h3{margin:14px 0 6px;color:var(--cyan)}.pn-list{display:flex;flex-direction:column;gap:6px;margin-top:10px}.pn-row{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#ffffff12;border-radius:10px}.pn-info{flex:1;display:flex;flex-direction:column}.pn-info small{opacity:.7}.pn-buy{min-width:96px;padding:7px 10px;border:0;border-radius:8px;font-weight:700;background:var(--pink);color:#fff;cursor:pointer;box-shadow:0 3px #a3245e}.pn-buy:disabled{background:#555a72;box-shadow:none;color:#aab;cursor:default}.pn-foot{opacity:.6;font-size:12px;text-align:center;margin:10px 0 0}#quest-panel .prog{color:#ffe14d;font-family:var(--mono);margin-top:4px}.pn-dlg{margin:8px 0 2px;padding:8px 10px;background:#0000004d;border-left:4px solid var(--cyan);border-radius:6px;font-size:13px}.pn-dlg b{color:var(--cyan)}.pn-rep{display:flex;align-items:center;gap:8px;margin:4px 0;font-size:13px}.pn-rep>span{width:130px}.pn-rep .bar{flex:1;height:10px;background:#00000080;border-radius:6px;position:relative;overflow:hidden}.pn-rep .bar i{position:absolute;top:0;bottom:0}.pn-state{font-size:12px;opacity:.8;min-width:90px;text-align:right}
