@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap";html,body{margin:0;padding:0;overflow:hidden;width:100%;height:100%;background:#000}canvas{display:block}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #3178c6aa)}.card{padding:2em}.read-the-docs{color:#888}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--cp-primary: #08fdd8;--cp-accent: #8600f4;--cp-bg-overlay: rgba(0, 0, 0, .7)}body{font-family:Orbitron,sans-serif}#crosshair{position:fixed;top:50%;left:50%;width:32px;height:32px;border:2px solid var(--cp-primary);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px var(--cp-primary),0 0 16px var(--cp-primary);pointer-events:none;z-index:500;display:flex;justify-content:center;align-items:center}#crosshair .line{position:absolute;background:var(--cp-primary);box-shadow:0 0 8px var(--cp-primary);border-radius:1px}#crosshair .top{left:50%;top:0;width:2px;height:8px;transform:translate(-50%)}#crosshair .bottom{left:50%;bottom:0;width:2px;height:8px;transform:translate(-50%)}#crosshair .left{top:50%;left:0;width:8px;height:2px;transform:translateY(-50%)}#crosshair .right{top:50%;right:0;width:8px;height:2px;transform:translateY(-50%)}#crosshair .ads-dot{position:absolute;top:50%;left:50%;width:6px;height:6px;background:var(--cp-primary);border-radius:50%;box-shadow:0 0 8px var(--cp-primary);transform:translate(-50%,-50%);opacity:0}#crosshair.weapon-pistol,#crosshair.weapon-assault-rifle,#crosshair.weapon-smg,#crosshair.weapon-lmg,#crosshair.weapon-marksman-rifle,#crosshair.weapon-sniper-rifle,#crosshair.weapon-grenade-launcher{border:none;box-shadow:none}#crosshair.weapon-shotgun{width:40px;height:40px;border-width:3px}#crosshair.weapon-shotgun .line{display:none}#crosshair.weapon-assault-rifle .top,#crosshair.weapon-assault-rifle .bottom{height:6px}#crosshair.weapon-assault-rifle .left,#crosshair.weapon-assault-rifle .right{width:6px}#crosshair.weapon-smg .top,#crosshair.weapon-smg .bottom{height:4px}#crosshair.weapon-smg .left,#crosshair.weapon-smg .right{width:4px}#crosshair.weapon-lmg .top,#crosshair.weapon-lmg .bottom{height:10px}#crosshair.weapon-lmg .left,#crosshair.weapon-lmg .right{width:10px}#crosshair.weapon-marksman-rifle .line{background:var(--cp-accent);box-shadow:0 0 8px var(--cp-accent)}#crosshair.weapon-grenade-launcher .top,#crosshair.weapon-grenade-launcher .bottom{height:12px}#crosshair.weapon-grenade-launcher .left,#crosshair.weapon-grenade-launcher .right{width:12px}#crosshair.weapon-rocket-launcher{width:40px;height:40px;border-width:3px}#crosshair.weapon-rocket-launcher .line{display:none}#pause-menu{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--cp-bg-overlay);display:none;flex-direction:column;align-items:center;justify-content:center;font-family:inherit;z-index:1000}#pause-menu button{background:transparent;border:2px solid var(--cp-primary);color:var(--cp-primary);padding:12px 24px;margin:8px;font-size:1.2em;cursor:pointer;box-shadow:0 0 8px var(--cp-primary);transition:all .3s ease;font-family:Orbitron,monospace;text-transform:uppercase;letter-spacing:1px}#pause-menu button:hover{color:var(--cp-accent);border-color:var(--cp-accent);box-shadow:0 0 12px var(--cp-accent);background:#00ffff1a}.settings-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--cp-bg-main);border:2px solid var(--cp-primary);border-radius:8px;padding:24px;min-width:400px;max-width:500px;box-shadow:0 0 30px var(--cp-primary);z-index:2000;backdrop-filter:blur(10px)}.settings-title{color:var(--cp-primary);text-align:center;margin-bottom:20px;font-family:Orbitron,monospace;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px var(--cp-primary)}.settings-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px}.settings-label{color:var(--cp-primary);font-family:Orbitron,monospace;font-size:.9em;font-weight:600;min-width:150px}.settings-slider{flex:1;height:6px;background:var(--cp-bg-secondary);border:1px solid var(--cp-primary);border-radius:3px;outline:none;appearance:none;-webkit-appearance:none}.settings-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:16px;height:16px;background:var(--cp-primary);border-radius:50%;cursor:pointer;box-shadow:0 0 8px var(--cp-primary)}.settings-slider::-moz-range-thumb{width:16px;height:16px;background:var(--cp-primary);border-radius:50%;cursor:pointer;border:none;box-shadow:0 0 8px var(--cp-primary)}.settings-value{color:var(--cp-accent);font-family:Orbitron,monospace;font-weight:700;min-width:40px;text-align:right}.settings-checkbox{width:18px;height:18px;accent-color:var(--cp-primary);cursor:pointer}.settings-close-btn{background:var(--cp-primary);color:var(--cp-bg-main);border:none;padding:10px 20px;margin-top:20px;width:100%;font-family:Orbitron,monospace;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;border-radius:4px;transition:all .3s ease}.settings-close-btn:hover{background:var(--cp-accent);box-shadow:0 0 15px var(--cp-accent)}#weapon-info,#health-info,#ammo-info{position:fixed;background:var(--cp-bg-overlay);color:var(--cp-primary);padding:8px 12px;border:1px solid var(--cp-primary);border-radius:4px;box-shadow:0 0 8px var(--cp-primary);font-family:inherit;font-size:14px;pointer-events:none;z-index:500}#weapon-info{bottom:10px;right:10px}#health-info{top:10px;left:10px}#ammo-info{bottom:10px;left:10px}strong{color:var(--cp-accent);text-shadow:0 0 4px var(--cp-accent)}#health-info .health-bar-container{width:120px;height:8px;background:var(--cp-bg-overlay);border:1px solid var(--cp-primary);border-radius:4px;overflow:hidden;margin-top:4px}#health-info .health-bar{height:100%;background:var(--cp-accent);width:100%;transition:width .2s ease}#hit-marker{position:fixed;top:50%;left:50%;width:30px;height:30px;transform:translate(-50%,-50%);pointer-events:none;z-index:600;opacity:0;transition:opacity .1s ease}#hit-marker .hit-line{position:absolute;width:2px;height:20px;background:var(--cp-accent);top:50%;left:50%;transform-origin:center}#hit-marker .pos-diag{transform:translate(-50%,-50%) rotate(45deg)}#hit-marker .neg-diag{transform:translate(-50%,-50%) rotate(-45deg)}@keyframes hitmarker{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}#hit-marker.active{animation:hitmarker .3s ease-out}#death-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;color:var(--cp-primary);display:flex;justify-content:center;align-items:center;z-index:1000;font-family:Orbitron,sans-serif}#death-screen .death-content{text-align:center;padding:40px;border:2px solid var(--cp-primary);border-radius:8px;background:var(--cp-bg-overlay);box-shadow:0 0 20px var(--cp-primary)}#death-screen h1{font-size:3em;margin-bottom:20px;color:var(--cp-accent);text-shadow:0 0 10px var(--cp-accent);animation:pulse 2s infinite}#death-screen p{font-size:1.5em;margin:0;color:var(--cp-primary)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.main-menu{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:none}.main-menu-background{width:100%;height:100%;background:linear-gradient(135deg,#000,#1a0033,#000);background-image:radial-gradient(circle at 20% 80%,rgba(8,253,216,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(134,0,244,.1) 0%,transparent 50%);display:flex;align-items:center;justify-content:center;animation:backgroundPulse 20s ease-in-out infinite}.main-menu-content{text-align:center;color:#fff;max-width:600px;padding:2rem}.game-title{font-size:4rem;font-weight:700;color:var(--cp-primary);text-shadow:0 0 20px var(--cp-primary),0 0 40px var(--cp-primary),0 0 60px var(--cp-primary);margin:0 0 1rem;letter-spacing:.1em;animation:titleGlow 3s ease-in-out infinite alternate}.game-subtitle{font-size:1.2rem;color:#ccc;margin:0 0 3rem;opacity:.8}.main-menu-buttons{display:flex;flex-direction:column;gap:1rem;margin:0 0 3rem}.menu-btn{padding:1rem 2rem;font-size:1.1rem;font-weight:700;text-transform:uppercase;background:transparent;border:2px solid var(--cp-primary);color:var(--cp-primary);cursor:pointer;transition:all .3s ease;font-family:Orbitron,sans-serif;letter-spacing:.05em;position:relative;overflow:hidden}.menu-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(8,253,216,.2),transparent);transition:left .5s ease}.menu-btn:hover{background:#08fdd81a;box-shadow:0 0 20px #08fdd880,inset 0 0 20px #08fdd81a;transform:translateY(-2px)}.menu-btn:hover:before{left:100%}.menu-btn.primary{border-color:var(--cp-accent);color:var(--cp-accent);box-shadow:0 0 20px #8600f44d}.menu-btn.primary:hover{background:#8600f41a;box-shadow:0 0 30px #8600f499,inset 0 0 20px #8600f41a}.menu-btn:active{transform:translateY(0)}.version-info{font-size:.8rem;color:#666;opacity:.7}@keyframes titleGlow{0%{text-shadow:0 0 20px var(--cp-primary),0 0 40px var(--cp-primary),0 0 60px var(--cp-primary)}to{text-shadow:0 0 30px var(--cp-primary),0 0 60px var(--cp-primary),0 0 90px var(--cp-primary)}}@keyframes backgroundPulse{0%,to{opacity:1}50%{opacity:.95}}.multiplayer-status{margin-top:15px;padding:8px 16px;border-radius:4px;font-size:14px;font-weight:700;text-align:center;border:1px solid;transition:all .3s ease}.multiplayer-status.connected{background:#08fdd81a;border-color:var(--cp-primary);color:var(--cp-primary);text-shadow:0 0 8px var(--cp-primary)}.multiplayer-status.connecting{background:#ffa5001a;border-color:orange;color:orange;animation:pulse 2s infinite}.multiplayer-status.error{background:#ff00001a;border-color:#f44;color:#f44;text-shadow:0 0 8px #ff4444}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.network-debug-overlay{position:fixed;top:20px;right:20px;width:350px;max-height:80vh;background:#000000e6;border:2px solid var(--cp-primary);border-radius:8px;color:var(--cp-primary);font-family:Courier New,monospace;font-size:12px;z-index:1000;overflow-y:auto;box-shadow:0 0 20px #08fdd84d,inset 0 0 20px #08fdd81a}.debug-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:#08fdd81a;border-bottom:1px solid var(--cp-primary)}.debug-header h3{margin:0;font-size:14px;text-transform:uppercase;letter-spacing:1px}.debug-close{background:none;border:none;color:var(--cp-primary);font-size:16px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.debug-close:hover{color:#f44}.debug-content{padding:15px}.debug-section{margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(8,253,216,.2)}.debug-section:last-child{border-bottom:none;margin-bottom:0}.debug-section h4{margin:0 0 8px;font-size:12px;text-transform:uppercase;color:var(--cp-accent);letter-spacing:.5px}.debug-section div{margin-bottom:4px;line-height:1.4}.debug-section span{color:#fff;font-weight:700}.debug-actions{display:flex;flex-direction:column;gap:8px;margin-top:15px;padding-top:15px;border-top:1px solid rgba(8,253,216,.2)}.debug-btn{background:#08fdd81a;border:1px solid var(--cp-primary);color:var(--cp-primary);padding:6px 12px;border-radius:4px;cursor:pointer;font-size:11px;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:.5px;transition:all .2s ease}.debug-btn:hover{background:#08fdd833;box-shadow:0 0 8px #08fdd880}.debug-btn:active{transform:translateY(1px)}.remote-player{background:#ffffff1a;padding:4px 8px;border-radius:3px;margin-bottom:4px;font-size:11px}