@import"https://fonts.googleapis.com/css2?family=VT323&family=Russo+One&family=Orbitron:wght@400;700&display=swap";.crosshair{position:fixed;top:50%;left:50%;pointer-events:none;z-index:100}.crosshair.mobile-offset{left:50%}.crosshair-dot{position:absolute;top:50%;left:50%;width:4px;height:4px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 2px #000c}.crosshair-line{position:absolute;background:#fff;box-shadow:0 0 2px #000c}.crosshair-top,.crosshair-bottom{width:2px;height:10px;left:50%;transform:translate(-50%)}.crosshair-left,.crosshair-right{width:10px;height:2px;top:50%;transform:translateY(-50%)}.crosshair-top{bottom:calc(50% + 6px)}.crosshair-bottom{top:calc(50% + 6px)}.crosshair-left{right:calc(50% + 6px)}.crosshair-right{left:calc(50% + 6px)}.crosshair.simple .simple-h,.crosshair.simple .simple-v{position:absolute;background:#ffffffb3;box-shadow:0 0 2px #00000080}.crosshair.simple .simple-h{width:12px;height:1px;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair.simple .simple-v{width:1px;height:12px;top:50%;left:50%;transform:translate(-50%,-50%)}.vehicle-prompt{position:fixed;bottom:220px;left:50%;transform:translate(-50%);z-index:100;pointer-events:none}.vehicle-prompt-content{display:flex;align-items:center;gap:14px;background:#000000b3;padding:14px 29px;border-radius:10px;border:2px solid rgba(255,200,0,.6);animation:pulse-prompt 2s ease-in-out infinite}.vehicle-prompt-key{display:inline-flex;align-items:center;justify-content:center;width:43px;height:43px;background:linear-gradient(180deg,gold,#b8860b);color:#000;font-weight:700;font-size:22px;border-radius:7px;box-shadow:0 2px 4px #00000080}.vehicle-prompt-text{color:#fff;font-size:22px;font-weight:500;text-transform:uppercase;letter-spacing:1px}.vehicle-prompt.hijack .vehicle-prompt-content{border-color:#ff3c3ccc;background:#280000cc}.vehicle-prompt.hijack .vehicle-prompt-key{background:linear-gradient(180deg,#f44,#a00);color:#fff}.vehicle-hud{position:fixed;bottom:30px;right:30px;z-index:100;pointer-events:none;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.vehicle-speed{display:flex;align-items:baseline;gap:6px;background:#000000b3;padding:12px 20px;border-radius:8px;border:2px solid rgba(0,200,255,.5)}.vehicle-speed-value{font-size:42px;font-weight:700;color:#0cf;font-family:Courier New,monospace;text-shadow:0 0 10px rgba(0,200,255,.5)}.vehicle-speed-unit{font-size:14px;color:#ffffffb3;text-transform:uppercase}.vehicle-exit-hint{display:flex;align-items:center;gap:8px;background:#0009;padding:8px 16px;border-radius:6px;opacity:.7}.vehicle-exit-hint .vehicle-prompt-key{width:28px;height:28px;font-size:12px}.vehicle-exit-hint .vehicle-prompt-text{font-size:14px}.arming-prompt{position:fixed;bottom:220px;left:50%;transform:translate(-50%);z-index:100;pointer-events:none}.arming-prompt-content{display:flex;align-items:center;gap:14px;background:#001400cc;padding:14px 29px;border-radius:10px;border:2px solid rgba(51,255,85,.6);animation:pulse-arming 2s ease-in-out infinite}.arming-prompt.mixed .arming-prompt-content{background:#1e1900cc;border-color:#fd09}.arming-prompt-key{display:inline-flex;align-items:center;justify-content:center;width:43px;height:43px;background:linear-gradient(180deg,#3f5,#2a3);color:#000;font-weight:700;font-size:22px;border-radius:7px;box-shadow:0 0 10px #3f56}.arming-prompt.mixed .arming-prompt-key{background:linear-gradient(180deg,#fd0,#a90);box-shadow:0 0 10px #fd06}.arming-prompt-text{color:#fff;font-size:22px;font-weight:500;text-transform:uppercase;letter-spacing:1px}.arming-prompt-icon{font-size:24px;margin-right:-4px}@keyframes pulse-arming{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}}.caption-overlay{position:absolute;left:50%;transform:translate(-50%);bottom:140px;width:550px;text-align:center;pointer-events:none;z-index:1100;display:flex;flex-direction:column;align-items:center;gap:8px}.caption-text-box{background:#000000bf;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);padding:10px 20px;border-radius:6px;box-shadow:0 4px 20px #00000080;animation:captionFadeIn .2s ease-out}.caption-text{color:#fff;font-family:DIN Condensed,Bebas Neue,Oswald,sans-serif;font-size:24px;letter-spacing:1px;line-height:1.2;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.8);white-space:pre-wrap}.caption-overlay.music .caption-text{color:#00f5ff}.caption-overlay.mission .caption-text{color:#fff}@keyframes captionFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px),(pointer:coarse){.caption-overlay{bottom:310px;width:90vw}.caption-text{font-size:18px;letter-spacing:.5px}}@media(orientation:landscape)and (max-height:500px){.caption-overlay{bottom:180px;width:80vw}}.bribe-prompt{position:fixed;bottom:145px;left:50%;transform:translate(-50%);z-index:100;pointer-events:none}.bribe-prompt-content{display:flex;align-items:center;gap:14px;background:#140f00d9;padding:14px 29px;border-radius:10px;border:2px solid rgba(255,215,0,.6);animation:pulse-bribe 2s ease-in-out infinite}.bribe-prompt-key{display:inline-flex;align-items:center;justify-content:center;width:43px;height:43px;background:linear-gradient(180deg,gold,#b8860b);color:#000;font-weight:700;font-size:22px;border-radius:7px;box-shadow:0 0 10px #ffd70066}.bribe-prompt-text{color:#fff;font-size:20px;font-weight:500;letter-spacing:1px}.bribe-prompt-cost{color:gold;font-size:22px;font-weight:700;margin-left:4px}.bribe-prompt-icon{font-size:24px;margin-right:-4px}.bribe-prompt-type{color:#fff9;font-size:14px;text-transform:uppercase}@keyframes pulse-bribe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}}.loyalist-warning{position:fixed;bottom:190px;left:50%;transform:translate(-50%);z-index:100;pointer-events:none}.loyalist-warning-content{display:flex;align-items:center;gap:12px;background:#3c0000d9;padding:12px 24px;border-radius:10px;border:2px solid rgba(255,50,50,.7);animation:pulse-danger 1.5s ease-in-out infinite}.loyalist-warning-icon{font-size:20px}.loyalist-warning-text{color:#f44;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.loyalist-warning-armed{color:#fa0;font-size:14px;font-weight:700;padding:2px 8px;background:#fa03;border-radius:4px}.loyalist-warning-hint{color:#ffffff80;font-size:12px;margin-left:8px}@keyframes pulse-danger{0%,to{opacity:1;box-shadow:0 0 10px #ff32324d}50%{opacity:.9;box-shadow:0 0 20px #ff323280}}.subversion-popup{position:fixed;top:120px;left:50%;transform:translate(-50%);z-index:150;pointer-events:none}.subversion-popup-content{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#000000b3;border-radius:8px;border:2px solid rgba(255,100,100,.5);animation:popup-scale 1.5s ease-out forwards}.subversion-popup-value{font-size:28px;font-weight:700;color:#f66;text-shadow:0 0 10px rgba(255,100,100,.5)}.subversion-popup-label{font-size:14px;color:#ffffffb3;text-transform:uppercase;letter-spacing:1px}.subversion-popup-source{font-size:12px;color:#ffffff80;margin-left:8px}@keyframes popup-scale{0%{opacity:0;transform:scale(.5) translateY(20px)}15%{opacity:1;transform:scale(1.2) translateY(0)}30%{transform:scale(1) translateY(0)}80%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.9) translateY(-20px)}}.blobtv-prompt{position:fixed;bottom:120px;left:50%;transform:translate(-50%);z-index:100;pointer-events:none}.blobtv-prompt-content{display:flex;align-items:center;gap:12px;background:#140028e6;padding:12px 24px;border-radius:8px;border:2px solid rgba(255,0,200,.7);animation:pulse-blobtv 2s ease-in-out infinite;box-shadow:0 0 20px #ff00c84d}.blobtv-prompt-key{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(180deg,#ff00c8,#a08);color:#fff;font-weight:700;font-size:18px;border-radius:6px;box-shadow:0 2px 4px #00000080}.blobtv-prompt-text{color:#fff;font-size:18px;font-weight:500;text-transform:uppercase;letter-spacing:1px;font-family:Oswald,sans-serif}@keyframes pulse-blobtv{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 20px #ff00c84d}50%{opacity:.9;transform:scale(1.02);box-shadow:0 0 30px #ff00c880}}.graffiti-prompt{position:fixed;bottom:280px;right:40px;z-index:100;pointer-events:none}.graffiti-prompt-content{display:flex;align-items:center;gap:14px;background:#000000b3;padding:14px 29px;border-radius:10px;border:2px solid rgba(255,0,255,.6);animation:pulse-graffiti 2s ease-in-out infinite}.graffiti-prompt-key{display:inline-flex;align-items:center;justify-content:center;width:43px;height:43px;background:linear-gradient(180deg,#f0f,#90c);color:#fff;font-weight:700;font-size:22px;border-radius:7px;box-shadow:0 2px 4px #00000080;text-shadow:0 0 10px rgba(255,0,255,.8)}.graffiti-prompt-text{color:#fff;font-size:22px;font-weight:500;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(255,0,255,.5)}@keyframes pulse-graffiti{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 20px #ff00ff4d}50%{opacity:.9;transform:scale(1.02);box-shadow:0 0 30px #ff00ff80}}.graffiti-prompt.exit .graffiti-prompt-content{animation:none}.graffiti-hud{position:fixed;inset:0;z-index:200;pointer-events:none}.graffiti-palette{position:absolute;left:30px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:auto}.palette-label{color:#fff9;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:4px}.palette-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.color-swatch{position:relative;width:44px;height:44px;border-radius:8px;border:3px solid rgba(255,255,255,.2);cursor:pointer;transition:all .15s ease;overflow:hidden}.color-swatch:hover{transform:scale(1.1);border-color:#ffffff80}.color-swatch.active{border-color:#fff;transform:scale(1.15);box-shadow:0 0 20px currentColor}.swatch-check{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8)}.swatch-number{position:absolute;bottom:2px;right:4px;font-size:10px;font-weight:700;color:#ffffffb3;text-shadow:0 1px 2px rgba(0,0,0,.8)}.graffiti-sizes{position:absolute;right:30px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:auto}.sizes-label{color:#fff9;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:4px}.size-btn{position:relative;width:60px;height:60px;border-radius:12px;background:#000000b3;border:2px solid rgba(255,255,255,.2);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.size-btn:hover{background:#1e1e1ee6;border-color:#fff6}.size-btn.active{border-color:#f0f;box-shadow:0 0 15px #f0f6}.size-preview{border-radius:50%;background:#fff;box-shadow:0 0 8px #ffffff80}.size-key{position:absolute;bottom:4px;right:6px;font-size:11px;font-weight:700;color:#ffffff80}.size-btn.active .size-key{color:#f0f}.spray-cursor{position:fixed;pointer-events:none;border:2px dashed;border-radius:50%;transform:translate(-50%,-50%);transition:width .1s ease,height .1s ease;z-index:9999}.cursor-center{position:absolute;top:50%;left:50%;width:4px;height:4px;border-radius:50%;transform:translate(-50%,-50%)}.graffiti-instructions{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:24px;background:#000c;padding:14px 28px;border-radius:12px;border:1px solid rgba(255,255,255,.1);pointer-events:auto}.instruction-group{display:flex;align-items:center;gap:6px;color:#fff9;font-size:13px}.instruction-group kbd{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:26px;padding:0 6px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;font-family:inherit;font-size:11px;font-weight:600;color:#fffc}.instruction-group.highlight kbd{background:#f0f3;border-color:#f0f6;color:#f6f}.instruction-group.highlight span{color:#f6f}.graffiti-mode-label{position:absolute;top:30px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:#000c;padding:12px 24px;border-radius:8px;border:2px solid rgba(255,0,255,.5);animation:mode-pulse 2s ease-in-out infinite}.mode-icon{font-size:24px}.mode-text{font-size:18px;font-weight:700;letter-spacing:3px;color:#fff;text-shadow:0 0 10px rgba(255,0,255,.5)}@keyframes mode-pulse{0%,to{box-shadow:0 0 20px #ff00ff4d}50%{box-shadow:0 0 30px #ff00ff80}}.graffiti-canvas-container{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:150;pointer-events:none}.graffiti-canvas{pointer-events:auto;border:2px solid rgba(255,0,255,.3);box-shadow:0 0 40px #00000080}.graffiti-mobile-controls{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:16px;pointer-events:auto}.graffiti-mobile-hint{background:#000c;padding:10px 24px;border-radius:20px;border:1px solid rgba(255,0,255,.4);color:#ffffffe6;font-size:16px;font-weight:600;letter-spacing:1px;text-shadow:0 0 10px rgba(255,0,255,.5)}.graffiti-exit-btn{background:#ff3232e6;color:#fff;font-size:16px;font-weight:700;padding:14px 32px;border-radius:8px;border:2px solid rgba(255,100,100,.8);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:0 4px 15px #ff323266,inset 0 1px #fff3;transition:all .15s ease}.graffiti-exit-btn:active{transform:scale(.95);background:#c82828f2}@media(pointer:coarse),(max-width:768px){.graffiti-palette{left:10px;gap:8px}.color-swatch{width:36px;height:36px;border-radius:6px}.graffiti-sizes{right:10px;gap:8px}.size-btn{width:50px;height:50px}.graffiti-mode-label{top:15px;padding:8px 16px}.mode-icon{font-size:18px}.mode-text{font-size:14px;letter-spacing:2px}.spray-cursor,.swatch-number,.size-key{display:none}.graffiti-mobile-controls{bottom:200px}}.shooting-range-prompt{position:fixed;bottom:340px;right:40px;z-index:100;pointer-events:none}.shooting-range-prompt-content{display:flex;align-items:center;gap:14px;background:#000000bf;padding:14px 29px;border-radius:10px;border:2px solid rgba(255,140,0,.7);animation:pulse-shooting 2s ease-in-out infinite}.shooting-range-prompt-key{display:inline-flex;align-items:center;justify-content:center;width:43px;height:43px;background:linear-gradient(180deg,#ff8c00,#c50);color:#fff;font-weight:700;font-size:22px;border-radius:7px;box-shadow:0 2px 4px #00000080;text-shadow:0 0 10px rgba(255,140,0,.8)}.shooting-range-prompt-text{color:#fff;font-size:20px;font-weight:500;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(255,140,0,.5)}@keyframes pulse-shooting{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 20px #ff8c004d}50%{opacity:.9;transform:scale(1.02);box-shadow:0 0 30px #ff8c0080}}.shooting-range-prompt--no-funds .shooting-range-prompt-content{border-color:#ff5050cc;animation:shake-no-funds .5s ease-in-out,fade-no-funds 2.5s ease-out forwards}.shooting-range-prompt-icon{font-size:28px;filter:drop-shadow(0 0 8px rgba(255,80,80,.6))}.shooting-range-prompt--no-funds .shooting-range-prompt-text{color:#ff8080;text-shadow:0 0 10px rgba(255,80,80,.5)}@keyframes shake-no-funds{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}@keyframes fade-no-funds{0%,70%{opacity:1}to{opacity:0}}.shooting-range-hud{position:fixed;inset:0;z-index:200;pointer-events:none}.crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair-dot{position:absolute;top:50%;left:50%;width:6px;height:6px;background:#f40;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #f40c}.crosshair-ring{position:absolute;top:50%;left:50%;width:30px;height:30px;border:2px solid rgba(255,68,0,.6);border-radius:50%;transform:translate(-50%,-50%)}.crosshair-line{position:absolute;background:#f40c}.crosshair-top,.crosshair-bottom{width:2px;height:12px;left:50%;transform:translate(-50%)}.crosshair-top{bottom:calc(50% + 20px)}.crosshair-bottom{top:calc(50% + 20px)}.crosshair-left,.crosshair-right{width:12px;height:2px;top:50%;transform:translateY(-50%)}.crosshair-left{right:calc(50% + 20px)}.crosshair-right{left:calc(50% + 20px)}.timer{position:absolute;top:60px;left:50%;transform:translate(-50%);font-size:48px;font-weight:700;color:#fff;text-shadow:0 0 20px rgba(255,140,0,.5),0 2px 4px rgba(0,0,0,.8);font-family:Courier New,monospace}.timer-low{color:#f40;animation:pulse-timer .5s ease-in-out infinite;text-shadow:0 0 30px rgba(255,68,0,.8),0 2px 4px rgba(0,0,0,.8)}@keyframes pulse-timer{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.1)}}.score{position:absolute;top:60px;right:60px;font-size:36px;font-weight:700;color:#fff;text-shadow:0 0 15px rgba(0,255,0,.5),0 2px 4px rgba(0,0,0,.8);font-family:Courier New,monospace}.score-current{color:#0f0}.score-separator{color:#888;margin:0 4px}.score-total{color:#fff}.result{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;background:#000000d9;padding:40px 60px;border-radius:16px;animation:fade-in .3s ease-out}@keyframes fade-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.result-victory{border:3px solid #00ff00;box-shadow:0 0 40px #0f06}.result-failed{border:3px solid #ff4400;box-shadow:0 0 40px #f406}.result-icon{font-size:64px;margin-bottom:16px}.result-title{font-size:32px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:4px;margin-bottom:12px}.result-victory .result-title{text-shadow:0 0 20px rgba(0,255,0,.6)}.result-failed .result-title{text-shadow:0 0 20px rgba(255,68,0,.6)}.result-time,.result-score{font-size:20px;color:#ccc;margin-bottom:24px}.result-controls{display:flex;justify-content:center;align-items:center;gap:12px;font-size:16px;color:#888}.result-key{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:28px;padding:0 8px;background:linear-gradient(180deg,#555,#333);color:#fff;font-weight:700;font-size:14px;border-radius:4px;box-shadow:0 2px 4px #00000080}.result-divider{color:#555}.controls-hint{position:absolute;bottom:60px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;background:#0009;padding:12px 24px;border-radius:8px}.control-item{display:flex;align-items:center;gap:8px;color:#fff;font-size:14px}.control-key{display:inline-flex;align-items:center;justify-content:center;min-width:50px;height:24px;padding:0 8px;background:linear-gradient(180deg,#ff8c00,#c50);color:#fff;font-weight:700;font-size:12px;border-radius:4px;text-transform:uppercase}.control-divider{color:#555}.wave-indicator{position:absolute;top:60px;left:60px;display:flex;flex-direction:column;gap:4px}.wave-current{display:flex;align-items:baseline;gap:8px}.wave-label{font-size:14px;color:#888;letter-spacing:2px;text-transform:uppercase}.wave-number{font-size:48px;font-weight:700;color:#00f5ff;text-shadow:0 0 20px rgba(0,245,255,.6),0 2px 4px rgba(0,0,0,.8);font-family:Courier New,monospace}.wave-best{font-size:14px;color:#888;letter-spacing:1px}.result-wave-complete{border:3px solid #00ff88;box-shadow:0 0 40px #0f86}.result-wave-complete .result-title{text-shadow:0 0 20px rgba(0,255,136,.6)}.result-reward{font-size:36px;font-weight:700;color:#0f8;text-shadow:0 0 20px rgba(0,255,136,.6);margin-bottom:12px}.result-next{font-size:16px;color:#888;margin-bottom:20px;animation:pulse-next 1s ease-in-out infinite}@keyframes pulse-next{0%,to{opacity:.6}50%{opacity:1}}.result-wave{font-size:20px;color:#00f5ff;margin-bottom:8px}.result-earned{font-size:20px;color:#0f8;margin-bottom:8px}.result-best{font-size:16px;color:#888;margin-bottom:20px}.wave-transition{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;animation:fade-in .3s ease-out}.wave-upcoming{font-size:36px;font-weight:700;color:#00f5ff;text-shadow:0 0 30px rgba(0,245,255,.6);letter-spacing:6px;margin-bottom:20px}.transition-countdown{font-size:120px;font-weight:700;color:#fff;text-shadow:0 0 60px rgba(255,140,0,.8),0 0 120px rgba(255,68,0,.4),0 4px 8px rgba(0,0,0,.8);font-family:Courier New,monospace;animation:pulse-countdown 1s ease-in-out infinite;line-height:1}@keyframes pulse-countdown{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}}.transition-hint{margin-top:40px;font-size:16px;color:#888;display:flex;align-items:center;justify-content:center;gap:8px}.climbing-prompt{position:fixed;bottom:220px;left:50%;transform:translate(-50%);z-index:100;pointer-events:none}.climbing-prompt-content{display:flex;align-items:center;gap:14px;background:#000000b3;padding:14px 29px;border-radius:10px;border:2px solid rgba(0,200,150,.6);animation:pulse-climbing 2s ease-in-out infinite}.climbing-prompt-key{display:inline-flex;align-items:center;justify-content:center;width:43px;height:43px;background:linear-gradient(180deg,#00d4aa,#086);color:#000;font-weight:700;font-size:22px;border-radius:7px;box-shadow:0 2px 4px #00000080}.climbing-prompt-text{color:#fff;font-size:22px;font-weight:500;text-transform:uppercase;letter-spacing:1px}@keyframes pulse-climbing{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.climbing-hud{position:fixed;right:30px;top:50%;transform:translateY(-50%);z-index:100;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:12px}.climbing-progress-track{position:relative;width:12px;height:150px;background:#0009;border:2px solid rgba(0,200,150,.4);border-radius:6px;overflow:hidden}.climbing-progress-fill{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#00d4aa,#0fc);transition:height .1s ease-out}.climbing-progress-marker{position:absolute;left:-4px;right:-4px;height:4px;background:#fff;border-radius:2px;box-shadow:0 0 8px #fffc;transform:translateY(50%)}.climbing-direction{font-size:24px;color:#00d4aa;text-shadow:0 0 10px rgba(0,200,150,.5)}.climbing-controls{display:flex;flex-direction:column;gap:4px;background:#0009;padding:8px 12px;border-radius:6px}.climbing-control{font-size:12px;color:#ffffffb3;font-family:Courier New,monospace}.gulli-prompt{position:fixed;bottom:220px;left:50%;transform:translate(-50%);z-index:100;pointer-events:none}.gulli-prompt-content{display:flex;align-items:center;gap:14px;background:#000000b3;padding:14px 29px;border-radius:10px;animation:gulli-pulse 2s ease-in-out infinite}@keyframes gulli-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.gulli-closed{border:2px solid rgba(255,200,0,.6)}.gulli-closed .gulli-prompt-key{background:linear-gradient(180deg,gold,#b8860b);color:#000;box-shadow:0 2px 4px #00000080}.gulli-open{border:2px solid rgba(100,255,100,.6)}.gulli-open .gulli-prompt-key{background:linear-gradient(180deg,#4f4,#2a2);color:#000;box-shadow:0 2px 4px #00000080}.gulli-prompt-key{display:inline-flex;align-items:center;justify-content:center;width:43px;height:43px;font-weight:700;font-size:22px;border-radius:7px}.gulli-prompt-text{color:#fff;font-size:22px;font-weight:500;text-transform:uppercase;letter-spacing:1px}@media(max-width:768px),(pointer:coarse){.gulli-prompt{display:none}}.jetpack-hint{position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);font-family:Bebas Neue,Impact,sans-serif;font-size:28px;letter-spacing:2px;color:#fff;text-shadow:0 0 10px rgba(0,200,255,.8),0 0 20px rgba(0,200,255,.5),2px 2px 4px rgba(0,0,0,.8);background:none;border:none;padding:0;opacity:0;pointer-events:none;z-index:200}.jetpack-hint.fade-in{animation:jetpackHintFadeIn 1s ease-out forwards}.jetpack-hint.fade-out{animation:jetpackHintFadeOut 2s ease-in forwards}@keyframes jetpackHintFadeIn{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes jetpackHintFadeOut{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-60%)}}.tank-shoot-hint{position:fixed;bottom:220px;left:50%;transform:translate(-50%);z-index:100;pointer-events:none}.tank-shoot-hint .vehicle-prompt-content{display:flex;align-items:center;gap:14px;background:#000000b3;padding:14px 29px;border-radius:10px;border:2px solid rgba(255,102,0,.8);animation:pulse-prompt 2s ease-in-out infinite}.tank-shoot-hint .vehicle-prompt-key{display:inline-flex;align-items:center;justify-content:center;min-width:43px;height:43px;padding:0 12px;background:linear-gradient(180deg,#f80,#c60);color:#fff;font-weight:700;font-size:18px;border-radius:7px;box-shadow:0 2px 4px #00000080}.tank-shoot-hint .vehicle-prompt-text{color:#fff;font-size:22px;font-weight:500;text-transform:uppercase;letter-spacing:1px}@keyframes pulse-prompt{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.dollar-counter{position:absolute;top:98px;right:24px;z-index:100;pointer-events:none}.dollar-amount{display:flex;align-items:baseline;justify-content:flex-end;gap:6px;background:var(--hud-bg, rgba(0, 0, 0, .75));border:1px solid var(--hud-border, rgba(255, 255, 255, .1));border-radius:4px;padding:10px 16px;min-width:100px;backdrop-filter:blur(10px);box-shadow:0 4px 20px #00000080,inset 0 1px #ffffff0d}.dollar-symbol{font-size:18px;font-weight:700;color:#4ade80;font-family:Oswald,sans-serif}.dollar-value{font-size:22px;font-weight:600;color:#fff;font-family:Oswald,sans-serif;letter-spacing:1px;text-shadow:0 0 8px rgba(74,222,128,.3)}.dollar-reward-popup{position:absolute;top:-10px;right:0;font-size:24px;font-weight:700;color:#4ade80;font-family:Bebas Neue,sans-serif;text-shadow:0 0 12px rgba(74,222,128,.8);animation:reward-float 2s ease-out forwards}@keyframes reward-float{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-20px) scale(1.2)}to{opacity:0;transform:translateY(-40px) scale(.8)}}@media(max-width:768px){.dollar-counter{top:max(75px,calc(env(safe-area-inset-top) + 55px));right:max(12px,env(safe-area-inset-right))}.dollar-amount{padding:8px 12px;min-width:80px}.dollar-symbol{font-size:14px}.dollar-value{font-size:18px}}.mission-panel{position:fixed;top:140px;left:20px;z-index:100;pointer-events:none;max-width:280px;animation:mission-slide-in .3s ease-out}@keyframes mission-slide-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.mission-header{display:flex;align-items:center;gap:8px;background:#ffc800e6;padding:6px 14px;border-radius:6px 6px 0 0}.mission-icon{font-size:16px}.mission-label{font-size:12px;font-weight:700;color:#000;letter-spacing:2px;font-family:Oswald,sans-serif}.mission-content{background:#000c;padding:12px 14px;border-radius:0 0 6px 6px;border:1px solid rgba(255,200,0,.3);border-top:none}.mission-title{font-size:16px;font-weight:600;color:#fff;margin-bottom:6px;font-family:Oswald,sans-serif;text-transform:uppercase}.mission-description{font-size:13px;color:#ffffffb3;line-height:1.4;margin-bottom:10px}.mission-reward{display:flex;align-items:center;gap:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.reward-label{font-size:11px;color:#ffffff80;text-transform:uppercase;letter-spacing:1px}.reward-amount{font-size:16px;font-weight:700;color:#4ade80;font-family:Oswald,sans-serif}.mission-timer{display:flex;align-items:center;gap:8px;margin:10px 0;padding:8px;background:#ff640033;border-radius:4px;border:1px solid rgba(255,100,0,.4)}.timer-icon{font-size:18px}.timer-value{font-size:20px;font-weight:700;color:#f60;font-family:Oswald,sans-serif;min-width:40px}.timer-bar{flex:1;height:8px;background:#00000080;border-radius:4px;overflow:hidden}.timer-fill{height:100%;background:linear-gradient(90deg,#f60,#fa0);border-radius:4px;transition:width .2s ease-out}.mission-progress{display:flex;align-items:center;gap:8px;margin:8px 0;padding:6px 8px;background:#dc262633;border-radius:4px;border:1px solid rgba(220,38,38,.4)}.progress-label{font-size:16px}.progress-value{font-size:18px;font-weight:700;color:#ef4444;font-family:Oswald,sans-serif}.survive-timer-overlay{position:fixed;top:15%;left:50%;transform:translate(-50%);z-index:200;pointer-events:none;animation:survive-pulse 1s ease-in-out infinite}@keyframes survive-pulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.02)}}.survive-timer-content{background:#000000d9;border:3px solid #ff6600;border-radius:12px;padding:16px 32px;text-align:center;box-shadow:0 0 30px #ff640080}.survive-timer-label{font-size:18px;font-weight:700;color:#f60;letter-spacing:3px;font-family:Oswald,sans-serif;margin-bottom:8px}.survive-timer-value{font-size:64px;font-weight:900;color:#fff;font-family:Oswald,sans-serif;text-shadow:0 0 20px rgba(255,100,0,.8);line-height:1}.survive-timer-bar{width:200px;height:10px;background:#fff3;border-radius:5px;overflow:hidden;margin-top:12px}.survive-timer-fill{height:100%;background:linear-gradient(90deg,#f60,#fc0);border-radius:5px;transition:width .3s ease-out;box-shadow:0 0 10px #ffc80099}@media(pointer:coarse),(max-width:768px){.mission-panel{top:max(55px,calc(env(safe-area-inset-top) + 35px));bottom:auto;left:50%;right:auto;transform:translate(-50%);max-width:260px;width:calc(100vw - 100px);min-width:200px;animation:none}.mission-panel .mission-header{padding:6px 12px;gap:6px}.mission-panel .mission-icon{font-size:14px}.mission-panel .mission-label{font-size:11px;letter-spacing:1.5px}.mission-panel .mission-content{padding:10px 12px}.mission-panel .mission-title{font-size:14px;margin-bottom:4px}.mission-panel .mission-description{font-size:12px;line-height:1.3;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mission-panel .mission-reward{padding-top:8px;gap:8px}.mission-panel .reward-label{font-size:11px}.mission-panel .reward-amount{font-size:14px}.mission-panel .mission-progress{padding:6px 8px;margin:6px 0}.mission-panel .progress-label{font-size:14px}.mission-panel .progress-value{font-size:16px}.survive-timer-overlay{top:10%}.survive-timer-value{font-size:48px}.survive-timer-bar{width:150px}}.mission-complete-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:500;pointer-events:none;animation:overlay-fade-in .3s ease-out}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.mission-complete-panel{background:#000000f2;border:2px solid #4ade80;border-radius:12px;min-width:320px;max-width:400px;box-shadow:0 0 40px #4ade804d,0 0 80px #4ade801a,inset 0 1px #ffffff1a;animation:panel-pop-in .4s cubic-bezier(.34,1.56,.64,1)}@keyframes panel-pop-in{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.mission-complete-header{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#4ade80,#22c55e);padding:14px 20px;border-radius:10px 10px 0 0}.complete-icon{font-size:22px;animation:icon-bounce .5s ease-out .2s both}@keyframes icon-bounce{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.complete-label{font-size:16px;font-weight:700;color:#000;letter-spacing:2px;font-family:Oswald,sans-serif;text-transform:uppercase}.mission-complete-content{padding:20px 24px 24px;text-align:center}.complete-title{font-size:20px;font-weight:600;color:#fff;font-family:Oswald,sans-serif;text-transform:uppercase;margin-bottom:16px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.complete-reward{display:flex;align-items:center;justify-content:center;gap:4px;margin-bottom:20px;animation:reward-slide-up .4s ease-out .3s both}@keyframes reward-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reward-plus{font-size:28px;font-weight:700;color:#4ade80;font-family:Oswald,sans-serif}.reward-dollar{font-size:36px;font-weight:700;color:#4ade80;font-family:Oswald,sans-serif;text-shadow:0 0 20px rgba(74,222,128,.5)}.complete-hint{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1);animation:hint-fade-in .4s ease-out .5s both}@keyframes hint-fade-in{0%{opacity:0}to{opacity:1}}.hint-icon{font-size:18px}.hint-text{font-size:13px;color:#ffffffb3;font-style:italic}@media(max-width:768px){.mission-complete-panel{min-width:280px;max-width:90vw;margin:0 20px}.complete-title{font-size:18px}.reward-dollar{font-size:30px}}.boutique-prompt{position:fixed;bottom:120px;left:50%;transform:translate(-50%);z-index:100;pointer-events:none}.boutique-prompt-content{display:flex;align-items:center;gap:12px;background:#1a0a2eeb;padding:12px 24px;border-radius:8px;border:2px solid rgba(255,215,0,.7);animation:pulse-boutique 2s ease-in-out infinite;box-shadow:0 0 20px #ffd70033,0 0 40px #9933ff26}.boutique-prompt-key{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(180deg,gold,#c90);color:#1a0a2e;font-weight:700;font-size:18px;border-radius:6px;box-shadow:0 2px 4px #00000080,0 0 8px #ffd70066}.boutique-prompt-text{color:#fff;font-size:18px;font-weight:500;text-transform:uppercase;letter-spacing:1px;font-family:Oswald,sans-serif;text-shadow:0 0 10px rgba(153,51,255,.5)}@keyframes pulse-boutique{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 20px #ffd70033,0 0 40px #9933ff26}50%{opacity:.95;transform:scale(1.02);box-shadow:0 0 30px #ffd70066,0 0 50px #9933ff40}}.boutique-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000040;backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000}.boutique-panel{background:linear-gradient(135deg,#1a0a2e,#0d0518);border:2px solid rgba(255,215,0,.6);border-radius:16px;padding:24px;min-width:500px;max-width:600px;box-shadow:0 0 30px #ffd70033,0 0 60px #9933ff26,inset 0 0 80px #9933ff1a;animation:boutique-appear .3s ease-out}@keyframes boutique-appear{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.boutique-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,215,0,.3)}.boutique-title{font-family:Oswald,sans-serif;font-size:28px;font-weight:700;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5),0 0 20px rgba(153,51,255,.3);letter-spacing:3px}.boutique-close{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:18px;transition:all .2s}.boutique-close:hover{background:#ff64644d;border-color:#ff646480}.boutique-content{display:flex;gap:24px;margin-bottom:20px}.boutique-preview{position:relative;border-radius:12px;overflow:hidden;border:2px solid rgba(153,51,255,.4);box-shadow:0 0 20px #93f3,inset 0 0 30px #0000004d}.boutique-legendary-badge{position:absolute;top:10px;left:10px;background:linear-gradient(90deg,gold,#ff9500);color:#1a0a2e;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;animation:legendary-pulse 2s ease-in-out infinite}@keyframes legendary-pulse{0%,to{box-shadow:0 0 10px #ffd70080}50%{box-shadow:0 0 20px #ffd700cc}}.boutique-info{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 0}.boutique-outfit-icon{font-size:48px;margin-bottom:12px}.boutique-outfit-name{font-family:Oswald,sans-serif;font-size:26px;color:#fff;margin:0 0 8px;text-shadow:0 0 10px rgba(153,51,255,.5)}.boutique-outfit-desc{font-size:14px;color:#ffffffb3;margin:0 0 16px;font-style:italic}.boutique-price{font-family:Oswald,sans-serif;font-size:32px;color:gold;margin-bottom:16px;text-shadow:0 0 10px rgba(255,215,0,.4)}.boutique-btn{padding:12px 32px;border-radius:8px;font-family:Oswald,sans-serif;font-size:18px;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .2s;border:2px solid}.boutique-btn-buy{background:linear-gradient(180deg,gold,#c90);color:#1a0a2e;border-color:gold}.boutique-btn-buy:hover{transform:scale(1.05);box-shadow:0 0 20px #ffd70080}.boutique-btn-equip{background:linear-gradient(180deg,#93f,#60c);color:#fff;border-color:#93f}.boutique-btn-equip:hover{transform:scale(1.05);box-shadow:0 0 20px #9933ff80}.boutique-btn-equipped{background:#32c83233;color:#50ff50;border-color:#32c83280;cursor:default}.boutique-btn-cant-afford{background:#6464644d;color:#ffffff80;border-color:#64646480;cursor:not-allowed}.boutique-nav{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:16px}.boutique-nav-btn{background:#ffd70026;border:1px solid rgba(255,215,0,.4);color:gold;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:16px;transition:all .2s}.boutique-nav-btn:hover:not(:disabled){background:#ffd7004d;transform:scale(1.1)}.boutique-nav-btn:disabled{opacity:.3;cursor:not-allowed}.boutique-dots{display:flex;gap:8px}.boutique-dot{width:10px;height:10px;border-radius:50%;background:#ffffff4d;cursor:pointer;transition:all .2s}.boutique-dot:hover{background:#ffd70080}.boutique-dot.active{background:gold;box-shadow:0 0 10px #ffd70080}.boutique-footer{text-align:center;padding-top:16px;border-top:1px solid rgba(255,215,0,.2)}.boutique-money{font-family:Oswald,sans-serif;font-size:18px;color:#fffc}.outfit-preview-container{background:#1a0a2e}.outfit-preview-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#1a0a2ecc}.outfit-preview-spinner{width:40px;height:40px;border:3px solid rgba(255,215,0,.2);border-top-color:gold;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.boutique-panel{min-width:auto;width:95vw;max-width:95vw;padding:16px}.boutique-title{font-size:22px;letter-spacing:2px}.boutique-content{flex-direction:column;gap:16px}.boutique-outfit-name{font-size:20px}.boutique-price{font-size:26px}.boutique-btn{padding:10px 24px;font-size:16px}.boutique-nav-btn{width:36px;height:36px}}@media(orientation:landscape)and (max-height:500px){.boutique-panel{max-height:90vh;padding:12px}.boutique-header{margin-bottom:12px;padding-bottom:10px}.boutique-content{flex-direction:row;gap:16px;margin-bottom:12px}.boutique-nav{margin-bottom:10px}}.crib-action-prompt{position:fixed;bottom:120px;left:50%;transform:translate(-50%);z-index:100;pointer-events:none}.crib-action-content{display:flex;align-items:center;gap:12px;padding:12px 24px;border-radius:8px;border:2px solid;animation:pulse-action 2s ease-in-out infinite;white-space:nowrap}.crib-action-key{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;color:#fff;font-weight:700;font-size:18px;border-radius:6px;box-shadow:0 2px 4px #00000080}.crib-action-text{font-size:18px;font-weight:500;text-transform:uppercase;letter-spacing:1px;font-family:Oswald,sans-serif}.crib-action-picture{background:#32323ceb;border-color:#b4b4c8cc;box-shadow:0 0 20px #b4b4c84d,0 0 40px #c8c8dc33}.crib-action-picture .crib-action-key{background:linear-gradient(180deg,#b4b4c8,#8c8ca0);box-shadow:0 2px 4px #00000080,0 0 8px #b4b4c866}.crib-action-picture .crib-action-text{color:#e8e8f0;text-shadow:0 0 10px rgba(180,180,200,.5)}.crib-action-closet{background:#2a221ceb;border-color:#8b5a3ccc;box-shadow:0 0 20px #5a4a3a4d,0 0 40px #6b5a4733}.crib-action-closet .crib-action-key{background:linear-gradient(180deg,#8b5a3c,#6b4a37);box-shadow:0 2px 4px #00000080,0 0 8px #8b5a3c66}.crib-action-closet .crib-action-text{color:#f5e6d3;text-shadow:0 0 10px rgba(90,74,58,.5)}.crib-action-bed{background:#1e283ceb;border-color:#4a90e2cc;box-shadow:0 0 20px #4a90e24d,0 0 40px #64a0f033}.crib-action-bed .crib-action-key{background:linear-gradient(180deg,#4a90e2,#3470b8);box-shadow:0 2px 4px #00000080,0 0 8px #4a90e266}.crib-action-bed .crib-action-text{color:#d5e8ff;text-shadow:0 0 10px rgba(74,144,226,.5)}.exit-mode .crib-action-key{min-width:48px;font-size:14px;padding:0 6px}@keyframes pulse-action{0%,to{opacity:1;transform:scale(1)}50%{opacity:.95;transform:scale(1.02)}}.boombox-prompt{position:fixed;bottom:120px;left:50%;transform:translate(calc(-50% + 240px));z-index:100;pointer-events:none}.boombox-content{display:flex;align-items:center;gap:12px;padding:12px 24px;border-radius:8px;border:2px solid rgba(180,80,200,.8);background:#321e3ceb;box-shadow:0 0 20px #b450c84d,0 0 40px #c864dc33;animation:pulse-boombox 2s ease-in-out infinite;white-space:nowrap}.boombox-key{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;color:#fff;font-weight:700;font-size:18px;border-radius:6px;background:linear-gradient(180deg,#b450c8,#8c3ca0);box-shadow:0 2px 4px #00000080,0 0 8px #b450c866}.boombox-text{font-size:18px;font-weight:500;text-transform:uppercase;letter-spacing:1px;font-family:Oswald,sans-serif;color:#f5d5ff;text-shadow:0 0 10px rgba(180,80,200,.5)}.exit-mode .boombox-key{min-width:48px;font-size:14px;padding:0 6px}@keyframes pulse-boombox{0%,to{opacity:1;transform:scale(1)}50%{opacity:.95;transform:scale(1.02)}}.stats-panel-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:200;backdrop-filter:blur(8px);animation:fadeIn .2s ease-out}.stats-panel{width:90%;max-width:800px;max-height:85vh;background:linear-gradient(180deg,#141e2dfa,#0f141efa);border-radius:16px;border:2px solid rgba(80,180,220,.4);box-shadow:0 0 40px #50b4dc33,0 0 80px #50b4dc1a,inset 0 1px #ffffff0d;overflow:hidden;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stats-panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(80,180,220,.2);background:#50b4dc0d}.stats-panel-title{display:flex;align-items:center;gap:14px;font-family:Oswald,sans-serif;font-size:28px;font-weight:600;letter-spacing:2px;color:#d5f0ff;text-transform:uppercase;text-shadow:0 0 20px rgba(80,180,220,.5)}.stats-panel-logo{height:36px;width:auto;filter:drop-shadow(0 0 8px rgba(80,180,220,.4))}.stats-panel-close{padding:8px 16px;font-family:Oswald,sans-serif;font-size:14px;font-weight:500;color:#d5f0ff;background:#50b4dc33;border:1px solid rgba(80,180,220,.4);border-radius:6px;cursor:pointer;transition:all .2s ease}.stats-panel-close:hover{background:#50b4dc4d;box-shadow:0 0 12px #50b4dc4d}.stats-panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;padding:24px;overflow-y:auto;max-height:calc(85vh - 140px)}.stats-section{background:#0000004d;border-radius:12px;border:1px solid rgba(80,180,220,.15);overflow:hidden}.stats-section-header{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#50b4dc14;border-bottom:1px solid rgba(80,180,220,.15)}.stats-section-icon{font-size:18px}.stats-section-title{font-family:Oswald,sans-serif;font-size:16px;font-weight:500;letter-spacing:1px;color:#8cc8e0;text-transform:uppercase}.stats-section-items{padding:8px 0}.stats-item{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;transition:background .15s ease}.stats-item:hover{background:#50b4dc0d}.stats-item-label{font-size:15px;color:#c8dcf0d9}.stats-item-value{font-family:Oswald,sans-serif;font-size:17px;font-weight:500;color:#d5f0ff;text-shadow:0 0 8px rgba(80,180,220,.3)}.stats-panel-footer{text-align:center;padding:14px 24px;font-size:12px;color:#c8dcf066;border-top:1px solid rgba(80,180,220,.1);background:#0003}@media(max-width:600px){.stats-panel{width:95%;max-height:90vh}.stats-panel-header{padding:16px 18px}.stats-panel-title{font-size:22px}.stats-panel-grid{grid-template-columns:1fr;padding:16px;gap:12px}.stats-section-header{padding:10px 14px}.stats-item{padding:6px 14px}}@media(pointer:coarse),(max-width:768px){.mobile-controls{display:block;position:fixed;inset:0;pointer-events:none;z-index:150;font-family:DIN Condensed,Bebas Neue,Oswald,sans-serif}}.mobile-action-grid{position:absolute;left:20px;bottom:30px;display:grid;grid-template-columns:repeat(2,62px);grid-template-rows:repeat(2,62px);gap:10px;pointer-events:auto}.mobile-controls.driving .mobile-btn-exit{position:absolute;left:50px;bottom:170px;pointer-events:auto}.mobile-joystick-zone{position:absolute;right:40px;bottom:30px;width:140px;height:140px;display:flex;flex-direction:column;align-items:center;pointer-events:auto}.joystick-base{width:120px;height:120px;border-radius:50%;position:relative;background:#151515;border:3px solid #252525;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 3px #ffffff05,inset 0 -2px 6px #0006,0 4px 15px #0006}.joystick-base:before{content:"";position:absolute;width:6px;height:6px;top:15px;left:50%;transform:translate(-50%);background:#2a2a2a;border-radius:50%;border:1px solid #333;box-shadow:0 90px #2a2a2a,-42px 45px #2a2a2a,42px 45px #2a2a2a}.joystick-base:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;border:1px solid #1a1a1a;background:#111;box-shadow:inset 0 2px 6px #0009;pointer-events:none}.joystick-stick{width:46px;height:46px;border-radius:50%;position:relative;background:radial-gradient(ellipse 60% 40% at 35% 25%,rgba(255,255,255,.25) 0%,transparent 50%),radial-gradient(ellipse 80% 80% at 50% 50%,#8b5fc0,#6b3fa0,#4a2878 80%,#3a1d60);border:2px solid #7d4db8;box-shadow:0 5px 15px #6b3fa080,0 0 25px #6b3fa040,inset 0 -4px 8px #0006,inset 0 1px 2px #ffffff1a;transition:transform .05s ease-out,box-shadow .2s ease,border-color .2s ease;z-index:1}.joystick-stick.can-enter{animation:joystick-pulse-pink 1.5s ease-in-out infinite;border-color:#f0ac;background:radial-gradient(ellipse 60% 40% at 35% 25%,rgba(255,255,255,.3) 0%,transparent 50%),radial-gradient(ellipse 80% 80% at 50% 50%,#d050a0,#a03080,#802060 80%,#601848)}.joystick-stick.can-hijack{animation:joystick-pulse-red 1s ease-in-out infinite;border-color:#ff3232e6;background:radial-gradient(ellipse 60% 40% at 35% 25%,rgba(255,255,255,.3) 0%,transparent 50%),radial-gradient(ellipse 80% 80% at 50% 50%,#e04040,#c02020,#901818 80%,#701010)}.joystick-stick.active{transform:scale(.9)}.joystick-stick.can-enter,.joystick-stick.can-hijack{pointer-events:auto;cursor:pointer;touch-action:manipulation;display:flex;align-items:center;justify-content:center}.joystick-car-icon{width:24px;height:24px;filter:brightness(0) saturate(100%) invert(20%) sepia(100%) saturate(5000%) hue-rotate(310deg) brightness(120%) contrast(100%);pointer-events:none}.joystick-stick.can-hijack .joystick-car-icon{filter:brightness(0) saturate(100%) invert(30%) sepia(100%) saturate(3000%) hue-rotate(350deg) brightness(110%) contrast(100%)}.joystick-stick.gun-mode{animation:joystick-pulse-fire 1.2s ease-in-out infinite;border-color:#ff6400cc;background:radial-gradient(ellipse 60% 40% at 35% 25%,rgba(255,255,255,.3) 0%,transparent 50%),radial-gradient(ellipse 80% 80% at 50% 50%,#e06020,#c04010,#902010 80%,#701008);pointer-events:auto;cursor:pointer;touch-action:manipulation;display:flex;align-items:center;justify-content:center}.joystick-fire-icon{width:26px;height:26px;filter:brightness(0) saturate(100%) invert(100%) brightness(100%);pointer-events:none}.joystick-stick.jetpack-mode{animation:joystick-pulse-thrust 1s ease-in-out infinite;border-color:#00c8ffcc;background:radial-gradient(ellipse 60% 40% at 35% 25%,rgba(255,255,255,.4) 0%,transparent 50%),radial-gradient(ellipse 80% 80% at 50% 50%,#20a0e0,#1080c0,#106090 80%,#104060);pointer-events:auto;cursor:pointer;touch-action:manipulation;display:flex;align-items:center;justify-content:center}.joystick-thrust-icon{font-size:28px;pointer-events:none;filter:drop-shadow(0 0 4px rgba(255,255,255,.8))}@keyframes joystick-pulse-thrust{0%,to{box-shadow:0 5px 15px #00c8ff80,0 0 30px #00c8ff66,0 0 60px #00c8ff33,inset 0 -4px 8px #0006}50%{box-shadow:0 5px 20px #00c8ffb3,0 0 50px #00c8ff99,0 0 100px #00c8ff66,inset 0 -4px 8px #0006}}@keyframes joystick-pulse-fire{0%,to{box-shadow:0 5px 15px #ff640080,0 0 30px #ff640066,0 0 60px #ff640033,inset 0 -4px 8px #0006}50%{box-shadow:0 5px 20px #ff6400b3,0 0 50px #ff640099,0 0 100px #ff640066,inset 0 -4px 8px #0006}}@keyframes joystick-pulse-pink{0%,to{box-shadow:0 5px 15px #f0a6,0 0 25px #ff00aa4d,0 0 50px #ff00aa26,inset 0 -4px 8px #0006}50%{box-shadow:0 5px 20px #f0a9,0 0 40px #ff00aa80,0 0 80px #ff00aa4d,inset 0 -4px 8px #0006}}@keyframes joystick-pulse-red{0%,to{box-shadow:0 5px 15px #ff323280,0 0 30px #ff323266,0 0 60px #ff323233,inset 0 -4px 8px #0006}50%{box-shadow:0 5px 20px #ff3232b3,0 0 50px #ff323299,0 0 100px #ff323266,inset 0 -4px 8px #0006}}.mobile-btn{width:62px;height:62px;border-radius:50%;position:relative;border:1px solid rgba(180,100,255,.3);background:radial-gradient(ellipse at 30% 20%,rgba(80,50,120,.3) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(20,10,40,.5) 0%,transparent 50%),linear-gradient(160deg,#1e192df2,#0f0c19fa);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;transition:all .15s ease;box-shadow:0 6px 20px #00000080,0 0 0 1px #0003,inset 0 1px #ffffff14,inset 0 -2px 8px #0000004d,0 0 20px #b464ff1a}.mobile-btn:before{content:"";position:absolute;width:68px;height:68px;border-radius:50%;border:1px solid rgba(180,100,255,.1);pointer-events:none;transition:all .15s ease}.mobile-btn:after{content:"";position:absolute;width:50px;height:50px;border-radius:50%;background:radial-gradient(ellipse at 40% 30%,rgba(255,255,255,.03) 0%,transparent 60%);pointer-events:none}.mobile-btn:active,.mobile-btn.active{transform:scale(.93);background:radial-gradient(ellipse at 50% 50%,rgba(180,100,255,.3) 0%,transparent 60%),linear-gradient(160deg,#322346f2,#191228fa);border-color:#b464ff99;box-shadow:0 2px 10px #0006,0 0 30px #b464ff66,inset 0 0 15px #b464ff26,inset 0 1px #ffffff1a}.mobile-btn.active:before{border-color:#b464ff66;box-shadow:0 0 15px #b464ff4d}.btn-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.btn-icon svg,.btn-icon img{width:100%;height:100%;object-fit:contain;filter:brightness(0) saturate(100%) invert(58%) sepia(52%) saturate(2000%) hue-rotate(230deg) brightness(100%) contrast(100%)}.btn-label{font-size:9px;letter-spacing:1px;color:#ffffff80;text-transform:uppercase;font-weight:500}.mobile-btn-kick .btn-icon,.mobile-btn-sprint .btn-icon{width:32px;height:32px}.mobile-btn-interact,.mobile-btn-exit{border-color:#f0a6;background:radial-gradient(ellipse at 30% 20%,rgba(255,50,150,.2) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(80,0,60,.4) 0%,transparent 50%),linear-gradient(160deg,#281423f2,#140a14fa);box-shadow:0 6px 20px #00000080,0 0 0 1px #0003,inset 0 1px #ffffff14,inset 0 -2px 8px #0000004d,0 0 25px #ff00aa26}.mobile-btn-interact:before,.mobile-btn-exit:before{border-color:#ff00aa26}.mobile-btn-interact .btn-icon img,.mobile-btn-exit .btn-icon img{filter:brightness(0) saturate(100%) invert(20%) sepia(100%) saturate(5000%) hue-rotate(310deg) brightness(120%) contrast(100%)}.mobile-btn-interact.active,.mobile-btn-exit.active{background:radial-gradient(ellipse at 50% 50%,rgba(255,0,170,.35) 0%,transparent 60%),linear-gradient(160deg,#3c1932f2,#1e0f1efa);border-color:#ff00aab3;box-shadow:0 2px 10px #0006,0 0 35px #ff00aa80,inset 0 0 20px #f0a3,inset 0 1px #ffffff1a}.mobile-btn-interact.active:before,.mobile-btn-exit.active:before{border-color:#ff00aa80;box-shadow:0 0 20px #f0a6}.mobile-btn-interact.can-enter{animation:pulse-pink 1.5s ease-in-out infinite;border-color:#f0a9;box-shadow:0 6px 20px #00000080,0 0 25px #f0a6,0 0 50px #f0a3,inset 0 0 15px #ff00aa1a}.mobile-btn-interact.can-enter:before{border-color:#f0a6;animation:pulse-ring-pink 1.5s ease-in-out infinite}.mobile-btn-interact.can-hijack{animation:pulse-red 1s ease-in-out infinite;border-color:#ff3232b3;box-shadow:0 6px 20px #00000080,0 0 30px #ff323280,0 0 60px #ff32324d,inset 0 0 20px #ff323226}.mobile-btn-interact.can-hijack:before{border-color:#ff323280;animation:pulse-ring-red 1s ease-in-out infinite}.mobile-btn-interact.can-hijack .btn-icon img{filter:brightness(0) saturate(100%) invert(30%) sepia(100%) saturate(3000%) hue-rotate(350deg) brightness(110%) contrast(100%)}@keyframes pulse-pink{0%,to{box-shadow:0 6px 20px #00000080,0 0 25px #ff00aa4d,0 0 50px #ff00aa26}50%{box-shadow:0 6px 20px #00000080,0 0 35px #f0a9,0 0 70px #ff00aa4d}}@keyframes pulse-ring-pink{0%,to{box-shadow:0 0 10px #f0a3}50%{box-shadow:0 0 25px #ff00aa80}}@keyframes pulse-red{0%,to{box-shadow:0 6px 20px #00000080,0 0 30px #ff323266,0 0 60px #ff323233}50%{box-shadow:0 6px 20px #00000080,0 0 45px #ff3232b3,0 0 90px #ff323266}}@keyframes pulse-ring-red{0%,to{box-shadow:0 0 15px #ff32324d}50%{box-shadow:0 0 35px #ff323299}}.mobile-btn-e-interact{position:absolute;left:57px;bottom:185px;width:70px;height:70px;border-radius:50%;pointer-events:auto;border-color:#00ff6480!important;background:radial-gradient(ellipse at 30% 20%,rgba(50,255,150,.25) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(0,80,40,.4) 0%,transparent 50%),linear-gradient(160deg,#14281ef2,#0a1912fa)!important;box-shadow:0 6px 20px #00000080,0 0 25px #00ff644d,0 0 50px #00ff6426,inset 0 1px #ffffff14,inset 0 -2px 8px #0000004d!important;animation:pulse-green 1.2s ease-in-out infinite}.mobile-btn-e-interact:before{border-color:#00ff6440!important}.mobile-btn-e-interact .btn-action-label{color:#fff;font-size:14px;font-weight:700;letter-spacing:1px;text-shadow:0 0 10px rgba(0,255,100,.8);text-align:center}.mobile-btn-e-interact.active{transform:scale(.93);background:radial-gradient(ellipse at 50% 50%,rgba(0,255,100,.4) 0%,transparent 60%),linear-gradient(160deg,#1e3c2df2,#0f281cfa)!important;border-color:#00ff64cc!important;box-shadow:0 2px 10px #0006,0 0 40px #00ff6499,inset 0 0 20px #00ff6433,inset 0 1px #ffffff1a!important}@keyframes pulse-green{0%,to{box-shadow:0 6px 20px #00000080,0 0 25px #00ff644d,0 0 50px #00ff6426}50%{box-shadow:0 6px 20px #00000080,0 0 40px #00ff6480,0 0 80px #00ff644d}}@media(orientation:landscape)and (max-height:500px){.mobile-action-grid{left:15px;bottom:15px;grid-template-columns:repeat(2,50px);grid-template-rows:repeat(2,50px);gap:6px}.mobile-controls.driving .mobile-btn-exit{left:40px;bottom:130px}.mobile-joystick-zone{right:40px;bottom:15px;width:110px;height:110px}.joystick-base{width:100px;height:100px}.joystick-stick{width:40px;height:40px}.mobile-btn{width:50px;height:50px}.btn-icon{width:22px;height:22px}.btn-label{font-size:7px}.mobile-btn-e-interact{left:45px;bottom:140px;width:55px;height:55px}.mobile-btn-e-interact .btn-action-label{font-size:11px}}.mobile-weapon-selector{display:none}@media(pointer:coarse),(max-width:768px){.mobile-weapon-selector{display:flex;flex-direction:column;position:fixed;top:max(125px,calc(env(safe-area-inset-top) + 105px));right:max(10px,env(safe-area-inset-right));gap:6px;z-index:200;pointer-events:auto;touch-action:manipulation}}.mobile-weapon-slot{width:52px;height:52px;border-radius:8px;position:relative;border:2px solid rgba(255,255,255,.3);background:#000000b3;backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;transition:all .15s ease;opacity:.75;pointer-events:auto}.mobile-weapon-slot.active{opacity:1;background:#000000e6;border-color:#fc0;box-shadow:0 0 15px #fc06,0 0 30px #ffcc0026,inset 0 0 10px #ffcc001a}.mobile-weapon-slot.empty{opacity:.4;pointer-events:auto}.mobile-weapon-slot:active{transform:scale(.92)}.mobile-weapon-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center}.mobile-weapon-icon img{width:24px;height:24px;object-fit:contain;filter:brightness(0) invert(.6);transition:filter .15s ease}.mobile-weapon-slot.active .mobile-weapon-icon img{filter:brightness(0) invert(1)}.mobile-weapon-ammo{font-family:Courier New,monospace;font-size:10px;font-weight:700;color:#fff9;line-height:1}.mobile-weapon-slot.active .mobile-weapon-ammo{color:#fff}.mobile-weapon-slot.empty .mobile-weapon-ammo{color:#f44}@media(orientation:landscape)and (max-height:500px){.mobile-weapon-selector{top:100px;right:8px;gap:4px}.mobile-weapon-slot{width:42px;height:42px;border-radius:6px}.mobile-weapon-icon{width:22px;height:22px}.mobile-weapon-icon img{width:18px;height:18px}.mobile-weapon-ammo{font-size:9px}}.mobile-trick-slot{border-color:#b464ff80}.mobile-trick-slot.active.queued{opacity:1;background:#643296e6;border-color:#b464ff;box-shadow:0 0 15px #b464ff80,0 0 30px #b464ff33,inset 0 0 10px #b464ff26}.mobile-trick-slot.active.queued .mobile-weapon-icon img{filter:brightness(0) invert(1)}.mobile-trick-slot.ready{opacity:.9;border-color:#b464ff99;box-shadow:0 0 8px #b464ff4d}.mobile-trick-slot.ready .mobile-weapon-icon img{filter:brightness(0) invert(.8)}.mobile-trick-slot.disabled{opacity:.4;border-color:#64646466;box-shadow:none}.mobile-trick-slot.disabled .mobile-weapon-icon img{filter:brightness(0) invert(.3)}.mobile-trick-slot.disabled .mobile-trick-label{color:#ffffff4d}.mobile-trick-label{font-family:Courier New,monospace;font-size:9px;font-weight:700;color:#fff9;line-height:1;text-transform:uppercase}.mobile-trick-slot.active.queued .mobile-trick-label{color:#fff}@media(orientation:landscape)and (max-height:500px){.mobile-trick-label{font-size:8px}}canvas.game-canvas.tobacco-filter{filter:contrast(1.1) saturate(.9) brightness(.97) sepia(.15)}.grain-layer{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:50;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px}.vignette-layer{position:fixed;inset:0;pointer-events:none;z-index:49}.color-overlay{position:fixed;inset:0;pointer-events:none;z-index:48}.post-process-label{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1001;padding:10px 24px;background:#000000bf;border:1px solid rgba(255,255,255,.15);border-radius:6px;backdrop-filter:blur(8px);font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:13px;font-weight:500;color:#ffffffe6;text-transform:uppercase;letter-spacing:2px;animation:label-fade 2.5s ease-out forwards;pointer-events:none}@keyframes label-fade{0%{opacity:0;transform:translate(-50%) translateY(-10px)}8%{opacity:1;transform:translate(-50%) translateY(0)}85%{opacity:1}to{opacity:0}}.camera-debug-panel{position:fixed;top:50%;left:20px;transform:translateY(-50%);width:280px;background:#000000e6;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:16px;z-index:9999;font-family:JetBrains Mono,monospace;color:#fff;backdrop-filter:blur(10px)}@media(max-width:768px),(pointer:coarse){.camera-debug-panel{top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100vw - 40px);max-width:320px;max-height:80vh;overflow-y:auto}}.camera-debug-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:14px;font-weight:600;color:#0ff}.camera-debug-close{background:none;border:none;color:#888;font-size:20px;cursor:pointer;padding:0 4px}.camera-debug-close:hover{color:#fff}.camera-debug-controls{display:flex;flex-direction:column;gap:12px}.camera-setting{display:flex;flex-direction:column;gap:4px}.camera-setting-header{display:flex;justify-content:space-between;font-size:11px;color:#aaa}.camera-setting-value{color:#fc0;font-weight:600}.camera-setting input[type=range]{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:3px;cursor:pointer}.camera-setting input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:#0ff;border-radius:50%;cursor:grab}.camera-setting input[type=range]::-webkit-slider-thumb:active{cursor:grabbing}.camera-debug-copy{width:100%;margin-top:16px;padding:10px;background:#00ffff1a;border:1px solid rgba(0,255,255,.3);border-radius:4px;color:#0ff;font-family:inherit;font-size:12px;cursor:pointer;transition:all .2s}.camera-debug-copy:hover{background:#0ff3}.camera-debug-hint{margin-top:12px;text-align:center;font-size:10px;color:#666}.perf-overlay{position:fixed;top:20px;right:20px;width:180px;background:#000000e6;border:2px solid #ff6b00;border-radius:8px;padding:12px;font-family:JetBrains Mono,SF Mono,monospace;color:#fff;z-index:9999;backdrop-filter:blur(8px)}.perf-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:10px;color:#ff6b00;font-weight:600;letter-spacing:1px}.perf-time{color:#888}.perf-fps{font-size:36px;font-weight:700;line-height:1;margin-bottom:4px}.perf-fps-label{font-size:12px;color:#666;margin-left:4px}.perf-stats{display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.perf-stat-label{display:block;font-size:9px;color:#666;text-transform:uppercase}.perf-stat-value{font-size:14px;font-weight:600}.perf-graph{display:flex;align-items:flex-end;gap:2px;height:30px;margin-bottom:10px;background:#ffffff0d;border-radius:4px;padding:2px}.perf-bar{flex:1;min-width:3px;border-radius:1px;transition:height .1s}.perf-spikes{background:#ef444433;border:1px solid rgba(239,68,68,.4);border-radius:4px;padding:6px 8px;font-size:11px;margin-bottom:10px;text-align:center}.perf-copy-btn{width:100%;padding:10px;background:#ff6b00;border:none;border-radius:4px;color:#fff;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:6px}.perf-copy-btn:hover{background:#ff8533;transform:scale(1.02)}.perf-record-btn{width:100%;padding:6px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#888;font-family:inherit;font-size:10px;cursor:pointer;transition:all .2s}.perf-record-btn.recording{color:#ef4444;border-color:#ef444466}.perf-record-btn:hover{border-color:#fff6}.perf-hint{margin-top:8px;font-size:9px;color:#666;text-align:center;line-height:1.3}.perf-scan-btn{width:100%;padding:8px;margin-top:6px;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:4px;color:#fff;font-family:inherit;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s}.perf-scan-btn:hover:not(:disabled){background:linear-gradient(135deg,#6366f1,#8b5cf6);transform:scale(1.02)}.perf-scan-btn:disabled{opacity:.6;cursor:not-allowed}.scanner-panel{position:absolute;top:0;left:-260px;width:250px;background:#000000f2;border:2px solid #7c3aed;border-radius:8px;padding:12px;font-size:11px;backdrop-filter:blur(8px)}.scanner-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:10px;color:#7c3aed;font-weight:600;letter-spacing:.5px}.scanner-close{background:none;border:none;color:#666;font-size:18px;cursor:pointer;padding:0 4px;line-height:1}.scanner-close:hover{color:#ef4444}.scanner-stats{display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(124,58,237,.3)}.scanner-stat{text-align:center}.scanner-stat-value{display:block;font-size:16px;font-weight:700;color:#fff}.scanner-stat-label{font-size:8px;color:#888;text-transform:uppercase;letter-spacing:.5px}.scanner-section{margin-bottom:10px}.scanner-section-title{font-size:9px;color:#7c3aed;font-weight:600;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.scanner-objects{display:flex;flex-direction:column;gap:3px}.scanner-object{display:flex;justify-content:space-between;align-items:center;padding:4px 6px;background:#ffffff0d;border-radius:3px}.scanner-obj-name{font-size:10px;color:#ddd}.scanner-obj-stats{font-size:9px;color:#888;font-family:JetBrains Mono,monospace}.scanner-suspects{background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:4px;padding:8px;margin-top:8px}.scanner-suspect{font-size:10px;color:#fca5a5;padding:2px 0;line-height:1.4}.scanner-clean{background:#4ade8026;border:1px solid rgba(74,222,128,.3);border-radius:4px;padding:8px;margin-top:8px;text-align:center;color:#4ade80;font-size:11px}.health-ring-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:2}.health-ring{display:block}.health-arc{transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset .3s cubic-bezier(.4,0,.2,1),stroke .2s ease-out}.health-number{position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-family:Bebas Neue,Impact,sans-serif;font-size:22px;font-weight:700;letter-spacing:1px;text-shadow:0 0 8px currentColor,0 2px 4px rgba(0,0,0,.8);transition:color .2s ease-out}.health-ring-wrapper.low-health .health-arc{animation:lowHealthPulse .6s ease-in-out infinite}.health-ring-wrapper.low-health .health-number{animation:lowHealthNumber .6s ease-in-out infinite}@keyframes lowHealthPulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes lowHealthNumber{0%,to{transform:translate(-50%) scale(1);opacity:1}50%{transform:translate(-50%) scale(1.1);opacity:.7}}.health-ring-wrapper.regenerating .health-arc{animation:regeneratingGlow 1.5s ease-in-out infinite}.health-ring-wrapper.regenerating .health-number{animation:regeneratingNumber 1.5s ease-in-out infinite}@keyframes regeneratingGlow{0%,to{filter:drop-shadow(0 0 12px #00ffff) drop-shadow(0 0 24px #00ffff);opacity:1}50%{filter:drop-shadow(0 0 20px #00ffff) drop-shadow(0 0 40px #00ffff);opacity:.9}}@keyframes regeneratingNumber{0%,to{transform:translate(-50%) scale(1);text-shadow:0 0 12px currentColor,0 0 20px currentColor,0 2px 4px rgba(0,0,0,.8)}50%{transform:translate(-50%) scale(1.05);text-shadow:0 0 20px currentColor,0 0 30px currentColor,0 2px 4px rgba(0,0,0,.8)}}.district-notification{position:fixed;top:25%;left:50%;transform:translate(-50%);text-align:center;pointer-events:none;z-index:100;opacity:0;transition:opacity 1s ease-in-out}.district-notification.visible{opacity:1}.district-name{font-family:Bebas Neue,Impact,sans-serif;font-size:42px;font-weight:700;letter-spacing:6px;color:#fff;text-transform:uppercase}.district-subtitle{font-size:14px;font-weight:300;letter-spacing:3px;color:#fff9;text-transform:uppercase;margin-top:2px}.generic-notification{position:fixed;top:20%;left:50%;transform:translate(-50%);text-align:center;pointer-events:none;z-index:9000;opacity:0;transition:opacity .4s ease-out}.generic-notification.visible{opacity:1}.notification-message{font-family:Bebas Neue,Oswald,sans-serif;font-size:28px;font-weight:600;letter-spacing:2px;color:#fff;text-shadow:0 0 20px rgba(255,105,180,.6),0 2px 10px rgba(0,0,0,.8);background:linear-gradient(135deg,#ff69b440,#ffb6c126);border:2px solid rgba(255,105,180,.5);border-radius:12px;padding:20px 40px;backdrop-filter:blur(8px);animation:notificationPop .3s ease-out}@keyframes notificationPop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:768px){.notification-message{font-size:20px;padding:16px 24px;max-width:90vw}}.variant-selector{position:fixed;left:320px;top:50%;transform:translateY(-50%);background:#232328fa;border:3px solid rgba(255,180,0,.6);border-radius:16px;padding:20px;backdrop-filter:blur(12px);z-index:1001;box-shadow:0 12px 48px #0009}.variant-selector-header{display:flex;align-items:center;justify-content:center;gap:12px;padding-bottom:16px;margin-bottom:16px;border-bottom:2px solid rgba(255,180,0,.3)}.type-icon{font-size:32px}.type-icon-img{width:36px;height:36px}.type-name{font-size:24px;font-weight:700;color:#ffb400;text-transform:uppercase;letter-spacing:2px}.variant-boxes{display:flex;flex-direction:row;gap:16px}.variant-box{width:220px;background:#3c3c46e6;border:3px solid rgba(255,255,255,.2);border-radius:12px;overflow:hidden;transition:all .2s ease;cursor:pointer;position:relative}.variant-box.too-expensive{opacity:.5;cursor:not-allowed}.variant-box.too-expensive .variant-canvas{filter:grayscale(.7)}.variant-box:hover{border-color:#ffb40080;background:#464650f2}.variant-box.selected{border-color:#ffb400;box-shadow:0 0 30px #ffb40066;background:#504b3cf2}.variant-canvas{width:100%;height:160px;background:linear-gradient(180deg,#5a5a64,#464650)}.variant-canvas canvas{width:100%!important;height:100%!important}.variant-label{padding:12px 14px;background:#1e1e23e6;display:flex;flex-direction:column;gap:4px}.variant-number{font-family:Courier New,monospace;font-size:12px;color:#ffb400b3;font-weight:700}.variant-name{font-size:14px;color:#ffffffe6;font-weight:500}.variant-price{font-family:Courier New,monospace;font-size:16px;color:#64ff64e6;font-weight:700;margin-top:4px}.variant-price.cant-afford{color:#ff5050e6}.cant-afford-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000000b3;backdrop-filter:blur(4px);z-index:10;pointer-events:none}.cant-afford-overlay span{font-size:14px;font-weight:700;color:#ff5050;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 8px rgba(0,0,0,.8)}.variant-controls{display:flex;flex-direction:row;justify-content:center;gap:24px;margin-top:16px;padding-top:16px;border-top:2px solid rgba(255,255,255,.1)}.control-hint{font-size:13px;color:#fff9;display:flex;align-items:center;gap:8px}.control-hint kbd{background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:4px;padding:4px 8px;font-family:Courier New,monospace;font-size:12px;color:#ffb400e6}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #ffb40066}50%{box-shadow:0 0 35px #ffb40099}}.variant-box.selected{animation:pulse-glow 2s ease-in-out infinite}.furnishing-hud{position:fixed;left:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:1000;pointer-events:none}.furnishing-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#141419e6;border:2px solid rgba(255,180,0,.5);border-radius:10px;backdrop-filter:blur(8px)}.furnishing-title{font-family:Bebas Neue,Oswald,sans-serif;font-size:18px;color:#ffb400;letter-spacing:2px}.furnishing-count{font-family:Oswald,sans-serif;font-size:14px;color:#888}.furnishing-catalog{display:flex;flex-direction:column;gap:6px;padding:12px;background:#141419e6;border:1px solid rgba(255,255,255,.15);border-radius:10px;backdrop-filter:blur(8px)}.furnishing-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;transition:all .15s ease}.furnishing-item.selected{background:#ffb40033;border-color:#ffb40099;box-shadow:0 0 15px #ffb40033}.item-key{font-family:Oswald,sans-serif;font-size:14px;font-weight:600;color:#666;background:#ffffff1a;padding:2px 8px;border-radius:4px;min-width:20px;text-align:center}.furnishing-item.selected .item-key{color:#ffb400;background:#ffb40033}.item-icon{font-size:20px}.item-icon-img{width:24px;height:24px}.edit-item .item-icon-img{filter:brightness(0) invert(1)}.selected-icon-img{width:22px;height:22px;margin-right:8px;vertical-align:middle}.item-name{font-family:Oswald,sans-serif;font-size:14px;color:#aaa;letter-spacing:1px}.furnishing-item.selected .item-name{color:#fff}.furnishing-selected{padding:12px;background:#ffb4001a;border:1px solid rgba(255,180,0,.3);border-radius:10px;text-align:center}.selected-name{font-family:Bebas Neue,Oswald,sans-serif;font-size:18px;color:#fff;margin-bottom:6px}.selected-variant{display:inline-block;font-family:Courier New,monospace;font-size:11px;font-weight:700;color:#ffb400;background:#ffb40033;padding:2px 8px;border-radius:4px;margin-right:8px}.selected-rotation{display:inline-block;font-size:12px;color:#888;background:#ffffff1a;padding:2px 8px;border-radius:4px}.furnishing-controls{display:flex;flex-direction:column;gap:8px;padding:16px;background:#141419f2;border:2px solid rgba(255,255,255,.15);border-radius:12px;backdrop-filter:blur(10px)}.control-row{display:flex;align-items:center;gap:14px}.control-key{font-family:Oswald,sans-serif;font-size:16px;font-weight:700;color:#aaa;background:#ffffff1f;padding:6px 14px;border-radius:6px;min-width:70px;text-align:center;border:1px solid rgba(255,255,255,.1)}.control-desc{font-size:15px;color:#888}.furnishing-hud.picture-mode .furnishing-header{border-color:#ff69b480}.furnishing-hud.picture-mode .furnishing-title{color:#ff69b4}.extras-item{border-color:#ff6b354d!important}.extras-item .item-key{color:#ff6b35;background:#ff6b3533}.picture-item{border-color:#ff69b44d!important}.picture-item .item-key{color:#ff69b4;background:#ff69b433}.picture-slot-info{padding:16px;background:#ff69b41a;border:1px solid rgba(255,105,180,.3);border-radius:10px;text-align:center}.slot-number{font-family:Bebas Neue,Oswald,sans-serif;font-size:22px;color:#fff;margin-bottom:4px}.slot-name{font-size:14px;color:#aaa;margin-bottom:8px}.slot-status{font-size:13px;padding:4px 10px;border-radius:4px;display:inline-block}.slot-status.empty{color:#4a4;background:#44aa4426}.slot-status.occupied{color:#fa4;background:#ffaa4426}.picture-hint{font-size:11px;color:#666;font-style:italic;text-align:center;padding:8px 12px;background:#141419e6;border:1px solid rgba(255,255,255,.1);border-radius:8px}.furnishing-hud.edit-mode .furnishing-header{border-color:#44aaff80}.furnishing-hud.edit-mode .furnishing-title{color:#4af}.edit-item{border-color:#44aaff4d!important}.edit-item .item-key{color:#4af;background:#4af3}.edit-selection-info{padding:16px;background:#44aaff1a;border:1px solid rgba(68,170,255,.3);border-radius:10px;text-align:center}.edit-selected-type{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.edit-selected-name{font-family:Bebas Neue,Oswald,sans-serif;font-size:20px;color:#fff}.edit-no-selection{font-size:14px;color:#888;font-style:italic}@media(max-width:768px){.furnishing-hud{left:10px;top:auto;bottom:120px;transform:none}.furnishing-catalog{flex-direction:row;flex-wrap:wrap;gap:4px}.furnishing-item{padding:6px 10px}.item-name,.furnishing-controls{display:none}}.furnishing-prompt{position:fixed;bottom:120px;left:50%;transform:translate(calc(-50% - 240px));z-index:100;pointer-events:none}.furnishing-prompt-content{display:flex;align-items:center;gap:12px;background:#280a1ee6;padding:12px 24px;border-radius:8px;border:2px solid rgba(255,105,180,.7);animation:pulse-furnishing 2s ease-in-out infinite;box-shadow:0 0 20px #ff69b44d}.furnishing-prompt-key{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(180deg,#ff69b4,#c71585);color:#fff;font-weight:700;font-size:18px;border-radius:6px;box-shadow:0 2px 4px #00000080}.furnishing-prompt-text{color:#fff;font-size:18px;font-weight:500;text-transform:uppercase;letter-spacing:1px;font-family:Oswald,sans-serif}@keyframes pulse-furnishing{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 20px #ff69b44d}50%{opacity:.9;transform:scale(1.02);box-shadow:0 0 30px #ff69b480}}.boombox-hud-overlay{position:fixed;inset:0;z-index:1002;display:flex;pointer-events:none}.boombox-view-area{flex:1;position:relative}.boombox-view-area:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.4) 100%);pointer-events:none}.boombox-hud{width:340px;height:100vh;background:linear-gradient(180deg,#1a1a1e,#0f0f12,#0a0a0d);border-left:3px solid #333;display:flex;flex-direction:column;padding:16px;gap:12px;pointer-events:auto;box-shadow:-10px 0 40px #000c,inset 1px 0 #ffffff0d;overflow:hidden}.boombox-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:linear-gradient(180deg,#3a3a40,#28282d,#1e1e22);border-radius:4px;border:1px solid #444;box-shadow:inset 0 1px #ffffff1a,0 2px 4px #00000080}.boombox-title{font-family:Russo One,Orbitron,sans-serif;font-size:14px;color:#e8e8e8;letter-spacing:3px;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.5)}.boombox-close{width:22px;height:22px;background:linear-gradient(180deg,#555,#333);border:1px solid #666;border-radius:3px;color:#aaa;font-size:12px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #ffffff26,0 1px 2px #0000004d}.boombox-close:hover{background:linear-gradient(180deg,#ff6b6b,#c44);color:#fff;border-color:#f88}.boombox-lcd{background:linear-gradient(180deg,#1a2420,#0d1510);border:2px solid #0a0f0c;border-radius:4px;padding:12px 14px;position:relative;overflow:hidden;box-shadow:inset 0 2px 8px #000c,0 1px #ffffff0d}.boombox-lcd:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.15) 2px,rgba(0,0,0,.15) 4px);pointer-events:none}.boombox-lcd:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(0,255,100,.03) 0%,transparent 70%);pointer-events:none}.lcd-status{font-family:VT323,monospace;font-size:11px;color:#4a7a5a;letter-spacing:.15em;text-transform:uppercase;margin-bottom:4px}.lcd-track-title{font-family:VT323,monospace;font-size:22px;color:#00ff6a;text-shadow:0 0 10px rgba(0,255,106,.6),0 0 20px rgba(0,255,106,.3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:lcd-glow 2s ease-in-out infinite}@keyframes lcd-glow{0%,to{text-shadow:0 0 10px rgba(0,255,106,.6),0 0 20px rgba(0,255,106,.3)}50%{text-shadow:0 0 15px rgba(0,255,106,.8),0 0 30px rgba(0,255,106,.5)}}.lcd-time{font-family:VT323,monospace;font-size:14px;color:#0c5;margin-top:6px;letter-spacing:.1em}.lcd-empty{font-family:VT323,monospace;font-size:18px;color:#3a5a4a;text-align:center;padding:8px 0}.boombox-controls{display:flex;justify-content:center;gap:8px;padding:8px 0}.control-btn{width:44px;height:32px;background:linear-gradient(180deg,#4a4a50,#2a2a30,#1a1a20);border:1px solid #555;border-radius:3px;color:#999;font-size:14px;cursor:pointer;transition:all .1s ease;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #ffffff1a,0 2px 4px #00000080}.control-btn:hover:not(:disabled){background:linear-gradient(180deg,#5a5a60,#3a3a40,#2a2a30);color:#fff;border-color:#666}.control-btn:active:not(:disabled){background:linear-gradient(180deg,#2a2a30,#3a3a40,#4a4a50);box-shadow:inset 0 2px 4px #00000080}.control-btn:disabled{opacity:.4;cursor:not-allowed}.control-btn.play-btn{width:52px;height:36px;background:linear-gradient(180deg,#0a5,#073,#052);border-color:#0c6;color:#fff;font-size:16px}.control-btn.play-btn:hover:not(:disabled){background:linear-gradient(180deg,#0c6,#0a5,#073);box-shadow:inset 0 1px #fff3,0 0 12px #00ff6466,0 2px 4px #00000080}.boombox-volume{display:flex;align-items:center;gap:10px;padding:8px 12px;background:linear-gradient(180deg,#1a1a1e,#0f0f12);border:1px solid #333;border-radius:4px}.volume-label{font-family:Orbitron,sans-serif;font-size:9px;color:#666;letter-spacing:.15em;text-transform:uppercase;min-width:45px}.volume-slider-container{flex:1;position:relative;height:8px;background:#0a0a0c;border-radius:2px;overflow:hidden;box-shadow:inset 0 1px 3px #000c}.volume-slider{width:100%;height:100%;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;position:relative;z-index:2}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:16px;background:linear-gradient(180deg,#666,#444,#333);border:1px solid #777;border-radius:2px;cursor:pointer;box-shadow:0 1px 3px #00000080;margin-top:-4px}.volume-slider::-moz-range-thumb{width:12px;height:16px;background:linear-gradient(180deg,#666,#444,#333);border:1px solid #777;border-radius:2px;cursor:pointer}.volume-value{font-family:VT323,monospace;font-size:14px;color:#00ff6a;min-width:36px;text-align:right;text-shadow:0 0 8px rgba(0,255,106,.4)}.boombox-add-form{display:flex;flex-direction:column;gap:8px;padding:12px;background:linear-gradient(180deg,#1a1a1e,#141416);border:1px solid #2a2a2e;border-radius:4px}.add-form-title{font-family:Orbitron,sans-serif;font-size:9px;color:#666;letter-spacing:.2em;text-transform:uppercase;margin-bottom:4px}.add-input{width:100%;padding:8px 10px;background:#0a0a0c;border:1px solid #333;border-radius:3px;color:#ddd;font-family:Orbitron,sans-serif;font-size:11px;outline:none;transition:all .15s ease;box-shadow:inset 0 1px 4px #00000080}.add-input:focus{border-color:#0a5;box-shadow:inset 0 1px 4px #00000080,0 0 8px #00ff6433}.add-input::placeholder{color:#444;font-style:italic}.add-error{font-family:VT323,monospace;font-size:13px;color:#f44;padding:4px 8px;background:#ff44441a;border-radius:2px;text-shadow:0 0 8px rgba(255,68,68,.4)}.add-btn{padding:8px 12px;background:linear-gradient(180deg,#3a3a40,#28282d);border:1px solid #444;border-radius:3px;color:#ccc;font-family:Orbitron,sans-serif;font-size:10px;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:all .15s ease;box-shadow:inset 0 1px #ffffff1a,0 2px 4px #0000004d}.add-btn:hover{background:linear-gradient(180deg,#0a5,#073);color:#fff;border-color:#0c6}.boombox-playlist{flex:1;min-height:100px;display:flex;flex-direction:column;background:linear-gradient(180deg,#0d0d10,#08080a);border:1px solid #222;border-radius:4px;overflow:hidden}.playlist-header{font-family:Orbitron,sans-serif;font-size:9px;color:#555;letter-spacing:.15em;text-transform:uppercase;padding:8px 12px;background:linear-gradient(180deg,#1a1a1e,#141416);border-bottom:1px solid #222}.playlist-tracks{flex:1;overflow-y:auto;padding:4px}.playlist-tracks::-webkit-scrollbar{width:8px}.playlist-tracks::-webkit-scrollbar-track{background:#0a0a0c}.playlist-tracks::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3a3a40,#2a2a30);border-radius:2px;border:1px solid #444}.playlist-empty{padding:20px;text-align:center;color:#3a3a40;font-family:Orbitron,sans-serif;font-size:10px;letter-spacing:.1em}.playlist-track{display:flex;align-items:center;gap:8px;padding:8px 10px;margin:2px 0;border-radius:2px;cursor:pointer;transition:all .1s ease;background:transparent}.playlist-track:hover{background:#ffffff08}.playlist-track.current{background:linear-gradient(90deg,rgba(0,170,85,.2) 0%,transparent 100%);border-left:2px solid #00ff6a;padding-left:8px}.track-number{font-family:VT323,monospace;font-size:14px;color:#444;min-width:24px;text-align:center}.playlist-track.current .track-number{color:#00ff6a;text-shadow:0 0 8px rgba(0,255,106,.4)}.track-title{flex:1;font-family:Orbitron,sans-serif;font-size:11px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-track.current .track-title{color:#ccc}.track-playing{font-family:VT323,monospace;font-size:14px;color:#00ff6a;text-shadow:0 0 8px rgba(0,255,106,.6);animation:play-pulse .8s ease-in-out infinite}@keyframes play-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.track-remove{width:20px;height:20px;background:transparent;border:1px solid transparent;border-radius:2px;color:#555;font-size:10px;cursor:pointer;opacity:0;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.playlist-track:hover .track-remove{opacity:1}.track-remove:hover{background:#f443;border-color:#f44;color:#f66}.boombox-hint{font-family:Orbitron,sans-serif;font-size:8px;color:#3a3a40;text-align:center;letter-spacing:.1em;padding-top:8px;border-top:1px solid #1a1a1e}.boombox-visualizer{display:flex;justify-content:center;align-items:flex-end;gap:3px;height:24px;padding:4px 0}.viz-bar{width:4px;background:linear-gradient(180deg,#00ff6a,#073);border-radius:1px;transition:height .1s ease;box-shadow:0 0 4px #00ff6a66}.viz-bar.active{animation:viz-bounce .3s ease-in-out infinite}@keyframes viz-bounce{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}.viz-bar:nth-child(1){animation-delay:0s}.viz-bar:nth-child(2){animation-delay:.05s}.viz-bar:nth-child(3){animation-delay:.1s}.viz-bar:nth-child(4){animation-delay:.15s}.viz-bar:nth-child(5){animation-delay:.2s}.viz-bar:nth-child(6){animation-delay:.1s}.viz-bar:nth-child(7){animation-delay:.05s}.viz-bar:nth-child(8){animation-delay:0s}.picture-editor-overlay{position:fixed;inset:0;background:#000c;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:pictureEditorFadeIn .2s ease-out}@keyframes pictureEditorFadeIn{0%{opacity:0}to{opacity:1}}.picture-editor-panel{background:linear-gradient(180deg,#191423fa,#0f0a19fc);border:2px solid rgba(200,100,255,.5);border-radius:16px;width:420px;max-width:95vw;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 0 60px #c864ff33,0 25px 70px #0009,inset 0 1px #ffffff0f;animation:pictureEditorSlideUp .3s ease-out;overflow:hidden}@keyframes pictureEditorSlideUp{0%{opacity:0;transform:translateY(30px) scale(.93)}to{opacity:1;transform:translateY(0) scale(1)}}.picture-editor-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(200,100,255,.25);background:#c864ff14;border-radius:14px 14px 0 0}.picture-editor-header h2{margin:0;font-family:Bebas Neue,Oswald,sans-serif;font-size:24px;font-weight:600;color:#c864ff;letter-spacing:2px;text-shadow:0 0 15px rgba(200,100,255,.5)}.picture-editor-slot{font-family:Oswald,sans-serif;font-size:14px;font-weight:500;color:#c864ff;background:#c864ff33;border:1px solid rgba(200,100,255,.4);padding:4px 12px;border-radius:6px}.picture-editor-tabs{display:flex;padding:0 20px;gap:0;border-bottom:2px solid rgba(255,255,255,.1)}.tab-button{flex:1;padding:14px 16px;background:transparent;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;font-family:Bebas Neue,Oswald,sans-serif;font-size:16px;font-weight:600;color:#666;letter-spacing:1px;cursor:pointer;transition:all .2s ease}.tab-button:hover{color:#aaa;background:#ffffff08}.tab-button.active{color:#c864ff;border-bottom-color:#c864ff;text-shadow:0 0 10px rgba(200,100,255,.4)}.picture-editor-content{padding:20px;background:#0003}.upload-zone{border:2px dashed rgba(255,255,255,.2);border-radius:12px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .2s ease;background:#ffffff05}.upload-zone:hover,.upload-zone.dragging{border-color:#c864ff99;background:#c864ff14;box-shadow:inset 0 0 30px #c864ff1a}.upload-icon{font-size:42px;margin-bottom:12px;opacity:.7}.upload-zone:hover .upload-icon,.upload-zone.dragging .upload-icon{opacity:1}.upload-zone p{margin:6px 0;font-family:Oswald,sans-serif;font-size:14px;color:#888;letter-spacing:.5px}.upload-hint{font-size:12px!important;color:#555!important}.upload-zone.has-preview{padding:12px}.upload-preview-image{max-width:100%;max-height:200px;object-fit:contain;border-radius:8px;margin-bottom:8px}.gallery-carousel{display:flex;align-items:center;justify-content:center;gap:12px;position:relative;padding:10px 0}.gallery-main-image{width:200px;aspect-ratio:2/3;border-radius:10px;overflow:hidden;cursor:pointer;border:3px solid rgba(255,255,255,.15);transition:all .2s ease;background:#0006;box-shadow:0 8px 30px #0006}.gallery-main-image:hover{border-color:#c864ff99;box-shadow:0 8px 40px #c864ff40;transform:scale(1.02)}.gallery-main-image.selected{border-color:#c864ff;box-shadow:0 0 30px #c864ff66,0 8px 40px #0006}.gallery-main-image img{width:100%;height:100%;object-fit:cover}.gallery-arrow{width:44px;height:44px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#888;font-size:16px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.gallery-arrow:hover{background:#c864ff40;border-color:#c864ff80;color:#c864ff;transform:scale(1.1)}.gallery-arrow:active{transform:scale(.95)}.gallery-counter{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);font-family:Oswald,sans-serif;font-size:13px;color:#666;letter-spacing:1px}.gallery-empty{text-align:center;font-family:Oswald,sans-serif;font-size:14px;color:#555;padding:50px 30px}.picture-editor-error{margin:0 20px 16px;font-family:Oswald,sans-serif;font-size:14px;color:#f87171;padding:10px 14px;background:#f871711a;border:1px solid rgba(248,113,113,.3);border-radius:8px}.picture-editor-actions{display:flex;gap:12px;padding:16px 20px 20px;border-top:1px solid rgba(255,255,255,.08)}.action-button{flex:1;padding:12px 20px;border-radius:8px;font-family:Bebas Neue,Oswald,sans-serif;font-size:16px;font-weight:600;letter-spacing:1px;cursor:pointer;transition:all .15s ease}.action-button.save{background:#4ade8033;border:1px solid rgba(74,222,128,.4);color:#4ade80}.action-button.save:hover:not(:disabled){background:#4ade8059;border-color:#4ade80b3;box-shadow:0 0 20px #4ade804d}.action-button.save:disabled{opacity:.4;cursor:not-allowed}.action-button.cancel{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#888}.action-button.cancel:hover{background:#f8717133;border-color:#f8717166;color:#f87171}@media(max-width:768px){.picture-editor-panel{width:98vw;margin:10px;max-height:90vh}.picture-editor-header h2{font-size:20px}.tab-button{font-size:14px;padding:12px 10px}}.damage-flash{position:fixed;inset:0;pointer-events:none;z-index:50;background:radial-gradient(ellipse at center,transparent 30%,rgba(255,0,0,.6) 100%);opacity:0;visibility:hidden;transition:opacity .05s ease-out}.damage-flash.active{opacity:1;visibility:visible;animation:flash-pulse .2s ease-out}@keyframes flash-pulse{0%{opacity:1}to{opacity:0}}.low-health-vignette{position:fixed;inset:0;pointer-events:none;z-index:49;background:radial-gradient(ellipse at center,transparent 20%,rgba(120,0,0,.3) 60%,rgba(80,0,0,.7) 100%);opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease}.low-health-vignette.active{visibility:visible;animation:heartbeat 1.5s ease-in-out infinite}.low-health-vignette.critical{background:radial-gradient(ellipse at center,transparent 10%,rgba(150,0,0,.4) 50%,rgba(100,0,0,.8) 100%);animation:heartbeat-fast .8s ease-in-out infinite}@keyframes heartbeat{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.6;transform:scale(1.02)}}@keyframes heartbeat-fast{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.03)}}.critical-blur{position:fixed;inset:0;pointer-events:none;z-index:48;backdrop-filter:blur(1.5px);animation:dizzy 3s ease-in-out infinite}@keyframes dizzy{0%,to{backdrop-filter:blur(1.5px);transform:scale(1) rotate(0)}25%{backdrop-filter:blur(2px);transform:scale(1.005) rotate(.3deg)}50%{backdrop-filter:blur(1px);transform:scale(1) rotate(0)}75%{backdrop-filter:blur(2.5px);transform:scale(1.005) rotate(-.3deg)}}.sniper-scope{position:fixed;inset:0;pointer-events:none;z-index:45}.scope-vignette{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0%,transparent 20%,rgba(0,0,0,.2) 30%,rgba(0,0,0,.6) 40%,rgba(0,0,0,.9) 50%,#000 60%)}.scope-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(80vh,80vw);height:min(80vh,80vw);border:3px solid rgba(20,20,20,.9);border-radius:50%;box-shadow:inset 0 0 80px #0009,inset 0 0 20px #0006,0 0 40px #000000e6}.scope-crosshair{position:absolute;inset:0}.crosshair-h-left{position:absolute;top:50%;left:0;width:calc(50% - 25px);height:2px;background:linear-gradient(to right,transparent 0%,rgba(0,0,0,.3) 20%,rgba(0,0,0,.7) 100%);transform:translateY(-50%)}.crosshair-h-right{position:absolute;top:50%;right:0;width:calc(50% - 25px);height:2px;background:linear-gradient(to left,transparent 0%,rgba(0,0,0,.3) 20%,rgba(0,0,0,.7) 100%);transform:translateY(-50%)}.crosshair-v-top{position:absolute;left:50%;top:0;height:calc(50% - 25px);width:2px;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.3) 20%,rgba(0,0,0,.7) 100%);transform:translate(-50%)}.crosshair-v-bottom{position:absolute;left:50%;bottom:0;height:calc(50% - 25px);width:2px;background:linear-gradient(to top,transparent 0%,rgba(0,0,0,.3) 20%,rgba(0,0,0,.7) 100%);transform:translate(-50%)}.crosshair-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px}.center-h{position:absolute;top:50%;left:0;right:0;height:2px;background:#c80000e6;transform:translateY(-50%);box-shadow:0 0 4px #c8000099}.center-v{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#c80000e6;transform:translate(-50%);box-shadow:0 0 4px #c8000099}.crosshair-dot{position:absolute;top:50%;left:50%;width:6px;height:6px;background:red;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px #f00c,0 0 12px #f006}.range-markers{position:absolute;inset:0}.tick-h{position:absolute;top:50%;height:12px;width:2px;background:#0009;transform:translateY(-50%)}.tick-h.left-1{right:calc(50% + 60px)}.tick-h.left-2{right:calc(50% + 100px)}.tick-h.left-3{right:calc(50% + 140px)}.tick-h.left-4{right:calc(50% + 180px)}.tick-h.left-5{right:calc(50% + 220px);height:20px}.tick-h.right-1{left:calc(50% + 60px)}.tick-h.right-2{left:calc(50% + 100px)}.tick-h.right-3{left:calc(50% + 140px)}.tick-h.right-4{left:calc(50% + 180px)}.tick-h.right-5{left:calc(50% + 220px);height:20px}.tick-v{position:absolute;left:50%;width:12px;height:2px;background:#0009;transform:translate(-50%)}.tick-v.top-1{bottom:calc(50% + 60px)}.tick-v.top-2{bottom:calc(50% + 100px)}.tick-v.top-3{bottom:calc(50% + 140px)}.tick-v.top-4{bottom:calc(50% + 180px);width:20px}.tick-v.bottom-1{top:calc(50% + 60px)}.tick-v.bottom-2{top:calc(50% + 100px)}.tick-v.bottom-3{top:calc(50% + 140px)}.tick-v.bottom-4{top:calc(50% + 180px);width:20px}.corner-bracket{position:absolute;width:30px;height:30px;border:2px solid rgba(0,0,0,.5)}.corner-bracket.top-left{top:calc(50% - 120px);left:calc(50% - 120px);border-right:none;border-bottom:none}.corner-bracket.top-right{top:calc(50% - 120px);right:calc(50% - 120px);border-left:none;border-bottom:none}.corner-bracket.bottom-left{bottom:calc(50% - 120px);left:calc(50% - 120px);border-right:none;border-top:none}.corner-bracket.bottom-right{bottom:calc(50% - 120px);right:calc(50% - 120px);border-left:none;border-top:none}.distance-marker{position:absolute;left:calc(50% + 30px);font-family:Courier New,monospace;font-size:10px;color:#00000080;letter-spacing:1px}.distance-marker.d100{bottom:calc(50% + 58px)}.distance-marker.d200{bottom:calc(50% + 98px)}.distance-marker.d300{bottom:calc(50% + 138px)}.distance-marker.d400{bottom:calc(50% + 178px)}.lens-flare{position:absolute;top:30%;left:35%;width:80px;height:2px;background:linear-gradient(to right,transparent,rgba(255,255,255,.1),transparent);transform:rotate(-45deg);pointer-events:none}.communicator-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;background:#0000;transition:background .4s ease,visibility 0s .4s;pointer-events:none;visibility:hidden}.communicator-overlay.visible{background:#0006;pointer-events:auto;visibility:visible;transition:background .4s ease,visibility 0s}.communicator-overlay.intro-mode.visible{background:#000000d9}.communicator-canvas{display:block;width:100%;height:100%}.communicator-controls{position:absolute;bottom:42%;left:50%;transform:translate(-50%);display:flex;gap:16px}.comm-btn{padding:12px 24px;font-family:Bebas Neue,Impact,sans-serif;font-size:18px;font-weight:700;letter-spacing:2px;border:2px solid;border-radius:4px;cursor:pointer;transition:all .2s ease;text-transform:uppercase}.comm-close{background:#282828e6;border-color:#666;color:#fff}.comm-close:hover{background:#3c3c3ce6;border-color:#888}.comm-skip{background:#0064b4e6;border-color:#0cf;color:#fff}.comm-skip:hover{background:#0078c8e6;border-color:#3df}.comm-mission-briefing{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:600px;width:90%;background:#000000d9;border:2px solid #00ccff;border-radius:8px;padding:24px;box-shadow:0 0 40px #00ccff4d;pointer-events:auto}.comm-mission-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(0,204,255,.3)}.mission-title{font-family:Bebas Neue,Impact,sans-serif;font-size:32px;font-weight:700;letter-spacing:2px;color:#0cf;text-transform:uppercase;text-shadow:0 0 20px rgba(0,204,255,.5)}.mission-reward{font-family:Bebas Neue,Impact,sans-serif;font-size:28px;font-weight:700;letter-spacing:1px;color:#4ade80;text-shadow:0 0 10px rgba(74,222,128,.5)}.comm-mission-body{margin-bottom:20px}.mission-description{font-family:Bebas Neue,Impact,sans-serif;font-size:18px;line-height:1.6;letter-spacing:1px;color:#ffffffe6;margin-bottom:12px}.mission-objective{font-family:Bebas Neue,Impact,sans-serif;font-size:16px;line-height:1.5;letter-spacing:.5px;color:#ffffffb3;font-style:italic}.comm-accept{background:linear-gradient(180deg,#ff6b35,#c40);border-color:#f85;color:#fff;font-size:20px;padding:16px 32px;animation:acceptPulse 2s ease-in-out infinite}.comm-accept:hover{background:linear-gradient(180deg,#f85,#ff6b35);border-color:#fa7;transform:scale(1.05)}.comm-continue{background:linear-gradient(180deg,#4ade80,#166534);border-color:#86efac;color:#fff;font-size:20px;padding:16px 32px;animation:continuePulse 2s ease-in-out infinite}.comm-continue:hover{background:linear-gradient(180deg,#86efac,#4ade80);border-color:#bbf7d0;transform:scale(1.05)}@keyframes continuePulse{0%,to{box-shadow:0 0 20px #4ade8080;transform:scale(1)}50%{box-shadow:0 0 40px #4ade80cc;transform:scale(1.05)}}@keyframes acceptPulse{0%,to{box-shadow:0 0 20px #ff6b3580;transform:scale(1)}50%{box-shadow:0 0 40px #ff6b35cc;transform:scale(1.05)}}.communicator-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Bebas Neue,Impact,sans-serif;font-size:24px;color:#0cf;letter-spacing:2px;text-shadow:0 0 20px rgba(0,204,255,.5);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.weapon-unlock-hud{position:absolute;top:22%;left:50%;transform:translate(-50%);min-width:280px;max-width:320px;animation:weaponHudSlideIn .4s ease-out;border-radius:6px;overflow:hidden}@keyframes weaponHudSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-15px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.weapon-unlock-header{position:relative;background:#1a1a1a;padding:8px 14px;display:flex;align-items:center;gap:10px;border-bottom:2px solid #4ade80}.weapon-unlock-header-stripes{width:24px;height:100%;position:absolute;left:0;top:0;background:repeating-linear-gradient(-45deg,#4ade80 0px,#4ade80 3px,transparent 3px,transparent 6px);opacity:.8}.weapon-unlock-header-text{font-family:Oswald,sans-serif;font-size:11px;font-weight:600;letter-spacing:2px;color:#4ade80;text-transform:uppercase;margin-left:30px}.weapon-unlock-title-row{display:flex;justify-content:space-between;align-items:baseline;padding:10px 14px 6px;background:#000000d9;border-bottom:1px solid rgba(74,222,128,.15)}.weapon-unlock-name{font-family:Oswald,sans-serif;font-size:20px;font-weight:600;letter-spacing:1px;color:#fff;text-transform:uppercase}.weapon-unlock-type{font-family:Oswald,sans-serif;font-size:12px;font-weight:400;letter-spacing:1px;color:#fff6;text-transform:uppercase}.weapon-unlock-body{display:flex;gap:14px;padding:12px 14px;background:#1e231ef2;border:1px solid rgba(74,222,128,.2);border-top:none}.weapon-unlock-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#4ade8014;border:1px solid rgba(74,222,128,.25);border-radius:4px;padding:10px;flex-shrink:0}.weapon-unlock-icon img{width:100%;height:100%;filter:invert(1) brightness(.9);opacity:.9}.weapon-unlock-stats{flex:1;display:flex;flex-direction:column;gap:4px}.weapon-stat{display:flex;justify-content:space-between;align-items:baseline;padding:2px 0}.weapon-stat-label{font-family:Oswald,sans-serif;font-size:10px;font-weight:400;letter-spacing:1px;color:#fff6;text-transform:uppercase}.weapon-stat-value{font-family:Oswald,sans-serif;font-size:12px;font-weight:400;letter-spacing:.5px;color:#ffffffbf}.weapon-unlock-footer{display:flex;justify-content:flex-end;align-items:center;padding:8px 14px;background:#000000d9;border-top:1px solid rgba(74,222,128,.15)}.weapon-unlock-status{font-family:Oswald,sans-serif;font-size:13px;font-weight:500;letter-spacing:1px;color:#4ade80;text-transform:uppercase}@media(max-width:768px),(pointer:coarse){.communicator-controls{bottom:80px}.comm-btn{padding:16px 32px;font-size:20px}.comm-mission-briefing{max-width:90%;padding:20px}.mission-title{font-size:24px}.mission-reward{font-size:22px}.mission-description{font-size:16px}.weapon-unlock-hud{top:12%;min-width:240px;max-width:280px}.weapon-unlock-header{padding:6px 12px}.weapon-unlock-header-stripes{width:18px}.weapon-unlock-header-text{font-size:10px;margin-left:24px}.weapon-unlock-title-row{padding:8px 12px 4px}.weapon-unlock-name{font-size:16px}.weapon-unlock-type{font-size:10px}.weapon-unlock-body{padding:10px 12px;gap:10px}.weapon-unlock-icon{width:48px;height:48px;padding:8px}.weapon-stat-label{font-size:9px}.weapon-stat-value{font-size:10px}.weapon-unlock-footer{padding:6px 12px}.weapon-unlock-status{font-size:11px}}.weapon-selector{position:fixed;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-end;gap:6px;z-index:90;pointer-events:none}.weapon-slot{position:relative;display:flex;align-items:center;gap:6px;padding:6px 20px 6px 6px;width:fit-content;background:#0009;border:2px solid rgba(255,255,255,.15);border-radius:6px;opacity:.4;transition:all .2s ease;backdrop-filter:blur(4px)}.weapon-slot.active{opacity:1;background:#000c;border-color:#fc0;box-shadow:0 0 15px #ffcc004d,0 0 30px #ffcc001a,inset 0 0 15px #ffcc000d}.weapon-slot.empty{opacity:.2}.weapon-key{display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin-left:-16px;background:#282828e6;border:2px solid rgba(255,255,255,.25);border-radius:4px;font-family:Bebas Neue,Impact,sans-serif;font-size:16px;font-weight:700;color:#ffffffb3;text-shadow:0 1px 2px rgba(0,0,0,.5);flex-shrink:0}.weapon-slot.active .weapon-key{background:linear-gradient(180deg,#fc0,#c90);border-color:#fd4;color:#000;text-shadow:none;box-shadow:0 2px 4px #0000004d,inset 0 1px #ffffff4d}.weapon-icon{display:flex;align-items:center;justify-content:flex-start;width:32px;height:32px;margin-left:11px;flex-shrink:0}.weapon-icon img{display:block;width:24px;height:24px;object-fit:contain;filter:brightness(0) invert(.5);transition:filter .2s ease}.weapon-slot.active .weapon-icon img{filter:brightness(0) invert(1)}.weapon-slot.device-slot.active{border-color:#0cf;box-shadow:0 0 15px #00ccff4d,0 0 30px #00ccff1a,inset 0 0 15px #00ccff0d}.weapon-slot.device-slot.active .weapon-key{background:linear-gradient(180deg,#0cf,#09c);border-color:#3df}.weapon-slot .weapon-ammo{position:absolute;bottom:2px;right:4px;font-family:system-ui,sans-serif;font-size:9px!important;font-weight:600;color:#ffffff80}.weapon-slot.active .weapon-ammo{color:#ffffffe6}.weapon-slot.empty .weapon-ammo{color:#f44}.weapon-locked-hint{position:absolute;top:100%;right:0;margin-top:8px;padding:6px 10px;background:#ff3232cc;border-radius:4px;font-family:system-ui,sans-serif;font-size:11px;font-weight:600;color:#fff;white-space:nowrap;animation:hintFadeIn .2s ease}@keyframes hintFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.weapon-slot.ringing{opacity:1!important;animation:communicatorRing 1s ease-in-out infinite}.weapon-slot.ringing .weapon-key{animation:keyRingPulse 1s ease-in-out infinite}@keyframes communicatorRing{0%,to{border-color:#0f0;box-shadow:0 0 20px #0f09,0 0 40px #00ff004d,inset 0 0 20px #00ff001a}50%{border-color:#3f3;box-shadow:0 0 30px #0f0c,0 0 60px #0f06,inset 0 0 25px #00ff0026}}@keyframes keyRingPulse{0%,to{background:linear-gradient(180deg,#0f0,#0c0);border-color:#3f3;transform:scale(1)}50%{background:linear-gradient(180deg,#3f3,#0f0);border-color:#6f6;transform:scale(1.08)}}@media(max-width:768px),(pointer:coarse){.weapon-selector{display:none}}.game-hud{--neon-cyan: #00f5ff;--neon-magenta: #ff00aa;--neon-yellow: #ffcc00;--berlin-yellow: #f0c808;--hud-bg: rgba(10, 12, 18, .85);--hud-bg-solid: #0a0c12;--hud-border: rgba(255, 255, 255, .08);--hud-border-glow: rgba(0, 245, 255, .3);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .3);position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100;font-family:DIN Condensed,Bebas Neue,Oswald,Impact,sans-serif}.game-hud>*{pointer-events:auto}.hud-logo{position:absolute;top:20px;left:20px;pointer-events:auto;opacity:.85;transition:opacity .3s ease;cursor:pointer}.hud-logo:hover{opacity:1}.hud-logo img{height:120px;width:auto;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.hud-wanted{position:absolute;top:24px;right:24px}.wanted-badge{background:var(--hud-bg);border:1px solid var(--hud-border);border-radius:4px;padding:10px 16px;backdrop-filter:blur(10px);box-shadow:0 4px 20px #00000080,inset 0 1px #ffffff0d}.wanted-label{display:block;font-size:10px;letter-spacing:3px;color:var(--text-muted);margin-bottom:6px;text-align:center}.wanted-stars-row{display:flex;gap:6px}.police-star{width:24px;height:24px;opacity:.2;transition:all .2s ease}.police-star svg{width:100%;height:100%;fill:var(--text-muted)}.police-star.active{opacity:1;animation:starActivate .3s ease-out}.police-star.active svg{fill:var(--berlin-yellow);filter:drop-shadow(0 0 8px var(--berlin-yellow))}@keyframes starActivate{0%{transform:scale(1.4);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.subversion-bar-container{position:absolute;top:24px;left:50%;transform:translate(-50%);width:500px;background:var(--hud-bg);border:1px solid var(--hud-border);border-radius:6px;padding:12px 20px;backdrop-filter:blur(10px);box-shadow:0 4px 30px #0009,inset 0 1px #ffffff0d,0 0 20px #ff64321a;z-index:150}.subversion-label{font-size:16px;font-weight:700;letter-spacing:6px;color:#ffffffd9;margin-bottom:12px;text-align:center;text-shadow:0 0 10px rgba(255,100,50,.3)}.subversion-bar-track{position:relative;height:24px;background:#111;border-radius:2px;overflow:hidden;border:1px solid rgba(255,255,255,.12)}.subversion-bar-track:before{content:"";position:absolute;inset:2px;background:repeating-linear-gradient(to right,#333 0px 7px,#111 7px 9px);background-size:9px 100%;pointer-events:none;z-index:0}.subversion-bar-fill{position:absolute;top:2px;left:2px;bottom:2px;border-radius:1px;transition:width .5s ease-out,background-color .3s ease;z-index:1}.subversion-bar-track:after{content:"";position:absolute;inset:2px;background:repeating-linear-gradient(to right,transparent 0px,transparent 7px,#111 7px,#111 9px);background-size:9px 100%;pointer-events:none;z-index:2}.subversion-bar-wrapper{display:flex;align-items:center;gap:2px}.subversion-bar-wrapper .subversion-bar-track{flex:1}.subversion-percentage{font-size:18px;font-weight:700;text-shadow:0 0 10px currentColor;letter-spacing:1px;white-space:nowrap;padding-left:4px;transform:translateY(2px)}.subversion-state{margin-top:8px;font-size:11px;font-weight:600;letter-spacing:3px;text-align:center;text-transform:uppercase;text-shadow:0 0 12px currentColor;transition:color .3s ease}.hud-minimap{position:absolute;bottom:24px;left:24px}.minimap-container{width:140px;height:140px;border-radius:50%;background:var(--hud-bg);position:relative;overflow:hidden;box-shadow:0 4px 30px #0009,inset 0 0 40px #0006}.minimap-ring{position:absolute;inset:0;border-radius:50%;border:2px solid var(--hud-border);box-shadow:0 0 0 1px #00000080,inset 0 0 20px #00f5ff0d;pointer-events:none;z-index:10}.minimap-content{position:absolute;inset:0;transition:transform .15s ease-out}.minimap-block{position:absolute;background:#28323ccc;border:1px solid rgba(60,80,90,.5)}.minimap-player{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5}.player-arrow{width:10px;height:14px;background:var(--neon-cyan);clip-path:polygon(50% 0%,100% 100%,50% 75%,0% 100%);filter:drop-shadow(0 0 4px var(--neon-cyan))}.player-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;background:radial-gradient(circle,rgba(0,245,255,.3) 0%,transparent 70%);animation:playerPulse 2s ease-in-out infinite}@keyframes playerPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.8}}.minimap-compass{position:absolute;inset:0;z-index:6;pointer-events:none}.minimap-compass span{position:absolute;font-size:12px;font-weight:700;color:#96aab4cc;text-shadow:0 0 4px rgba(0,0,0,.9)}.compass-n{bottom:6px;left:50%;transform:translate(-50%);color:#ff6464e6!important}.compass-s{top:6px;left:50%;transform:translate(-50%)}.compass-e{right:6px;top:50%;transform:translateY(-50%)}.compass-w{left:6px;top:50%;transform:translateY(-50%)}.minimap-scanline{position:absolute;inset:0;border-radius:50%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,245,255,.02) 2px,rgba(0,245,255,.02) 4px);pointer-events:none;z-index:8}.minimap-area{margin-top:8px;text-align:center;font-size:11px;letter-spacing:4px;color:var(--text-secondary);text-shadow:0 0 10px rgba(0,245,255,.3)}.hud-weapon{position:absolute;bottom:24px;right:24px;display:flex;align-items:center;gap:12px;background:var(--hud-bg);border:1px solid var(--hud-border);border-radius:4px;padding:10px 14px;backdrop-filter:blur(10px);z-index:50}.weapon-icon-box{width:44px;height:44px;background:#ffffff0d;border-radius:4px;display:flex;align-items:center;justify-content:center;border:1px solid var(--hud-border)}.weapon-emoji{font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.weapon-icon-svg{width:28px;height:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3)) invert(1)}.weapon-details{display:flex;flex-direction:column;gap:2px}.weapon-name{font-size:12px;color:var(--text-secondary);letter-spacing:1px;text-transform:uppercase}.weapon-ammo{font-size:22px;font-weight:700;letter-spacing:-1px}.ammo-current{color:var(--text-primary)}.ammo-separator{color:var(--text-muted);margin:0 2px}.ammo-max{color:var(--text-muted);font-size:16px}.hud-controls{position:absolute;bottom:32px;left:50%;transform:translate(-50%);pointer-events:none}.controls-panel{display:flex;gap:24px;background:var(--hud-bg);border:1px solid var(--hud-border);border-radius:8px;padding:14px 28px;backdrop-filter:blur(12px);box-shadow:0 4px 24px #0006}.control-item{display:flex;align-items:center;gap:10px}.control-item kbd{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);border-radius:5px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;font-weight:600;color:#ffffffe6;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.4)}.control-item span{font-size:13px;color:#fffc;letter-spacing:1.2px;text-transform:uppercase;font-weight:500;margin-top:2px;text-shadow:0 1px 3px rgba(0,0,0,.5)}.control-item .control-icon{height:28px;width:auto;filter:invert(1) brightness(.9);opacity:.9}.hud-speedometer{position:absolute;bottom:28px;right:28px}.speedometer{width:200px;height:200px;position:relative}.speedo-svg{width:100%;height:100%;filter:drop-shadow(0 4px 20px rgba(0,0,0,.5))}.speedo-needle{position:absolute;top:50%;left:50%;width:5px;height:70px;transform-origin:bottom center;margin-left:-2.5px;margin-top:-70px;transition:transform .1s ease-out}.needle-line{width:100%;height:100%;background:linear-gradient(to top,transparent 0%,var(--needle-color, var(--neon-cyan)) 30%,var(--needle-color, var(--neon-cyan)) 100%);clip-path:polygon(30% 100%,70% 100%,55% 0%,45% 0%)}.needle-glow{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:20px;height:40px;background:radial-gradient(ellipse at bottom,var(--needle-color, var(--neon-cyan)) 0%,transparent 70%);opacity:.5;filter:blur(4px)}.speedo-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;background:var(--hud-bg-solid);border-radius:50%;border:2px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center}.center-inner{width:10px;height:10px;background:var(--neon-cyan);border-radius:50%;box-shadow:0 0 12px var(--neon-cyan)}.speedo-digital{position:absolute;top:65%;left:50%;transform:translate(-50%);text-align:center}.speed-value{display:block;font-size:36px;font-weight:700;color:var(--text-primary);line-height:1;letter-spacing:-2px;text-shadow:0 0 20px rgba(0,245,255,.3)}.speed-unit{display:block;font-size:11px;color:var(--text-muted);letter-spacing:2px;margin-top:4px}.speedo-label{position:absolute;bottom:12px;left:50%;transform:translate(-50%);font-size:9px;letter-spacing:2px;color:var(--text-muted)}@keyframes hudFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hud-wanted,.hud-minimap,.hud-weapon,.hud-speedometer,.hud-controls{animation:hudFadeIn .4s ease-out}.hud-minimap{animation-delay:.1s}.hud-wanted{animation-delay:.15s}.hud-weapon,.hud-speedometer{animation-delay:.2s}.hud-controls{animation-delay:.25s}.hud-wanted,.hud-minimap,.hud-weapon,.hud-speedometer,.hud-controls{animation-fill-mode:backwards}.click-to-play-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at center,#0009,#000000d9);display:flex;align-items:center;justify-content:center;z-index:200;animation:overlayFadeIn .3s ease-out;pointer-events:auto;cursor:pointer}@keyframes overlayFadeIn{0%{opacity:0;backdrop-filter:blur(0)}to{opacity:1;backdrop-filter:blur(4px)}}.click-to-play-content{text-align:center;animation:contentPulse 2s ease-in-out infinite}@keyframes contentPulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.05);opacity:1}}.click-icon{font-size:64px;margin-bottom:20px;filter:drop-shadow(0 0 30px rgba(0,245,255,.5));animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.click-text{font-size:32px;font-weight:700;letter-spacing:8px;color:var(--text-primary);text-shadow:0 0 20px var(--neon-cyan),0 0 40px var(--neon-cyan),0 4px 20px rgba(0,0,0,.5);margin-bottom:12px}.click-hint{font-size:14px;letter-spacing:2px;color:var(--text-muted);text-transform:uppercase}@supports (padding: max(0px)){.hud-wanted{top:max(24px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right))}.hud-logo{top:max(20px,env(safe-area-inset-top));left:max(20px,env(safe-area-inset-left))}.hud-minimap{bottom:max(24px,env(safe-area-inset-bottom));left:max(24px,env(safe-area-inset-left))}}@media(max-width:768px),(pointer:coarse){.hud-wanted{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right))}.wanted-badge{padding:8px 12px}.police-star{width:20px;height:20px}.subversion-bar-container{top:max(12px,env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(92vw,380px);padding:10px 14px}.subversion-label{font-size:13px;letter-spacing:4px;margin-bottom:8px}.subversion-bar-track{height:20px}.subversion-bar-track:before{background:repeating-linear-gradient(to right,#333 0px 5px,#111 5px 7px);background-size:7px 100%}.subversion-bar-track:after{background:repeating-linear-gradient(to right,transparent 0px,transparent 5px,#111 5px,#111 7px);background-size:7px 100%}.subversion-percentage{font-size:14px;padding-left:3px;transform:translateY(2px)}.subversion-state{font-size:9px;margin-top:6px}.hud-logo{top:12px;left:12px}.hud-logo img{height:96px}.hud-minimap{inset:120px auto auto 12px}.minimap-container{width:100px;height:100px}.minimap-area,.hud-weapon,.hud-controls{display:none}.speedometer{width:132px;height:132px}.hud-speedometer{bottom:30px;left:15px;right:auto}.gun-mode-prompt{bottom:120px}.hud-logo{top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left))}.hud-minimap{top:max(120px,calc(env(safe-area-inset-top) + 108px))}}@media(orientation:landscape)and (max-height:500px){.hud-logo img{height:60px}.hud-minimap{top:auto;bottom:max(12px,env(safe-area-inset-bottom));left:max(12px,env(safe-area-inset-left))}.minimap-container{width:80px;height:80px}.hud-wanted{top:max(8px,env(safe-area-inset-top))}.police-star{width:18px;height:18px}}.gun-mode-prompt{position:fixed;bottom:220px;right:40px;z-index:100;pointer-events:none}.gun-mode-prompt-content{display:flex;align-items:center;gap:14px;background:#000000b3;padding:14px 29px;border-radius:10px;border:2px solid rgba(255,100,50,.6);animation:pulse-gun 2s ease-in-out infinite}.gun-mode-prompt-key{display:inline-flex;align-items:center;justify-content:center;width:43px;height:43px;background:linear-gradient(180deg,#f64,#c30);color:#fff;font-family:SF Mono,Consolas,Roboto Mono,monospace;font-weight:700;font-size:22px;border-radius:7px;box-shadow:0 2px 4px #00000080;text-shadow:0 0 10px rgba(255,100,50,.8)}.gun-mode-prompt-text{color:#fff;font-size:22px;font-weight:500;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(255,100,50,.5)}@keyframes pulse-gun{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 20px #ff64324d}50%{opacity:.9;transform:scale(1.02);box-shadow:0 0 30px #ff643280}}@keyframes mission-marker-blink{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 8px #f0f,0 0 16px #f0f}50%{opacity:.4;transform:scale(.7);box-shadow:0 0 4px #f0f,0 0 8px #f0f}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}kbd.active{border-color:var(--neon-cyan);color:var(--neon-cyan);box-shadow:0 0 10px #0ff6;text-shadow:0 0 5px var(--neon-cyan)}.achievement-notification{position:fixed;top:20%;left:50%;transform:translate(-50%);z-index:10000;pointer-events:none;animation:achievementSlideIn .5s cubic-bezier(.16,1,.3,1)}@keyframes achievementSlideIn{0%{opacity:0;transform:translate(-50%) translate(-30px);filter:blur(10px)}to{opacity:1;transform:translate(-50%) translate(0);filter:blur(0)}}.achievement-blur-bg{position:absolute;inset:0;border-radius:12px;background:linear-gradient(135deg,#667eea1a,#764ba21a);z-index:-1}.achievement-content{display:flex;flex-direction:column;gap:0;position:relative;z-index:2;width:100%;background-color:#00000040;background-image:url('data:image/svg+xml;utf8,<svg width="15" height="15" xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="15" x2="15" y2="0" stroke="rgba(255,255,255,0.12)" stroke-width="1"/></svg>');background-size:15px 15px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.18);border-radius:12px;box-shadow:0 8px 32px #1f26875e;max-width:600px;overflow:hidden}.achievement-header{padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.1);background:#00000080;position:relative}.achievement-header:before{content:"";position:absolute;inset:0;background:#00000080;z-index:0}.achievement-badge{position:relative;z-index:1;color:#ff69b4;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;text-shadow:0 0 12px rgba(255,105,180,.6)}.achievement-body{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px}.achievement-left{flex:1;min-width:0}.achievement-title-row{display:flex;align-items:center;gap:12px;margin-bottom:6px}.achievement-icon{font-size:36px;flex-shrink:0}.achievement-title-container{display:flex;flex-direction:column;gap:2px}.achievement-title-en{color:#fff;font-size:20px;font-weight:700;line-height:1.2;text-transform:uppercase}.achievement-title-fa{color:#fff9;font-size:14px;font-weight:400;line-height:1.3;direction:rtl;text-align:right}.achievement-description{color:#fffc;font-size:13px;line-height:1.4}.achievement-reward{text-align:right;flex-shrink:0}.achievement-reward-label{color:#fff9;font-size:9px;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:4px}.achievement-reward-value{color:#ff69b4;font-size:20px;font-weight:700}@media(max-width:600px){.achievement-notification{width:75vw;top:28%}.achievement-content{max-width:none}.achievement-body{padding:14px 16px;gap:12px}.achievement-header{padding:10px 16px}.achievement-icon{font-size:28px}.achievement-title-en{font-size:16px}.achievement-title-fa,.achievement-description{font-size:12px}.achievement-badge{font-size:10px}.achievement-reward-value{font-size:16px}}.start-menu{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .5s ease}.start-menu.visible{opacity:1}.start-bg-image{position:absolute;inset:0;background-image:url(/images/startscreen.webp);background-size:cover;background-position:center;background-repeat:no-repeat}.start-menu-container{position:relative;z-index:1;width:100%;height:100vh;padding:2rem}.start-logo-container{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center}.start-logo-container:before{content:"";position:absolute;bottom:-10%;left:50%;transform:translate(-50%);width:120%;height:40%;background:radial-gradient(ellipse 60% 50% at center,rgba(255,30,30,.5) 0%,rgba(255,30,30,.2) 40%,transparent 70%);pointer-events:none;z-index:-1}.loading-section{position:absolute;bottom:15%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:500px;padding:0 2rem}.start-logo{width:455px;max-width:80vw;height:auto;filter:drop-shadow(0 0 20px rgba(255,50,50,.4));animation:logoBreath 3s ease-in-out infinite}@keyframes logoBreath{0%,to{transform:scale(1);filter:drop-shadow(0 0 20px rgba(255,50,50,.4))}50%{transform:scale(1.05);filter:drop-shadow(0 0 30px rgba(255,50,50,.6))}}.loading-bar-container{width:100%;display:flex;flex-direction:column;gap:.5rem}.loading-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.start-menu .loading-fill{height:100%;background:linear-gradient(135deg,#0ff,#0cc)!important;background-size:100% 100%!important;animation:none!important;transition:width .3s ease;box-shadow:0 0 10px #00ffff80}.loading-percentage{text-align:center;font-family:Rajdhani,monospace;font-size:1.5rem;font-weight:700;color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.5)}.loading-text{text-align:center;font-family:Rajdhani,sans-serif;font-size:1rem;color:#ffffffb3;letter-spacing:1px}.start-buttons{position:absolute;bottom:15%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:1rem;width:100%;max-width:320px;padding:0 2rem}.start-btn{position:relative;padding:1.2rem 2rem;font-family:Rajdhani,Orbitron,sans-serif;font-size:1.3rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;overflow:hidden;backdrop-filter:blur(10px)}.start-btn.primary{background:red;color:#fff;box-shadow:0 0 30px #f006}.start-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 40px #f009}.start-btn.secondary{background:#ffffff26;color:#fff;border:2px solid rgba(255,255,255,.4)}.start-btn.secondary:hover:not(.disabled):not(:disabled){background:#ffffff40;border-color:#fff9;transform:translateY(-2px)}.start-btn.disabled{opacity:.4;cursor:not-allowed}.start-btn.loading{opacity:.7;pointer-events:none;animation:loadingPulse .8s ease-in-out infinite}.start-btn.loading:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:loadingShimmer 1s ease-in-out infinite}@keyframes loadingPulse{0%,to{opacity:.7}50%{opacity:.5}}@keyframes loadingShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.start-btn{touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,255,255,.3);user-select:none}.continue-level{display:block;font-size:.8rem;font-weight:400;opacity:.7;margin-top:6px;letter-spacing:1px}@media(max-width:768px){.start-bg-image{background-color:#000;background-size:auto 80%;background-position:40% center}.start-logo-container{top:42%}.start-buttons{max-width:280px;bottom:12%}.start-btn{padding:1rem 1.5rem;font-size:1.1rem}.loading-section{max-width:400px;gap:1.5rem;bottom:12%}.start-logo{width:364px;max-width:80vw}}@media(max-width:480px){.start-logo-container{top:42%}.start-btn{padding:.9rem 1.2rem;font-size:1rem}.loading-section{gap:1rem;bottom:10%}.start-buttons{bottom:10%}.start-logo{width:286px;max-width:75vw}.loading-percentage{font-size:1.3rem}.loading-text{font-size:.9rem}}.developer-logos{position:fixed;inset:0;background:#000;display:flex;align-items:center;justify-content:center;z-index:10000}.developer-logos .logo-container:has(.mogen-canvas){background-image:url("data:image/svg+xml,%3Csvg width='30' height='30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-3,3 l6,-6 M0,30 l30,-30 M27,33 l6,-6' stroke='rgba(255,255,255,0.05)' stroke-width='4'/%3E%3C/svg%3E"),radial-gradient(circle at center,#5b21b6,#3b1a7d 40%,#1a0a3d,#0d0520);width:100%;height:100%;display:flex;align-items:center;justify-content:center}.developer-logos .logo-container:has(.schwurbel-logo){background:radial-gradient(circle,#1a0a3d,#0d0520,#000);width:100%;height:100%;display:flex;align-items:center;justify-content:center}.developer-logos .logo-container:has(.blobtv-logo){background:#2a2a2a;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.logo-container{display:flex;align-items:center;justify-content:center}.logo{max-width:80vw;max-height:60vh;object-fit:contain}.mogen-canvas{display:block;position:relative;z-index:1}.developer-logos .schwurbel-logo{max-width:64vw!important;max-height:48vh!important;animation:subtleUpscale 1.6s ease-in-out}@keyframes subtleUpscale{0%{transform:scale(.98)}50%{transform:scale(1.02)}to{transform:scale(1)}}.developer-logos .blobtv-logo{max-width:48vw!important;max-height:36vh!important;animation:glitchEffectSubtle 1.6s infinite}@keyframes glitchEffectSubtle{0%,85%,to{transform:translate(0) scale(1);filter:none}10%{transform:translate(-3px,2px) scale(1.01);filter:hue-rotate(90deg) brightness(1.15)}12%{transform:translate(2px,-2px) scale(.99);filter:hue-rotate(-90deg) saturate(1.5)}14%{transform:translate(0) scale(1);filter:none}88%{transform:translate(-2px,3px) scale(1.02);filter:hue-rotate(60deg) brightness(1.2) saturate(1.3)}90%{transform:translate(3px,-2px) scale(.98);filter:hue-rotate(-60deg) contrast(1.2)}92%{transform:translate(0) scale(1);filter:none}}.fade-in{animation:fadeIn .2s ease-out forwards}.fade-hold{opacity:1}.fade-out{animation:fadeOut .2s ease-in forwards}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}.skip-hint{position:fixed;bottom:40px;left:50%;transform:translate(-50%);color:#fff6;font-size:14px;font-family:Inter,sans-serif;animation:fadeInHint 1s ease-out .5s forwards;opacity:0}@keyframes fadeInHint{to{opacity:1}}@media(max-width:768px){.logo{max-width:70vw;max-height:50vh}.skip-hint{bottom:30px;font-size:12px}}.joystick-lab{min-height:100vh;background:#0a0a0f;padding:40px 20px;font-family:DIN Condensed,Bebas Neue,Oswald,sans-serif;color:#fff}.lab-header{text-align:center;margin-bottom:50px}.lab-header h1{font-size:48px;letter-spacing:8px;margin:0;background:linear-gradient(135deg,#f0a,#00f5ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lab-header p{color:#666;font-size:14px;letter-spacing:3px;margin-top:10px}.joystick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;max-width:1200px;margin:0 auto}.joystick-card{background:linear-gradient(145deg,#12121a,#0a0a10);border:1px solid #222;border-radius:16px;padding:24px;transition:all .3s ease}.joystick-card:hover{border-color:#444;transform:translateY(-4px);box-shadow:0 20px 40px #0006}.joystick-header{display:flex;align-items:baseline;gap:12px;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid #222}.joystick-number{font-size:14px;color:#f0a;font-family:monospace}.joystick-name{font-size:20px;letter-spacing:4px;color:#fff}.joystick-preview{position:relative;display:flex;align-items:center;justify-content:center;min-height:200px;padding:40px}.design-label{position:absolute;display:flex;align-items:center;gap:6px;font-size:10px;color:#666;letter-spacing:1px;text-transform:uppercase;pointer-events:none}.label-line{width:30px;height:1px;background:linear-gradient(90deg,#333,transparent)}.label-text{white-space:nowrap;background:#0a0a0f;padding:2px 6px;border:1px solid #222;border-radius:3px}.label-top{top:10px;left:50%;transform:translate(-50%);flex-direction:column}.label-top .label-line{width:1px;height:20px;background:linear-gradient(180deg,transparent,#333)}.label-bottom{bottom:10px;left:50%;transform:translate(-50%);flex-direction:column-reverse}.label-bottom .label-line{width:1px;height:20px;background:linear-gradient(0deg,transparent,#333)}.label-left{left:10px;top:50%;transform:translateY(-50%);flex-direction:row-reverse}.label-left .label-line{background:linear-gradient(270deg,#333,transparent)}.label-right{right:10px;top:50%;transform:translateY(-50%)}.label-center{top:50%;left:50%;transform:translate(-50%,60px)}.label-center .label-line{display:none}.joy-1-base{width:120px;height:120px;border-radius:50%;position:relative;background:radial-gradient(ellipse at 25% 15%,rgba(40,25,60,.5) 0%,transparent 40%),radial-gradient(ellipse at 75% 85%,rgba(5,2,10,.8) 0%,transparent 50%),radial-gradient(circle at 50% 50%,#0f0a19,#05030a);border:1px solid rgba(120,60,180,.25);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 40px #000000b3,0 0 0 1px #0006,0 0 0 3px #0a0514cc,inset 0 2px 1px #ffffff08,inset 0 -4px 20px #0009}.joy-1-base:before{content:"";position:absolute;width:134px;height:134px;border-radius:50%;border:1px solid rgba(180,100,255,.08);background:radial-gradient(circle,transparent 45%,rgba(180,100,255,.03) 50%,transparent 55%)}.joy-1-groove{position:absolute;width:90px;height:90px;border-radius:50%;border:2px solid rgba(0,0,0,.4);box-shadow:inset 0 1px 3px #00000080}.joy-1-stick{width:50px;height:50px;border-radius:50%;background:radial-gradient(ellipse at 30% 20%,rgba(255,220,255,.25) 0%,transparent 40%),radial-gradient(ellipse at 70% 80%,rgba(60,20,100,.6) 0%,transparent 50%),radial-gradient(circle,#a050dc80,#6428a066,#3c146480);border:2px solid rgba(200,120,255,.5);box-shadow:0 6px 25px #b464ff80,0 0 40px #b464ff40,inset 0 3px 6px #ffffff26,inset 0 -3px 8px #0006;z-index:1}.joy-2-base{width:110px;height:110px;background:#0f0f0f;border:3px solid #333;display:flex;align-items:center;justify-content:center;position:relative}.joy-2-base:before{content:"";position:absolute;inset:8px;border:1px solid #222}.joy-2-stick{width:44px;height:44px;background:#1a1a1a;border:2px solid #444;box-shadow:4px 4px #000,inset 0 0 0 2px #111}.joy-3-base{width:120px;height:120px;border-radius:50%;background:#0a0012;border:2px solid #ff00aa;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 0 30px #f0a6,0 0 60px #f0a3,inset 0 0 40px #ff00aa1a;animation:joy3-pulse 2s ease-in-out infinite}@keyframes joy3-pulse{0%,to{box-shadow:0 0 30px #f0a6,0 0 60px #f0a3}50%{box-shadow:0 0 50px #f0a9,0 0 100px #ff00aa4d}}.joy-3-ring{position:absolute;width:140px;height:140px;border-radius:50%;border:1px solid rgba(255,0,170,.3);animation:joy3-ring 3s linear infinite}@keyframes joy3-ring{0%{transform:scale(.9);opacity:.8}to{transform:scale(1.3);opacity:0}}.joy-3-scanlines{position:absolute;inset:0;border-radius:50%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,0,170,.03) 2px,rgba(255,0,170,.03) 4px);pointer-events:none}.joy-3-stick{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#f0a,#f4c);border:2px solid #ff66dd;box-shadow:0 0 20px #f0a,0 0 40px #ff00aa80,inset 0 2px 4px #ffffff4d;z-index:1}.joy-4-base{width:120px;height:120px;border-radius:50%;background:repeating-linear-gradient(90deg,#1a1a1a 0px 2px,#1f1f1f 2px 4px);border:4px solid #2a2a2a;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:inset 0 2px 4px #ffffff0d,inset 0 -2px 4px #00000080,0 4px 20px #00000080}.joy-4-bolt{position:absolute;width:10px;height:10px;background:linear-gradient(135deg,#444,#222);border-radius:50%;border:1px solid #555;box-shadow:inset 0 1px 2px #ffffff1a}.joy-4-bolt:after{content:"";position:absolute;inset:2px;background:linear-gradient(45deg,#333,#444);clip-path:polygon(30% 0%,70% 0%,70% 30%,100% 30%,100% 70%,70% 70%,70% 100%,30% 100%,30% 70%,0% 70%,0% 30%,30% 30%)}.joy-4-bolt-1{top:12px;left:50%;transform:translate(-50%)}.joy-4-bolt-2{bottom:12px;left:50%;transform:translate(-50%)}.joy-4-bolt-3{left:12px;top:50%;transform:translateY(-50%)}.joy-4-bolt-4{right:12px;top:50%;transform:translateY(-50%)}.joy-4-track{position:absolute;width:70px;height:70px;border-radius:50%;border:3px solid #222;background:repeating-conic-gradient(from 0deg,#1a1a1a 0deg 15deg,#151515 15deg 30deg);box-shadow:inset 0 2px 8px #000c}.joy-4-stick{width:45px;height:45px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#3a3a3a,#1a1a1a);border:3px solid #444;box-shadow:0 4px 8px #00000080,inset 0 1px 2px #ffffff1a;z-index:1;background-image:radial-gradient(circle at 30% 30%,#3a3a3a,#1a1a1a),repeating-radial-gradient(circle at 50% 50%,transparent 0px,transparent 3px,rgba(0,0,0,.1) 3px,rgba(0,0,0,.1) 4px)}.joy-5-base{width:120px;height:120px;border-radius:50%;background:#ffffff08;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 8px 32px #0000004d,inset 0 1px 1px #ffffff0d}.joy-5-inner{position:absolute;width:85px;height:85px;border-radius:50%;background:#ffffff05;border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 2px 10px #0003}.joy-5-stick{width:50px;height:50px;border-radius:25px;background:linear-gradient(145deg,#ffffff1a,#ffffff05);border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 20px #0000004d,0 0 40px #ffffff0d,inset 0 1px 2px #ffffff1a;z-index:1}.joy-6-base{width:120px;height:120px;border-radius:50%;background:#00140ae6;border:2px solid rgba(0,255,136,.3);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 0 20px #0f83,inset 0 0 30px #00ff880d}.joy-6-grid{position:absolute;inset:0;border-radius:50%;background:linear-gradient(0deg,transparent 49%,rgba(0,255,136,.1) 50%,transparent 51%),linear-gradient(90deg,transparent 49%,rgba(0,255,136,.1) 50%,transparent 51%);background-size:20px 20px}.joy-6-ring{position:absolute;border-radius:50%;border:1px solid rgba(0,255,136,.2)}.joy-6-ring-1{width:80px;height:80px}.joy-6-ring-2{width:50px;height:50px}.joy-6-tick{position:absolute;width:8px;height:2px;background:#00ff8880}.joy-6-tick-n{top:8px;left:50%;transform:translate(-50%)}.joy-6-tick-s{bottom:8px;left:50%;transform:translate(-50%)}.joy-6-tick-e{right:8px;top:50%;transform:translateY(-50%) rotate(90deg)}.joy-6-tick-w{left:8px;top:50%;transform:translateY(-50%) rotate(90deg)}.joy-6-stick{width:40px;height:40px;border-radius:50%;background:#00140acc;border:2px solid rgba(0,255,136,.6);display:flex;align-items:center;justify-content:center;z-index:1;box-shadow:0 0 15px #00ff884d,inset 0 0 10px #00ff881a}.joy-6-crosshair{width:20px;height:20px;position:relative}.joy-6-crosshair:before,.joy-6-crosshair:after{content:"";position:absolute;background:#0f8c}.joy-6-crosshair:before{width:100%;height:2px;top:50%;transform:translateY(-50%)}.joy-6-crosshair:after{width:2px;height:100%;left:50%;transform:translate(-50%)}.joy-7-base{width:120px;height:120px;border-radius:50%;background:repeating-linear-gradient(90deg,#1a1a1a 0px 2px,#1f1f1f 2px 4px);border:4px solid #2a2a2a;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:inset 0 2px 4px #ffffff0d,inset 0 -2px 4px #00000080,0 4px 20px #00000080,0 0 30px #b464ff1a}.joy-7-bolt{position:absolute;width:10px;height:10px;background:linear-gradient(135deg,#444,#222);border-radius:50%;border:1px solid #555;box-shadow:inset 0 1px 2px #ffffff1a}.joy-7-bolt:after{content:"";position:absolute;inset:2px;background:linear-gradient(45deg,#333,#444);clip-path:polygon(30% 0%,70% 0%,70% 30%,100% 30%,100% 70%,70% 70%,70% 100%,30% 100%,30% 70%,0% 70%,0% 30%,30% 30%)}.joy-7-bolt-1{top:12px;left:50%;transform:translate(-50%)}.joy-7-bolt-2{bottom:12px;left:50%;transform:translate(-50%)}.joy-7-bolt-3{left:12px;top:50%;transform:translateY(-50%)}.joy-7-bolt-4{right:12px;top:50%;transform:translateY(-50%)}.joy-7-groove{position:absolute;width:85px;height:85px;border-radius:50%;border:2px solid rgba(0,0,0,.4);background:radial-gradient(circle,rgba(180,100,255,.02) 0%,transparent 60%);box-shadow:inset 0 1px 3px #00000080}.joy-7-stick{width:50px;height:50px;border-radius:50%;background:radial-gradient(ellipse at 30% 20%,rgba(255,220,255,.25) 0%,transparent 40%),radial-gradient(ellipse at 70% 80%,rgba(60,20,100,.6) 0%,transparent 50%),radial-gradient(circle,#a050dc80,#6428a066,#3c146480);border:2px solid rgba(200,120,255,.5);box-shadow:0 6px 25px #b464ff80,0 0 40px #b464ff40,inset 0 3px 6px #ffffff26,inset 0 -3px 8px #0006;z-index:1}.joy-8-base{width:120px;height:120px;border-radius:50%;background:#0a0a0a;border:3px solid #1a1a1a;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:inset 0 0 30px #000c,0 8px 30px #0009}.joy-8-chrome-ring{position:absolute;width:130px;height:130px;border-radius:50%;border:2px solid #333;background:linear-gradient(135deg,#2a2a2a,#1a1a1a,#2a2a2a);box-shadow:inset 0 1px 1px #ffffff1a,0 0 20px #b464ff26}.joy-8-bolt{position:absolute;width:8px;height:8px;background:linear-gradient(135deg,#3a3a3a,#1a1a1a);border-radius:50%;border:1px solid #444;z-index:2}.joy-8-bolt-1{top:18px;left:50%;transform:translate(-50%)}.joy-8-bolt-2{bottom:18px;left:50%;transform:translate(-50%)}.joy-8-bolt-3{left:18px;top:50%;transform:translateY(-50%)}.joy-8-bolt-4{right:18px;top:50%;transform:translateY(-50%)}.joy-8-track{position:absolute;width:70px;height:70px;border-radius:50%;border:2px solid #151515;background:#080808;box-shadow:inset 0 2px 8px #000000e6}.joy-8-stick{width:48px;height:48px;border-radius:50%;background:radial-gradient(ellipse at 30% 20%,rgba(255,200,255,.4) 0%,transparent 40%),radial-gradient(circle,#b450ffb3,#7828c899,#50148cb3);border:2px solid rgba(220,140,255,.7);box-shadow:0 0 30px #b464ffb3,0 0 60px #b464ff4d,inset 0 2px 4px #fff3,inset 0 -2px 6px #0000004d;z-index:1}.joy-9-base{width:120px;height:120px;border-radius:50%;background:#151515;border:3px solid #252525;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:inset 0 2px 3px #ffffff05,inset 0 -2px 6px #0006,0 4px 15px #0006}.joy-9-bolt{position:absolute;width:6px;height:6px;background:#2a2a2a;border-radius:50%;border:1px solid #333}.joy-9-bolt-1{top:15px;left:50%;transform:translate(-50%)}.joy-9-bolt-2{bottom:15px;left:50%;transform:translate(-50%)}.joy-9-bolt-3{left:15px;top:50%;transform:translateY(-50%)}.joy-9-bolt-4{right:15px;top:50%;transform:translateY(-50%)}.joy-9-groove{position:absolute;width:80px;height:80px;border-radius:50%;border:1px solid #1a1a1a;background:#111;box-shadow:inset 0 2px 6px #0009}.joy-9-stick{width:46px;height:46px;border-radius:50%;background:radial-gradient(ellipse at 35% 25%,rgba(200,180,220,.15) 0%,transparent 50%),radial-gradient(circle,#643c8c66,#3c1e5a80 60%,#28143c99);border:1px solid rgba(150,100,200,.3);box-shadow:0 4px 15px #7850b440,0 0 25px #7850b426,inset 0 2px 4px #ffffff14,inset 0 -2px 4px #0000004d;z-index:1}.joy-10-base{width:120px;height:120px;border-radius:50%;background:#151515;border:3px solid #252525;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:inset 0 2px 3px #ffffff05,inset 0 -2px 6px #0006,0 4px 15px #0006}.joy-10-bolt{position:absolute;width:6px;height:6px;background:#2a2a2a;border-radius:50%;border:1px solid #333}.joy-10-bolt-1{top:15px;left:50%;transform:translate(-50%)}.joy-10-bolt-2{bottom:15px;left:50%;transform:translate(-50%)}.joy-10-bolt-3{left:15px;top:50%;transform:translateY(-50%)}.joy-10-bolt-4{right:15px;top:50%;transform:translateY(-50%)}.joy-10-groove{position:absolute;width:80px;height:80px;border-radius:50%;border:1px solid #1a1a1a;background:#111;box-shadow:inset 0 2px 6px #0009}.joy-10-stick{width:46px;height:46px;border-radius:50%;background:radial-gradient(ellipse 60% 40% at 35% 25%,rgba(255,255,255,.25) 0%,transparent 50%),radial-gradient(ellipse 80% 80% at 50% 50%,#8b5fc0,#6b3fa0,#4a2878 80%,#3a1d60);border:2px solid #7d4db8;box-shadow:0 5px 15px #6b3fa080,0 0 25px #6b3fa040,inset 0 -4px 8px #0006,inset 0 1px 2px #ffffff1a;z-index:1}.lab-footer{text-align:center;margin-top:50px;padding-top:30px;border-top:1px solid #222;color:#666;font-size:14px}.achievement-test-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);padding:40px 20px;color:#fff;font-family:system-ui,-apple-system,sans-serif}.test-header{text-align:center;margin-bottom:40px}.test-header h1{font-size:36px;margin-bottom:10px;background:linear-gradient(90deg,#0ff,#ff10f0,#f60,#00ff41);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.test-header p{color:#ffffffb3;margin-bottom:20px}.reset-btn{padding:12px 24px;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s}.reset-btn:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.test-controls{display:flex;flex-direction:column;gap:15px;align-items:center;margin-top:20px}.control-group{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center}.control-group label{font-size:14px;font-weight:600;color:#ffffffe6}.toggle-btn{padding:10px 20px;background:#ffffff0d;border:2px solid rgba(255,255,255,.2);color:#ffffffb3;font-size:13px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s}.toggle-btn:hover{background:#ffffff1a;border-color:#fff6}.toggle-btn.active{background:#4a90e233;border-color:#4a90e2;color:#4a90e2}.test-animation-btn{padding:10px 20px;background:#00ff881a;border:2px solid rgba(0,255,136,.3);color:#0f8;font-size:13px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s}.test-animation-btn:hover{background:#0f83;border-color:#00ff8880;transform:scale(1.05)}.designs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px;max-width:1400px;margin:0 auto}.design-card{background:#ffffff0d;border-radius:16px;padding:20px}.design-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid}.design-label h3{font-size:18px;margin:0;display:flex;align-items:center;gap:8px}.design-number{display:inline-block;background:#ffffff1a;padding:2px 8px;border-radius:4px;font-size:14px;font-weight:700}.design-label button{padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:12px;border-radius:6px;cursor:pointer;transition:all .2s}.design-label button:hover{background:#fff3;transform:scale(1.05)}.design-preview{display:flex;justify-content:center;align-items:center;min-height:250px}.design-large{text-align:center;max-width:800px;margin:0 auto}.design-large h2{font-size:32px;margin-bottom:40px;color:#0ff}.achievement-preview{position:relative;width:100%;max-width:400px}.achievement-preview.large{max-width:600px;transform:scale(1.2);margin:60px 0}.achievement-neon{position:relative;background:#00141ef2;border:3px solid rgba(0,255,255,.8);border-radius:16px;padding:24px 30px;box-shadow:0 0 30px #00ffff80,0 0 60px #00ffff4d,inset 0 0 30px #00ffff26;animation:neonPulse 2s ease-in-out infinite;overflow:hidden}.neon-glow-ring{position:absolute;inset:-10px;border-radius:16px;background:conic-gradient(from 0deg,transparent 0%,rgba(0,255,255,.5) 25%,transparent 50%,rgba(0,255,255,.5) 75%,transparent 100%);animation:neonRotate 4s linear infinite;z-index:-1;filter:blur(20px)}@keyframes neonPulse{0%,to{box-shadow:0 0 30px #00ffff80,0 0 60px #00ffff4d,inset 0 0 30px #00ffff26}50%{box-shadow:0 0 50px #00ffffb3,0 0 100px #00ffff80,inset 0 0 50px #00ffff40}}@keyframes neonRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.neon-header{text-align:center;margin-bottom:15px}.neon-badge{color:#0ff;font-size:11px;font-weight:700;letter-spacing:3px;text-shadow:0 0 15px rgba(0,255,255,.8);animation:neonFlicker 3s ease-in-out infinite}@keyframes neonFlicker{0%,to{opacity:1}50%{opacity:.8}51%{opacity:1}52%{opacity:.9}53%{opacity:1}}.neon-content{display:flex;align-items:center;gap:20px;margin-bottom:15px}.neon-icon-wrapper{position:relative;width:70px;height:70px;display:flex;align-items:center;justify-content:center}.neon-icon-glow{position:absolute;inset:-10px;background:radial-gradient(circle,rgba(0,255,255,.5) 0%,transparent 70%);animation:neonIconPulse 1.5s ease-in-out infinite}@keyframes neonIconPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:.8}}.neon-icon{font-size:56px;filter:drop-shadow(0 0 15px rgba(0,255,255,.8));animation:neonIconFloat 3s ease-in-out infinite;position:relative;z-index:1}@keyframes neonIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.neon-text{flex:1}.neon-title{color:#0ff;font-size:24px;font-weight:700;text-shadow:0 0 12px rgba(0,255,255,.8);margin-bottom:6px;line-height:1.2}.neon-description{color:#ffffffe6;font-size:14px;line-height:1.4}.neon-reward{text-align:center;color:gold;font-size:13px;font-weight:700;text-shadow:0 0 10px rgba(255,215,0,.8);letter-spacing:2px}.neon-particles{position:absolute;inset:0;pointer-events:none}.neon-particle{position:absolute;top:50%;left:50%;width:4px;height:4px;background:#0ff;border-radius:50%;box-shadow:0 0 10px #0ffc;animation:neonParticleFloat 2s ease-out infinite;animation-delay:var(--delay)}@keyframes neonParticleFloat{0%{transform:translate(-50%,-50%) rotate(var(--angle)) translate(0);opacity:1}to{transform:translate(-50%,-50%) rotate(var(--angle)) translate(100px);opacity:0}}.achievement-synthwave{position:relative;background:linear-gradient(135deg,#1a0033,#306,#609);border:3px solid #ff10f0;border-radius:12px;padding:24px 30px;box-shadow:0 0 40px #ff10f099,inset 0 0 40px #ff10f01a;overflow:hidden}.synthwave-scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.3) 0px,transparent 2px,transparent 4px);pointer-events:none;z-index:10;animation:synthwaveScan 8s linear infinite}@keyframes synthwaveScan{0%{transform:translateY(0)}to{transform:translateY(4px)}}.synthwave-vhs-noise{position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0px,transparent 2px);animation:synthwaveNoise .2s steps(1) infinite;pointer-events:none}@keyframes synthwaveNoise{0%{opacity:.03;transform:translate(0)}50%{opacity:.06;transform:translate(2px)}to{opacity:.03;transform:translate(0)}}.synthwave-header{text-align:center;margin-bottom:15px}.synthwave-badge{color:#ff10f0;font-size:10px;font-weight:700;letter-spacing:4px;text-shadow:0 0 10px rgba(255,16,240,1),0 0 20px rgba(255,16,240,.5);font-family:Courier New,monospace}.synthwave-content{display:flex;align-items:center;gap:20px;margin-bottom:15px;position:relative;z-index:2}.synthwave-icon-wrapper{position:relative;width:70px;height:70px;display:flex;align-items:center;justify-content:center}.synthwave-icon{font-size:56px;filter:drop-shadow(0 4px 0 #ff10f0) drop-shadow(0 0 20px rgba(255,16,240,.8));animation:synthwaveIconBounce 1s ease-in-out infinite}@keyframes synthwaveIconBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}.synthwave-grid{position:absolute;inset:-20px;background-image:linear-gradient(90deg,rgba(255,16,240,.2) 1px,transparent 1px),linear-gradient(0deg,rgba(255,16,240,.2) 1px,transparent 1px);background-size:20px 20px;animation:synthwaveGridMove 20s linear infinite;pointer-events:none}@keyframes synthwaveGridMove{0%{transform:perspective(500px) rotateX(60deg) translateY(0)}to{transform:perspective(500px) rotateX(60deg) translateY(20px)}}.synthwave-text{flex:1}.synthwave-title{color:#ff10f0;font-size:24px;font-weight:700;text-shadow:2px 2px 0 #00ffff,0 0 20px rgba(255,16,240,.8);margin-bottom:6px;line-height:1.2;font-family:Impact,sans-serif;letter-spacing:1px}.synthwave-description{color:#0ff;font-size:14px;line-height:1.4;text-shadow:0 0 10px rgba(0,255,255,.5)}.synthwave-reward{text-align:center;margin-top:10px}.synthwave-reward-glow{display:inline-block;color:gold;font-size:13px;font-weight:700;letter-spacing:2px;background:linear-gradient(90deg,#ff10f0,gold,#ff10f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:synthwaveRewardGlow 2s ease-in-out infinite}@keyframes synthwaveRewardGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.5)}}.synthwave-border-glow{position:absolute;inset:-3px;border-radius:12px;background:linear-gradient(45deg,#ff10f0,#0ff,gold,#ff10f0);background-size:300% 300%;animation:synthwaveBorderMove 4s ease infinite;z-index:-1;filter:blur(10px)}@keyframes synthwaveBorderMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.achievement-street{position:relative;background:#1a1a1a;border:4px solid #ff6600;border-radius:8px;padding:24px 30px;box-shadow:8px 8px #ff66004d,0 0 40px #f603;transform:rotate(-1deg);overflow:hidden}.street-spray-bg{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(255,102,0,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,0,100,.1) 0%,transparent 50%);pointer-events:none;animation:streetSprayMove 10s ease-in-out infinite}@keyframes streetSprayMove{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(5deg)}}.street-header{text-align:center;margin-bottom:15px;transform:rotate(1deg)}.street-badge{color:#f60;font-size:16px;font-weight:900;letter-spacing:3px;text-shadow:3px 3px 0 #000,0 0 20px rgba(255,102,0,.8);font-family:Impact,sans-serif;text-transform:uppercase;display:inline-block;background:linear-gradient(180deg,#f60,#f93,#f60);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:streetBadgeShake .5s ease-in-out infinite}@keyframes streetBadgeShake{0%,to{transform:translate(0)}25%{transform:translate(-2px) rotate(-1deg)}75%{transform:translate(2px) rotate(1deg)}}.street-content{display:flex;align-items:center;gap:20px;margin-bottom:15px;position:relative;z-index:2}.street-icon-wrapper{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.street-icon{font-size:64px;filter:drop-shadow(4px 4px 0 #ff6600) drop-shadow(0 0 20px rgba(255,102,0,.8));animation:streetIconBounce .6s cubic-bezier(.68,-.55,.265,1.55) infinite;transform-origin:bottom}@keyframes streetIconBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.1)}}.street-icon-shadow{position:absolute;bottom:-10px;width:60%;height:10px;background:#0006;border-radius:50%;filter:blur(8px);animation:streetShadowPulse .6s ease-in-out infinite}@keyframes streetShadowPulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(.8);opacity:.2}}.street-text{flex:1}.street-title{color:#fff;font-size:28px;font-weight:900;text-shadow:3px 3px 0 #ff6600,6px 6px 0 rgba(0,0,0,.5);margin-bottom:6px;line-height:1.1;font-family:Impact,sans-serif;letter-spacing:2px;transform:skew(-5deg)}.street-description{color:#ffffffe6;font-size:14px;line-height:1.4;font-weight:600;text-shadow:1px 1px 0 rgba(0,0,0,.5)}.street-reward{text-align:center;margin-top:10px}.street-reward-tag{display:inline-block;background:gold;color:#000;font-size:16px;font-weight:900;padding:6px 16px;border-radius:4px;box-shadow:3px 3px #0000004d,0 0 20px #ffd70080;transform:rotate(-3deg);animation:streetRewardPop 1s ease-in-out infinite}@keyframes streetRewardPop{0%,to{transform:rotate(-3deg) scale(1)}50%{transform:rotate(3deg) scale(1.05)}}.street-drips{position:absolute;top:0;left:0;right:0;height:100%;pointer-events:none}.street-drip{position:absolute;top:0;width:3px;height:0;background:linear-gradient(180deg,#ff6600,transparent);animation:streetDripFall 2s ease-in infinite}@keyframes streetDripFall{0%{height:0}50%{height:40px}to{height:40px;opacity:0}}.achievement-glitch{position:relative;background:#000;border:2px solid #00ff41;border-radius:0;padding:24px 30px;box-shadow:inset 0 0 20px #00ff4133,0 0 30px #00ff414d;font-family:Courier New,monospace;overflow:hidden;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.glitch-bg{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,255,65,.03) 0px,transparent 2px,transparent 4px),repeating-linear-gradient(90deg,rgba(0,255,65,.03) 0px,transparent 2px,transparent 4px);animation:glitchBgShift .3s steps(1) infinite}@keyframes glitchBgShift{0%{transform:translate(0)}25%{transform:translate(2px)}50%{transform:translateY(2px)}75%{transform:translate(-2px)}to{transform:translateY(-2px)}}.glitch-scanline{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(0,255,65,.1) 50%,transparent 100%);height:100px;animation:glitchScanlineMove 3s linear infinite;pointer-events:none;z-index:5}@keyframes glitchScanlineMove{0%{transform:translateY(-100%)}to{transform:translateY(400%)}}.glitch-header{text-align:center;margin-bottom:15px}.glitch-badge{position:relative;color:#00ff41;font-size:10px;font-weight:700;letter-spacing:4px;text-shadow:0 0 10px rgba(0,255,65,.8);display:inline-block}.glitch-badge:before,.glitch-badge:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-badge:before{color:#ff0080;animation:glitchBefore .5s cubic-bezier(.25,.46,.45,.94) infinite;clip-path:polygon(0 0,100% 0,100% 45%,0 45%)}.glitch-badge:after{color:#0ff;animation:glitchAfter .7s cubic-bezier(.25,.46,.45,.94) infinite;clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%)}@keyframes glitchBefore{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@keyframes glitchAfter{0%,to{transform:translate(0)}20%{transform:translate(3px)}40%{transform:translate(-3px)}60%{transform:translate(3px)}80%{transform:translate(-3px)}}.glitch-content{display:flex;align-items:center;gap:20px;margin-bottom:15px;position:relative;z-index:2}.glitch-icon-wrapper{position:relative;width:70px;height:70px;display:flex;align-items:center;justify-content:center;border:2px solid #00ff41;background:#00ff410d}.glitch-icon{font-size:56px;filter:drop-shadow(0 0 15px rgba(0,255,65,.8));animation:glitchIconCorrupt 1s steps(1) infinite}@keyframes glitchIconCorrupt{0%{transform:translate(0) scale(1);filter:hue-rotate(0deg)}10%{transform:translate(-2px,2px) scale(.98);filter:hue-rotate(90deg)}20%{transform:translate(2px,-2px) scale(1.02);filter:hue-rotate(180deg)}30%{transform:translate(-2px,-2px) scale(.99);filter:hue-rotate(270deg)}40%{transform:translate(2px,2px) scale(1.01);filter:hue-rotate(0deg)}50%{transform:translate(0) scale(1);filter:hue-rotate(0deg)}to{transform:translate(0) scale(1);filter:hue-rotate(0deg)}}.glitch-icon-corruption{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(0,255,65,.3) 50%,transparent 100%);animation:glitchCorruptionSweep 2s linear infinite}@keyframes glitchCorruptionSweep{0%{transform:translate(-100%)}to{transform:translate(200%)}}.glitch-text{flex:1}.glitch-title{position:relative;color:#00ff41;font-size:24px;font-weight:700;text-shadow:0 0 12px rgba(0,255,65,.8);margin-bottom:6px;line-height:1.2;display:inline-block}.glitch-title:before,.glitch-title:after{content:attr(data-text);position:absolute;top:0;left:0}.glitch-title:before{color:#ff0080;animation:glitchTitleBefore .6s cubic-bezier(.25,.46,.45,.94) infinite}.glitch-title:after{color:#0ff;animation:glitchTitleAfter .8s cubic-bezier(.25,.46,.45,.94) infinite}@keyframes glitchTitleBefore{0%,to{transform:translate(0);opacity:0}10%{transform:translate(-5px);opacity:.8}20%{transform:translate(5px);opacity:0}}@keyframes glitchTitleAfter{0%,to{transform:translate(0);opacity:0}30%{transform:translate(5px);opacity:.8}40%{transform:translate(-5px);opacity:0}}.glitch-description{color:#00ff41;font-size:12px;line-height:1.4;opacity:.7;letter-spacing:1px}.glitch-reward{text-align:center;margin-top:10px}.glitch-reward-text{display:inline-block;color:gold;font-size:11px;font-weight:700;letter-spacing:2px;background:#ffd7001a;padding:6px 12px;border:1px solid #ffd700;box-shadow:0 0 15px #ffd7004d;animation:glitchRewardFlicker 2s steps(1) infinite}@keyframes glitchRewardFlicker{0%,to{opacity:1}50%{opacity:.8}51%{opacity:1}52%{opacity:.9}53%{opacity:1}}.glitch-grid{position:absolute;inset:0;pointer-events:none}.glitch-grid-line{position:absolute;left:0;right:0;height:1px;background:#00ff411a;animation:glitchGridFlicker 3s steps(1) infinite}.glitch-grid-line:nth-child(1){top:5%}.glitch-grid-line:nth-child(2){top:10%}.glitch-grid-line:nth-child(3){top:15%}.glitch-grid-line:nth-child(4){top:20%}.glitch-grid-line:nth-child(5){top:25%}.glitch-grid-line:nth-child(6){top:30%}.glitch-grid-line:nth-child(7){top:35%}.glitch-grid-line:nth-child(8){top:40%}.glitch-grid-line:nth-child(9){top:45%}.glitch-grid-line:nth-child(10){top:50%}.glitch-grid-line:nth-child(11){top:55%}.glitch-grid-line:nth-child(12){top:60%}.glitch-grid-line:nth-child(13){top:65%}.glitch-grid-line:nth-child(14){top:70%}.glitch-grid-line:nth-child(15){top:75%}.glitch-grid-line:nth-child(16){top:80%}.glitch-grid-line:nth-child(17){top:85%}.glitch-grid-line:nth-child(18){top:90%}.glitch-grid-line:nth-child(19){top:95%}.glitch-grid-line:nth-child(20){top:100%}@keyframes glitchGridFlicker{0%,to{opacity:.1}50%{opacity:.3}}.achievement-minimal{position:relative;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:10px;padding:16px 20px;box-shadow:0 2px 8px #00000014,0 1px 2px #0000000a;max-width:600px;animation:minimalSlideIn .4s cubic-bezier(.16,1,.3,1)}@keyframes minimalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.minimal-accent-line{position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#4a90e2,#5aa3f5);border-radius:10px 0 0 10px}.minimal-content{display:flex;align-items:center;gap:16px;padding-left:12px}.minimal-icon{font-size:42px;flex-shrink:0;animation:minimalIconPop .5s cubic-bezier(.34,1.56,.64,1) .2s backwards}@keyframes minimalIconPop{0%{transform:scale(0)}to{transform:scale(1)}}.minimal-text{flex:1;min-width:0}.minimal-badge{color:#6c757d;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:4px}.minimal-title{color:#212529;font-size:18px;font-weight:700;line-height:1.2;margin-bottom:4px}.minimal-description{color:#6c757d;font-size:13px;line-height:1.4}.minimal-reward{color:#4a90e2;font-size:16px;font-weight:700;flex-shrink:0;padding:8px 12px;background:#4a90e21a;border-radius:6px}.achievement-glass{animation:glassSlideIn .5s cubic-bezier(.16,1,.3,1)}@keyframes glassSlideIn{0%{opacity:0;transform:translate(-30px);filter:blur(10px)}to{opacity:1;transform:translate(0);filter:blur(0)}}.glass-blur-bg{position:absolute;inset:0;border-radius:12px;background:linear-gradient(135deg,#667eea1a,#764ba21a);z-index:-1}.glass-content{display:flex;flex-direction:column;gap:0;position:relative;z-index:2;background-color:#00000040;background-image:url('data:image/svg+xml;utf8,<svg width="15" height="15" xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="15" x2="15" y2="0" stroke="rgba(255,255,255,0.12)" stroke-width="1"/></svg>');background-size:15px 15px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.18);border-radius:12px;box-shadow:0 8px 32px #1f26875e;max-width:600px;overflow:hidden}.glass-header{padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.1);background:#00000080;position:relative}.glass-header:before{content:"";position:absolute;inset:0;background:#00000080;z-index:0}.glass-badge{position:relative;z-index:1;color:#ff69b4;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;text-shadow:0 0 12px rgba(255,105,180,.6)}.glass-body{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px}.glass-left{flex:1;min-width:0}.glass-title-row{display:flex;align-items:center;gap:12px;margin-bottom:6px}.glass-icon{font-size:36px;flex-shrink:0}.glass-title{color:#fff;font-size:20px;font-weight:700;line-height:1.2;text-transform:uppercase}.glass-description{color:#fffc;font-size:13px;line-height:1.4}.glass-reward{text-align:right;flex-shrink:0}.glass-reward-label{color:#fff9;font-size:9px;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:4px}.glass-reward-value{color:#ff69b4;font-size:20px;font-weight:700}.achievement-terminal{position:relative;background:#1e1e1e;border:1px solid #3e3e3e;border-radius:8px;box-shadow:0 4px 16px #0000004d,0 0 0 1px #ffffff0d;max-width:650px;font-family:Monaco,Menlo,Consolas,monospace;animation:terminalTypeIn .6s steps(20) both}@keyframes terminalTypeIn{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}.terminal-header{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#2d2d2d;border-bottom:1px solid #3e3e3e;border-radius:8px 8px 0 0}.terminal-dots{display:flex;gap:6px}.terminal-dots span{width:10px;height:10px;border-radius:50%;background:#5f5f5f}.terminal-dots span:nth-child(1){background:#ff5f56}.terminal-dots span:nth-child(2){background:#ffbd2e}.terminal-dots span:nth-child(3){background:#27c93f}.terminal-title{color:#8b8b8b;font-size:11px;font-weight:500}.terminal-content{padding:16px;display:flex;flex-direction:column;gap:8px}.terminal-line{display:flex;align-items:center;gap:12px;color:#d4d4d4;font-size:13px;line-height:1.5}.terminal-prompt{color:#0f8;font-weight:700;flex-shrink:0}.terminal-command{color:#9cdcfe}.terminal-icon{font-size:28px;flex-shrink:0}.terminal-text{color:#d4d4d4}.terminal-reward{margin-top:4px}.terminal-success{color:#0f8;font-weight:600}.achievement-card{position:relative;background:linear-gradient(135deg,#fdfcfb,#f6f5f3);border:1px solid #e8e6e3;border-radius:12px;padding:20px 24px;box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a;max-width:600px;overflow:hidden;animation:cardFlipIn .6s cubic-bezier(.16,1,.3,1)}@keyframes cardFlipIn{0%{opacity:0;transform:perspective(1000px) rotateY(-20deg)}to{opacity:1;transform:perspective(1000px) rotateY(0)}}.card-shine{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);animation:cardShine 3s ease-in-out infinite;pointer-events:none}@keyframes cardShine{0%,to{transform:translate(-100%) translateY(-100%)}10%,90%{transform:translate(100%) translateY(100%)}}.card-content{display:flex;flex-direction:column;gap:12px}.card-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:2px solid #f59e0b}.card-badge{color:#f59e0b;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.card-icon{font-size:40px;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.1))}.card-body{padding:4px 0}.card-title{color:#1f2937;font-size:20px;font-weight:700;line-height:1.2;margin-bottom:6px}.card-description{color:#6b7280;font-size:14px;line-height:1.5}.card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #e5e7eb}.card-reward-label{color:#9ca3af;font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.card-reward-value{color:#f59e0b;font-size:18px;font-weight:700}@media(max-width:900px){.designs-grid{grid-template-columns:1fr}.achievement-preview.large{transform:scale(1)}}@media(max-width:600px){.test-header h1{font-size:24px}.achievement-preview{max-width:100%}}:root{--color-primary: #ff6b35;--color-secondary: #f7c59f;--color-danger: #e63946;--color-success: #2a9d8f;--color-dark: #1a1a2e;--color-light: #eaeaea;--star-active: #ffd700;--star-inactive: #333;--hud-bg: rgba(0, 0, 0, .6);--hud-border: rgba(255, 255, 255, .1);--font-main: "Segoe UI", system-ui, -apple-system, sans-serif;--font-display: "Impact", "Arial Black", sans-serif}*{margin:0;padding:0;box-sizing:border-box}button,[role=button],.interactive,.action-button,.mobile-btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.game-canvas,canvas{touch-action:none}html,body{width:100%;height:100%;overflow:hidden;font-family:var(--font-main);background:var(--color-dark);color:var(--color-light)}#root{width:100%;height:100%;position:relative}.game-container{width:100%;height:100%;position:relative;overflow:hidden}.game-canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block;outline:none;cursor:none}.hud-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100}.hud-overlay>*{pointer-events:auto}.wanted-stars{position:absolute;top:20px;right:20px;display:flex;gap:4px}.wanted-star{width:32px;height:32px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));transition:transform .15s ease,filter .15s ease}.wanted-star.active{animation:starPulse .5s ease-in-out}@keyframes starPulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.weapon-display{position:absolute;bottom:20px;right:20px;display:flex;align-items:center;gap:12px;background:var(--hud-bg);padding:12px 16px;border-radius:8px;border:1px solid var(--hud-border)}.weapon-icon{width:48px;height:48px;object-fit:contain}.weapon-info{display:flex;flex-direction:column;gap:4px}.weapon-name{font-size:14px;font-weight:600;color:var(--color-secondary)}.weapon-ammo{font-size:20px;font-weight:700}.cooldown-bar{width:100%;height:4px;background:var(--hud-border);border-radius:2px;overflow:hidden}.cooldown-fill{height:100%;background:var(--color-primary);transition:width .1s linear}.score-display{position:absolute;top:20px;left:20px;background:var(--hud-bg);padding:12px 20px;border-radius:8px;border:1px solid var(--hud-border)}.score-value{font-size:28px;font-weight:700;font-family:var(--font-display);color:var(--color-primary)}.score-label{font-size:12px;text-transform:uppercase;opacity:.7}.multiplier{font-size:16px;color:var(--color-secondary);margin-left:8px}.mobile-controls{display:none}@media(pointer:coarse){.mobile-controls{display:block}}.joystick-zone{position:absolute;bottom:40px;left:40px;width:120px;height:120px}.joystick-base{width:100%;height:100%;background:#ffffff26;border:2px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center}.joystick-stick{width:50px;height:50px;background:#fff6;border-radius:50%;transition:transform .05s ease-out}.action-buttons{position:absolute;bottom:40px;right:40px;display:flex;flex-direction:column;gap:12px}.action-button{width:64px;height:64px;border-radius:50%;background:#fff3;border:2px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;cursor:pointer;transition:transform .1s ease,background .1s ease;-webkit-tap-highlight-color:transparent}.action-button:active{transform:scale(.9);background:#fff6}.action-button.fire{width:80px;height:80px;background:#ff6b3566;border-color:var(--color-primary)}.weapon-switcher{position:absolute;bottom:100px;left:50%;transform:translate(-50%);display:flex;gap:8px}.weapon-slot{width:48px;height:48px;background:var(--hud-bg);border:2px solid var(--hud-border);border-radius:8px;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .15s,border-color .15s,transform .15s}.weapon-slot.active{opacity:1;border-color:var(--color-primary);transform:scale(1.1)}.weapon-slot img{width:32px;height:32px;object-fit:contain}.arrest-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:200;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.arrest-title{font-size:48px;font-family:var(--font-display);color:var(--color-danger);text-transform:uppercase;margin-bottom:20px;text-shadow:0 4px 20px rgba(230,57,70,.5)}.arrest-score{font-size:24px;margin-bottom:40px}.arrest-button{padding:16px 48px;font-size:20px;font-weight:700;background:var(--color-primary);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:transform .15s,box-shadow .15s}.arrest-button:hover{transform:scale(1.05);box-shadow:0 4px 20px #ff6b3566}.loading-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:#1a1a1a;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:300;overflow:hidden}.loading-logo{margin-bottom:40px;animation:logoFloat 3s ease-in-out infinite}.loading-logo img{max-width:160px;width:40vw;height:auto;filter:drop-shadow(0 0 30px rgba(255,0,100,.3))}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.loading-bar-container{display:flex;align-items:center;gap:16px}.loading-bar{width:280px;height:6px;background:#333;border-radius:3px;overflow:hidden;box-shadow:inset 0 1px 3px #00000080}.loading-fill{height:100%;background:linear-gradient(90deg,#f06,#f48,#f06);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;transition:width .2s ease-out;box-shadow:0 0 12px #ff006499}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-percentage{font-family:var(--font-mono);font-size:14px;color:#888;min-width:40px}.loading-text{margin-top:20px;font-size:13px;color:#666;text-transform:uppercase;letter-spacing:2px}.loading-hints{margin-top:50px;display:flex;flex-direction:column;gap:8px;font-size:12px;color:#555}.hint-row{display:flex;align-items:center;justify-content:center;gap:6px}.hint-key{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:3px;padding:2px 6px;font-family:var(--font-mono);font-size:10px;color:#888}.hint-separator{color:#444;margin:0 4px}.loading-scanlines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);opacity:.3}.loading-vignette{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.4) 100%)}.crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;pointer-events:none}.debug-overlay{position:absolute;top:60px;left:20px;background:#000c;padding:12px;border-radius:8px;font-family:monospace;font-size:12px;color:#0f0;max-width:300px}.debug-overlay.hidden{display:none}@media(max-width:768px){.wanted-stars{top:10px;right:10px}.wanted-star{width:24px;height:24px}.score-display{top:10px;left:10px;padding:8px 12px}.score-value{font-size:20px}.weapon-display{inset:10px auto auto 50%;transform:translate(-50%);padding:8px 12px}}