html,body{margin:0;height:100%;overflow:hidden;background:#0e1116;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}canvas{display:block}#hud{position:fixed;top:16px;right:20px;text-align:right;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.85);font-size:22px;font-weight:600;line-height:1.4;pointer-events:none;user-select:none;z-index:5}#crosshair{position:fixed;top:50%;left:50%;width:22px;height:22px;transform:translate(-50%,-50%);pointer-events:none;z-index:5}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#ffffffd9;box-shadow:0 0 2px #000c}#crosshair:before{left:50%;top:0;width:2px;height:100%;transform:translate(-1px)}#crosshair:after{top:50%;left:0;height:2px;width:100%;transform:translateY(-1px)}#crosshair.hit:before,#crosshair.hit:after{background:#34c759}#crosshair.miss:before,#crosshair.miss:after{background:#ff3b30}#instructions{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#0a0e1499;color:#fff;text-align:center;cursor:pointer;z-index:10}#instructions h1{margin:0 0 4px;font-size:40px}#instructions p{margin:0;font-size:18px}#instructions p.hint{font-size:15px;opacity:.8}