@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;700&display=swap";:root{--bg-color: #0b0c10;--grid-color: rgba(102, 252, 241, .05);--neon-cs: #de9b35;--neon-quake: #66fcf1;--text-color: #c5c6c7}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none;outline:none}body{background-color:var(--bg-color);background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:50px 50px;color:var(--text-color);font-family:Rajdhani,sans-serif;overflow:hidden;height:100vh;width:100vw}#root,.app{height:100%;width:100%}canvas{display:block;width:100%;height:100%;cursor:default}.game-running{cursor:none!important}.miss-flash{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0;pointer-events:none;z-index:5}.flash-active{animation:flash-anim .25s ease-out}@keyframes flash-anim{0%{opacity:.4}to{opacity:0}}.hud{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;gap:30px;background:#1f2833f2;padding:15px 40px;border-bottom:3px solid var(--neon-quake);z-index:10}.hud-item{text-align:center}.hud-item span{color:#fff;display:block;font-size:1.6rem;font-weight:700;line-height:1;margin-top:5px}.hud-label{font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:1px}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0b0c10fa;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:20}.hidden{display:none!important}h1{font-size:3.5rem;color:#fff;font-style:italic;margin-bottom:20px}.settings-panel{background:#1f283399;padding:25px;border-left:4px solid var(--neon-quake);width:380px;margin-bottom:25px}.setting-row{margin-bottom:12px}.aim-mode-row{display:grid;gap:8px}.aim-mode-row .toggle-container{margin-bottom:0}.setting-label{display:flex;justify-content:space-between;font-weight:700;margin-bottom:5px;font-size:.9rem}.setting-stepper{display:inline-flex;align-items:center;gap:6px}.stepper-btn{width:22px;height:22px;border-radius:4px;border:1px solid rgba(102,252,241,.35);background:#00000059;color:var(--neon-quake);font-weight:700;font-size:.9rem;line-height:1;cursor:pointer;padding:0}.stepper-btn:hover{border-color:var(--neon-quake);background:#66fcf11f}.setting-val{color:var(--neon-quake)}.toggle-container{display:flex;align-items:center;justify-content:space-between;padding:10px;background:#0000004d;cursor:pointer;border:1px solid transparent;margin-bottom:10px}.toggle-container.active{border:1px solid var(--neon-quake);background:#66fcf11a}.btn{padding:15px 50px;font-size:1.5rem;font-family:Rajdhani,sans-serif;font-weight:700;background:var(--neon-quake);color:#000;border:none;cursor:pointer;clip-path:polygon(0 0,100% 0,100% 80%,90% 100%,0 100%);transition:.2s;margin:5px}.btn:hover{background:#fff;transform:scale(1.05)}.btn-copy{background:var(--neon-cs);font-size:1.2rem;padding:15px 40px}.btn-secondary{background:#1f2833;color:var(--text-color);border:1px solid #444}.wasd-panel{position:absolute;bottom:24px;left:24px;display:flex;flex-direction:column;gap:8px;z-index:12}.wasd-row{display:flex;justify-content:center;gap:8px}.wasd-key{width:52px;height:52px;border-radius:8px;background:#1f2833e6;border:1px solid rgba(102,252,241,.15);color:var(--text-color);font-family:Rajdhani,sans-serif;font-size:1.1rem;font-weight:700;cursor:pointer;transition:transform .08s ease,background .12s ease,box-shadow .12s ease;box-shadow:0 6px 20px #00000040}.wasd-key:hover{background:#374454f2}.wasd-key.active{background:#66fcf129;border-color:#66fcf1cc;color:#fff;transform:translateY(2px) scale(.97);box-shadow:0 4px 12px #66fcf140}@media (max-width: 720px){.wasd-panel{bottom:16px;left:16px}.wasd-key{width:44px;height:44px;font-size:1rem}}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:#000;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:16px;width:16px;background:var(--neon-quake);cursor:pointer;border-radius:50%}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;width:30px;height:30px;cursor:pointer;background:none}input[type=text]{width:100%;padding:10px;background:#000;border:1px solid #444;color:var(--neon-quake);font-family:monospace;text-align:center;margin-bottom:10px}textarea.config-textarea{width:100%;padding:10px;background:#000;border:1px solid #444;color:var(--neon-quake);font-family:monospace;text-align:left;margin-bottom:10px;resize:vertical}.modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#1f2833;border:2px solid var(--neon-cs);padding:20px;z-index:50;width:550px;display:none}.modal.active{display:block}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid #444;padding-bottom:10px}.preview-box{width:100%;height:180px;background:#0b0c10;margin-bottom:20px;display:flex;justify-content:center;align-items:center;border:1px solid #333;background-image:url(https://www.transparenttextures.com/patterns/cubes.png)}.ch-controls{display:grid;grid-template-columns:1fr 1fr;gap:15px}.ch-row{margin-bottom:8px}.ch-row label{font-size:.8rem;color:#888;display:block;margin-bottom:2px}.import-section{margin-bottom:15px;border-bottom:1px dashed #444;padding-bottom:15px}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:15px;margin-bottom:25px;width:min(90vw,620px)}.stat-card{background:#1f283399;padding:15px;border:1px solid #333;text-align:center}.stat-card span{display:block;font-size:1.4rem;font-weight:700;color:#fff;margin-top:6px}@media (max-width: 640px){.hud{flex-wrap:wrap;gap:12px;padding:10px 18px}.settings-panel{width:90%}.modal{width:92vw;max-height:88vh;overflow-y:auto}.stats-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}}:root{line-height:1.2}body{margin:0}#root{height:100vh;width:100vw}