*{box-sizing:border-box;margin:0;padding:0}html,body{background:#000;width:100%;height:100%;font-family:system-ui,sans-serif;overflow:hidden}canvas{display:block}#crosshair{pointer-events:none;z-index:10;width:14px;height:14px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair:before,#crosshair:after{content:"";background:#ffffffd9;position:absolute;box-shadow:0 0 2px #000c}#crosshair:before{width:2px;height:100%;top:0;left:50%;transform:translate(-50%)}#crosshair:after{width:100%;height:2px;top:50%;left:0;transform:translateY(-50%)}#score{color:#fff;letter-spacing:1px;text-shadow:0 2px 6px #000000b3;pointer-events:none;z-index:10;font-size:28px;font-weight:700;position:fixed;top:16px;left:50%;transform:translate(-50%)}#overlay{color:#fff;text-align:center;z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:fixed;inset:0}#overlay h1{letter-spacing:4px;text-shadow:0 4px 16px #000c;font-size:56px;font-weight:800}#overlay p{opacity:.85;font-size:15px}#overlay .controls{opacity:.65;margin-top:8px;font-size:13px;line-height:1.6}.menu{flex-direction:column;gap:10px;margin-top:10px;display:flex}.menu button{color:#fff;cursor:pointer;letter-spacing:.5px;background:#ffffff14;border:1px solid #fff3;border-radius:6px;min-width:240px;padding:12px 32px;font-size:17px;font-weight:600;transition:background .15s,border-color .15s}.menu button:hover{background:#ffffff2e;border-color:#fff6}.menu button:active{background:#ffffff40}.menu button.primary{background:#50a0ff40;border-color:#50a0ff80}.menu button.primary:hover{background:#50a0ff66}.hidden{display:none!important}#hitmarker{pointer-events:none;z-index:11;opacity:0;width:18px;height:18px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}#hitmarker:before,#hitmarker:after{content:"";transform-origin:50%;background:currentColor;border-radius:1px;width:18px;height:2.5px;position:absolute;top:50%;left:50%;box-shadow:0 0 4px,0 0 1px #000}#hitmarker:before{transform:translate(-50%,-50%)rotate(45deg)}#hitmarker:after{transform:translate(-50%,-50%)rotate(-45deg)}#damage-vignette{pointer-events:none;z-index:9;opacity:0;background:radial-gradient(#0000 35%,#b40000bf 100%);position:fixed;inset:0}#goal-flash{pointer-events:none;z-index:12;opacity:0;background:#fff;position:fixed;inset:0}