*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0a0a0f;font-family:Courier New,monospace;color:#e0e0e0}#app{width:100%;height:100%}#app canvas{display:block}#hud-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}#fps-counter{position:absolute;top:8px;right:12px;font-size:13px;color:#0ff;text-shadow:0 0 6px #0ff;opacity:.7}@keyframes dmgFloat{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-60px) scale(1.3);opacity:0}}@keyframes lootLinger{0%{transform:translate(24px);opacity:0}8%{transform:translate(0);opacity:1}85%{transform:translate(0);opacity:1}to{transform:translate(-12px);opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}kbd{display:inline-block;padding:1px 5px;font-size:10px;font-family:Courier New,monospace;color:#fff;background:#222;border:1px solid #555;border-radius:3px;margin:0 2px}#welcome{pointer-events:auto!important}#event-log-container{position:absolute;bottom:20px;right:20px;width:300px;display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:none}.event-log-entry{padding:4px 12px;background:#000014b3;border-right:3px solid;font-size:12px;color:#fff;white-space:nowrap;text-shadow:0 0 4px rgba(255,255,255,.5);animation:slideIn .3s cubic-bezier(.1,.9,.2,1) forwards}.event-log-entry.fading{animation:fadeOutLog .5s ease-out forwards}@keyframes slideIn{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOutLog{0%{transform:translate(0);opacity:1}to{transform:translate(20px);opacity:0}}#crosshair{position:absolute;left:50%;top:50%;width:4px;height:4px;transform:translate(-50%,-50%);background-color:#0ff;border-radius:50%;box-shadow:0 0 6px #0ff,0 0 2px #0ff;transition:background-color .15s,box-shadow .15s,transform .15s,width .15s,height .15s;pointer-events:none}#crosshair.active{width:6px;height:6px;background-color:#f33;box-shadow:0 0 10px #f33,0 0 4px #f33;transform:translate(-50%,-50%) rotate(45deg)}#crosshair.gun{width:12px;height:12px;border:2px solid #8cf;background-color:transparent;box-shadow:0 0 12px #8cf9}#crosshair.gun.active{border-color:#ff5a5a;box-shadow:0 0 14px #ff5a5abf;background-color:#ff5a5a14;transform:translate(-50%,-50%)}#crosshair.gun.ads{width:8px;height:8px;border-width:1px}