html,body{padding:0;margin:0;height:100%}canvas{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%}#perf,#status{-webkit-user-select:none;user-select:none;pointer-events:none;font-family:monospace;position:absolute}#perf{left:0;top:0;background-color:#0002}#perf pre{margin:0;color:#fff}.hide{display:none}#status{right:0;bottom:0;margin:0;color:#fff;background-color:#000;padding:.5rem;font-size:2rem}#error{font-family:monospace;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;color:#fff;background-color:#c00000;padding:.5rem;font-size:1rem;outline:1px solid white}#crosshair{position:absolute;z-index:1000;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;-webkit-user-select:none;user-select:none;width:20px;height:20px}#game-ui{opacity:0}.game-ui{position:absolute;z-index:1000;left:0;bottom:0;width:calc(100% - 4em);height:30px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;-webkit-user-select:none;user-select:none;padding:2em;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#d84e4e}.game-ui .health,.game-ui .ammo{display:flex;column-gap:1em;align-items:flex-end}.game-ui .label{font-size:1.2rem;font-weight:500;margin:0}#health,#clipAmmo,#stamina,#extraAmmo{font-size:1.5rem;font-weight:600;margin:0}.hidden{display:none!important}.menu{position:absolute;z-index:50000;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#242323;row-gap:1em}h1{color:#d84e4e;font-size:3rem;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.menu button{padding:.5em 2em;background:#d84e4e;color:#fff;border:none;font-size:1.5rem;cursor:pointer;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.settings{display:flex;flex-direction:column;align-items:center;margin-top:1em;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}h2{color:#d84e4e;font-size:1.5rem;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.settings .options{display:flex;justify-content:space-around;align-items:center;column-gap:1em}p{color:#b85656;font-size:1.2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.low,.medium,.high{display:flex;justify-content:center;align-items:center}.lose,.win{position:absolute;z-index:50000;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#242323;row-gap:1em}.help{margin-top:2rem}form{display:contents}