html,body{margin:0;height:100%;overflow:hidden;background:#05070c;font-family:Courier New,Courier,monospace;color:#c9f7d4;-webkit-user-select:none;user-select:none}canvas{display:block;touch-action:none}#hud{position:fixed;top:16px;left:16px;right:16px;display:flex;align-items:center;gap:24px;pointer-events:none;text-shadow:0 0 6px rgba(0,0,0,.9);z-index:5}#health-bar-outer{width:220px;height:18px;border:2px solid #7fffab;background:#0006;box-shadow:0 0 8px #7fffab66}#health-bar-inner{height:100%;width:100%;background:linear-gradient(90deg,#ff5f5f,#7fff7f);transition:width .15s ease-out}#score,#wave{font-size:20px;letter-spacing:1px}#wave{margin-left:auto}#crosshair{position:fixed;top:50%;left:50%;width:24px;height:24px;transform:translate(-50%,-50%);pointer-events:none;z-index:5}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#7fffab;box-shadow:0 0 4px #7fffabcc}#crosshair:before{left:50%;top:0;width:2px;height:100%;transform:translate(-50%)}#crosshair:after{top:50%;left:0;height:2px;width:100%;transform:translateY(-50%)}#crosshair.hit:before,#crosshair.hit:after{background:#ff5f5f;box-shadow:0 0 8px #ff5f5f}#hit-flash{position:fixed;inset:0;background:#ff000059;opacity:0;pointer-events:none;z-index:4}.overlay{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#020408d9;text-align:center;padding:24px;box-sizing:border-box;z-index:10}.overlay h1{font-size:48px;margin:0;color:#7fffab;text-shadow:0 0 16px rgba(127,255,171,.7);letter-spacing:4px}.overlay p{max-width:480px;line-height:1.5;margin:0}.overlay .controls{font-size:14px;opacity:.8}.overlay button{pointer-events:auto;margin-top:12px;padding:14px 28px;font-family:inherit;font-size:18px;letter-spacing:2px;color:#05070c;background:#7fffab;border:none;cursor:pointer;box-shadow:0 0 16px #7fffab99}.overlay button:hover{background:#a6ffc8}